Vector – Parte 1

Bem vinda à mais uma coluna comunidade!

Nesta coluna estarei abordando o tema “Vector”, em português, “Vetor”. Nela mostrarei as ferramentas do fireworks voltadas para essa área e outras usabilidades do programa relacionadas ao tema.

Pen Tool ( )

Não há como falar de vetor sem falarmos de pen tool. Essa ferramenta é a principal para o desenvolvimento de vetores, com ela você pode vetorizar todo tipo de desenho. É muito fácil de usa-la, mas depois de se pegar as “manhas”. Muitas pessoas têem dificuldades em manusea-la. Tentarei à seguir explicar da melhor maneira possível seu uso:
A Pen tool é baseada em pontos, no espaço entre dois pontos é formada uma linha. Para desenhar um quadrado, por exemplo, você precisára de quatro pontos:

Para encurvar uma linha você precisa alterar o ponto correspondente à ela, por exemplo, para encuvar a reta superior do quadrado na figura acima você precisaria mecher nos pontos 1 e dois, q são os que corresponde à ela. Mechendo no ponto 1, por exemplo, você alterará a reta superior e a reta da esquerda, q são as retas que ele forma.
Para alterar o ponto de modo em que as retas que ele forma fique encurvada é simples, com a ferramenta pen pressione o ponto corresponde as retas que você deseja encurvar e sem soltar faça movimentos circulares com o mouse. Você perceberá que à cada movimento feito a curva fica de uma forma diferente. Ao chegar na curva desejada solte o botão do mouse. Pronto! Sua curva está pronta!

Subselection Tool ()

A subselection tool é uma ferramenta com duas utilidades, editar os pontos de um vetor e selecionar um objeto em um grupo. Falaremos sobre a primeira, editar os pontos de um vetor.
Se você errou o local de um ponto ou a curvatura de uma linha em seu vetor não é preciso começar tudo de novo, é só selecionar a Subselction Tool e editar.
Para mover um ponto basta clicar sobre ele e arrasta-lo. para mudar uma curvatura de uma linha é só clicar sobre o ponto correspondente à ela e mover os dois pontos que surgirão.
Essa ferramenta trabalha em conjunto com a pen tool, portanto, para ativa-la quando estiver a usando é só pressionar “ctrl”.

Vector Patch Tool ( )

Muito semelhante à brush tool, sua maior diferença é o fato de ser editável, ser um vetor. A brush tool desenha um bitmap, já a Vector patch um vetor.
Para acessá-la:

Redraw patch tool ( )

O próprio nome já fala, “redesenhar”, essa ferramenta é para continuar ou mudar um desenho feito com uma ferramenta vetorial. Por exemplo, desenha-se um vetor com a Vector Patch tool, depois para continuar o desenho é só seleciona-lo e com a ferramenta Redraw clicar na ponta e continuar à desenhar.
Para acessa-la:

Freeform Tool ()

Essa é uma ferramenta muito útil, sua utilidade é fazer curvas, mas sem a complexidade da pen tool. Para encurvar uma linha com essa ferramenta basta clicar sobre ela e arrastar. veja um exemplo:

Reshape Area Tool ( )

Essa ferramenta é usada para distorcer vetores. Para isso selecione o vetor e em seguida, com a ferramenta Rashape Area selecionada clique sobre uma linha e arraste o mouse. Veja um exemplo:

Formas

As formas no Fireworks são as seguintes ferramentas:

As mais simples de se usar são a Rectangle tool, Ellipse tool e Polygon tool, para usa-las basta selecionar uma delas e na área de trabalho do programa, com o mouse, clicar, arrastar e soltar. Para usar as outras o procedimento é o mesmo, a diferença é que elas teêm outras propriedades, as quais veremos à seguir:
Ao colocar uma das outras formas na área de trabalho você perceberá que ela possue alguns pontos em amarelo, veja um exemplo:

Cada ponto corresponde à uma propriedade, ao pocisionar o mouse sobre eles uma caixa de texto com o nome da propriedade aparecerá.Veremos à seguir uma relação das mesmas:

Roundness: Altera a curvatura de uma linha.
Thickness: Define a espessura da forma.
Click to switch corners: Dê um clique para mudar o modo em que as pontas da forma se apresentam.
Alt/Opt for individual corners: Altera o tamanho das pontas.
Resize: Almentar ou diminuir o tamanho da forma.
Click to rotate: Dê um clique para rotacionar a forma.
Alt/Opt-drag to segment: Presente nas formas “Doughtnut” e “Pie”, tem o objetivo de diminuir ou aumentar o segmento.
Click to reset: dê um clique para retornar a parte da forma e que esse ponto estiver para a padrão.

Inner Radious: Presente nas formas “Doughtnut” e “Pie”, tem a função aumentar ou diminuir o raio do círculo interno.

Open/close spyral: presente apenas no ‘Spyral”, tem a função de fechar ou abrir o espiral. Para fechar ou abrir dê um clique com o mouse.
Spyrals: Presente apenas no “Spiral”, altera o número de espirais, arraste para cima para aumentar e para baixo para diminuir.
Points: Presente apenas na “Star”, altera o número de pontas da estrela.
Arrow size: Presente apenas na “Arrow”, altera o tamanho da “cabeça” da seta.
Arrow Tip: Presente apenas na “Arrow”, altera o tamanho da ponta da seta.

Acho importante dar destaque, explicando separadamente, à forma “Smart Polygon”:

1 (Inner Polygon): Tem a mesma função do Inner radious, só que ao invés de um círculo interior o tamanho alterado é de um polígono interior.
2 (Sides): Altera o número de lados do polígono, arrastando o mouse para cima aumenta e arrastando para baixo diminui.
3 (Scale/Rotate): Altera o tamanho e rotaciona o polígono.

4 (Sections): Muda o número de seções do poligono. Para aumentar, arraste o mouse para cima, para dimuir, arraste para baixo. O número máximo de seções corresponde ao número de lados e o número mínimo à 1.

Para tornar uma forma editável pelas outras ferramentas de vetor desagupe-a, ou, para não ter que desagupa-la sempre que for editar, tente edita-la com uma ferramenta veorial (Subsection, por exemplo), ao aparecer uma caixa de alerta marque a opção “don’t show again” e logo depois aperte ok.

Text ( )

A ferramenta text, craramente, é usada para inserir textos, vale lembrar que os mesmos são dispostos em imagens quando exportados para o dreamweaver, não se transforma em html.
Para escrever basta clicar na área de trabalho do programa com a ferramenta “Text” selecionada e começar à digitar.

Propriedades:

Caixas para alteração da fonte, tamanho, cor e estilo do texto.
Caixas para a alteração do espaçamento entre as letras. A primeira caixa altera o espaçamento horizontal, e a segunda, o vertical.
Altera a dispocição do texto para:
Horizontal left to right: Deixa o texto na horizontal e da esquerda para a direita.
Horizontal right to left: Deixa o texto na horizontal e da direita para a esquerda.
Vertical left to right: Deixa o texto na vertical e da esquerda para a direita.
Horizontal right to left: Deixa o texto na vertical e da direita para a esquerda.
Altera a dispocição do texto para:
Alinhamento à esquerda
Alinhamento central
Alinhamento à direita
Distribui as letras de forma q preencha toda a caixa de texto
Aumenta ou diminui a letra para que ela preencha toda a caixa de texto. Veja uma exemplo:
A primeira, a segunda e a quarta caixa de texto está relacionada ao parágrafo. A primeira corresponde ao espaçamento que precede o paragrafo, a segunda e a quarta ao espaçamento de um parágrafo para o outro. A terceira caixa de texto corresponde à largura das letras.
Altera o tracejado do texto.
Altera o canto dos textos, se vai ser suavizado ou não. Selecionando “No anti-alias” seu texto não será suavizado, ficando assim parecido com a fonte que estou usando. Selecionando os outros modos de Anti-alias, você terá seu texto suavizado de diferentes formas. Em “Custom Anti-Alias”>

Para poder editar o texto com as outras ferramentas vetoriais, clique sobre ele com o botão direito do mouse e selecione “convert to patchs”.
Se você deseja fazer efeitos em textos temos uma coluna aqui na Mx Studio, clique aqui para acessa-la.

Bom, terminamos a primeira parte dessa coluna. Qualquer dúvida é só postar no fórum. Fui… Até a próxima pessoal!!!

Escrito por tiagoperes on agosto 16, 2005. Arquivado em Fireworks. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

1 resposta a Vector – Parte 1

  1. Não consigo ver as imagens deste tutorial. Estou estudando vários tutoriais neste site e devo dizer que estão muito bons e, o que é melhor, a exclusividade de idéias e enorme e de muita qualidade.

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>