Publicado em 27 de jul.

Criando flores no Fireworks

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.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image001.jpg&key=c0f158c16f1d935fa9ccf16eec8aa97d3e585339c53a74bdaf8a5484c9cc7805" alt="Imagem Postada" />

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.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image002.jpg&key=0e128a7610bf76c2f85b40b44d31f810d374d506d828ca966a6bb159b8d277f2" alt="Imagem Postada" />

Figura 02: menu Novo.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image003.jpg&key=db33e189c2facb92ff5f1428fb267ce1b201b74b670a4bc69fdf50307cb99ec0" alt="Imagem Postada" />

Figura 03: configurações do novo documento.

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

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image004.jpg&key=5c47a067b5610f2bca02b096270202fda4f8a646b92a010309c39571799891cb" alt="Imagem Postada" />

Figura 04: ferramenta Star tool.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image005.jpg&key=a7af5c942c3f4e0157c638ba3a5dce7d5b84278b49c9217b8eeef858589cfe52" alt="Imagem Postada" />

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.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image006.jpg&key=de1a549688bb55e6e8d53c97ecbaec7668af9739033c4b674648c8c1201b2951" alt="Imagem Postada" />

Figura 06: propriedade Points alterada para 6.

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

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image007.jpg&key=6d5319d719fc549765df402cdfa0f9c6bac625c033e956372df990ed997143bc" alt="Imagem Postada" />

Figura 07: controle Roudness.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image008.jpg&key=ca4a83aba803e83d87e3a4bbd9fd160615bcfd2a71367b8b12f134da0600aee1" alt="Imagem Postada" />

Figura 08: posicionamento do controle Roundness.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image009.jpg&key=3942b3460b172cedf8eac485c75153c2692734390224810cb600e21e6ba46874" alt="Imagem Postada" />

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

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

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.juliobattisti.org/tutoriais/fabioalmeida/serieefeitos017_clip_image010.jpg&key=babc7b0dabf3ef2b103328ae380a45fc19b1427c046d897695be17d2554f4d98" alt="Imagem Postada" />

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: