Criando flores no Fireworks

[João Prado 64]

Olá galera!

 

 

 

Neste tutorial vamos aprender a criar flores no Fireworks. Caso você precise criar um layout onde a presença de flores é indispensável, este tutorial irá ajudá-lo bastante. Mesmo para quem não tenha esta necessidade, o tutorial mostra técnicas interessantes do Fireworks, que se aplica a outras situações.

 

 

A figura 01 mostra o efeito final que teremos ao concluir este tutorial.

 

 

Figura 01: efeito final.

 

 

 

Gostou do efeito final? Siga os passos abaixo e aprenda.

 

 

 

1) Crie um novo documento, através do menu File, New, com as seguintes configurações.

 

 

Figura 02: menu Novo.

 

 

Figura 03: configurações do novo documento.

 

 

 

2) Selecione a ferramenta Star tool e crie no palco uma estrela 220 x 210 pixels.

 

 

Figura 04: ferramenta Star tool.

 

 

Figura 05: estrela criada no palco.

 

 

 

3) A estrela contém pontos de controle. Vamos aumentar os lados da estrela. Para isso, use o controle específico mostrado na figura abaixo e arraste para cima. Modificaremos para 6 pontos.

 

 

Figura 06: propriedade Points alterada para 6.

 

 

 

4) Clique no controle Roudness e puxe-o para o centro, afim de criar a seguinte forma:

 

 

Figura 07: controle Roudness.

 

 

Figura 08: posicionamento do controle Roundness.

 

 

Figura 09: figura obtida após configuração do controle Roundness.

 

 

 

5) Aumente, através do atalho Ctrl+T, a figura criada.

 

 

Figura 10: figura aumentada no palco.

 

6) Com a figura selecionada, defina um gradient radial com as seguintes configurações:

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image002.jpg

 

Figura 11: opção Gradient, Radial.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image003.jpg

 

Figura 12: configurações para o gradiente radial.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image004.jpg

 

Figura 13: resultado após configuração do gradiente radial.

 

 

 

7) Duplique, através dos atalhos Ctrl+C e Ctrl+V, a figura criada. Com a figura duplicada selecionada, diminua seu tamanho e alinhe no centro.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image005.jpg

 

Figura 14: figura duplicada reduzida no tamanho e centralizada.

 

 

 

8) A partir deste passo vamos aplicar alguns efeitos na flor. Com a figura copiada selecionada, acesse o menu de efeitos (+), Shadow and Glow, Inner Glow e configure da seguinte forma:

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image006.jpg

 

Figura 15: propriedades do efeito Inner Glow.

 

 

 

9) Em seguida, vamos aplicar o efeito Add Noise. Acesse o menu de efeitos (+), Noise, Add Noise... e configure-o como mostrado na figura 07.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image007.jpg

 

Figura 16: propriedades do efeito Add Noise.

 

 

 

10) Vamos aplicar o efeito Zoom Blur.... Acesse o menu de efeitos (+), Blur, Zoom Blur... e configure-o como mostrado na figura 08.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image008.jpg

 

Figura 17: propriedades do efeito Zoom Blur.

 

 

 

11) Vamos aplicar agora mais um efeito, o Sharpen More. Acesse o menu de efeitos (+), Sharpen, Sharpen More.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image009.jpg

 

Figura 18: efeito Sharpen More.

 

 

 

Ao final desta primeira série de efeitos, teremos o seguinte resultado:

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image010.jpg

 

Figura 19: resultado após aplicação dos efeitos.

 

 

 

12) Vamos fazer, neste passo, um processo semelhante ao que já fizemos no passo 2. Com a figura menor selecionada, duplique-a através dos atalhos do teclado Ctrl+C e Ctrl+V. Diminua seu tamanho e centralize em relação às demais figuras. Veja:

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image011.jpg

 

Figura 20: figura novamente duplicada, reduzida e centralizada.

 

 

 

13) Aumente o número de pontos (Points) de 6 para 18.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image012.jpg

 

Figura 21: número de pontos aumentado para 18.

 

 

 

Resultado após aumento do número de pontos de 6 para 18:

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image013.jpg

 

Figura 22: resultado após aumento de pontos.

 

 

 

14) Vamos aos retoques finais. Selecione a última figura duplicada e modifique a primeira cor do degrade para preto.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image014.jpg

 

Figura 23: modificação da primeira cor do degrade Radial para preto.

 

 

 

O resultado será o seguinte:

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image015.jpg

 

Figura 24: resultado após modificação da primeira cor do degrade Radial.

 

 

 

15) Agrupe todas as figuras. Para isso, selecione todas as figuras e acesse o atalho do teclado Ctrl+G.

 

 

 

16) Para finalizar, aplique o efeito Drop Shadow com as seguintes configurações.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image016.jpg

 

Figura 25: menu de acesso ao efeito Drop Shadow.

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image017.jpg

 

Figura 26: configurações do efeito Drop Shadow.

 

 

 

Resultado final:

 

http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos018_clip_image018.jpg

 

Figura 27: efeito final.

 

 

 

Pronto galera! Este foi mais um exemplo de como são poderosas as ferramentas do Fireworks para criação e edição de layouts e figuras.

 

 

---------------------------------------------------------------------------

fonte: Parte 1 e Parte 2

[Jackson Dias 68]

Uma "frozinha" muito bonita.

Uso o Fireworks PT BR. Para mim dar um trabalho "doido" traduzir.

Mas dar para fazer.

 

Continue com seus tutoriais amigo.

 

Abraços

[João Prado 64]

vlw Lung

 

eu peguei esse tuto no site do Julio Battisti, eu acho que eles tem a versao ingles la por isso as imagens sao ingles :D

[leomarriel 7]

muito bom.. parabens

[Mário Monteiro 179]

muito interessante o material

[Rodrigo Resende 1]

Relamente muito bom ! Parabéns cara !

[lucaswxp 22]

Muito bom! Estes dias fui tentar fazer uma flor, saiu uma bost* uusahhusahu xD

[João Prado 64]

isso é normal, com um pouco de treinamento você aprende ;)