MXStudio » Fireworks » Vector – Parte 1

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!!!


Assine o nosso Feed
1.404 assinantes,
assine você também!
Publique esse artigo no Twitter Salve este artigo no Delicious Cadastre esse artigo no Dihitt Cadastre esse artigo no UEBA Cadastre esse artigo no Rec6

1 Comment to Vector – Parte 1

  1. Alixie's Gravatar Alixie
    Agosto 11, 2008 at 11:09 pm | Permalink

    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 um Comentario

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

tiagoperes