Um dos tutoriais que tive a oportunidade de criar e que teve uma ótima repercussão foi esse aqui, o Criando Flores.
Há três anos ninguém tinha idéia de como criá-las, não havia nenhum tutorial que pudesse explicar por onde começar, que ferramenta utilizar, enfim…
Hoje vejo que existem muitos tutoriais explicando como criar flores no Fireworks, onde os usuários baseiam-se na idéia explicada por mim, que agora você poderá ver aqui, no Tutorial Fireworks.
Tutorial: Criando Flores com Fireworks
1º – Crie um novo documento de 300px height por 300px width fundo branco.

2º – No painel de ferramentas vector selecione a opção Star e clique no palco. Automaticamente surgirá uma estrela com o tamanho definido em 190px height por 181px width.


Esta estrela contém pontos de controle (amarelo) em posições específicas, trata-se de um auto-shape (forma automática) do Fireworks. Veja em detalhe:

3º – Crie um mais um lado nesta estrela, de cinco vamos para seis.

Para dar a forma desejada, é preciso arrastar o ponto de controle arredondamento exterior.

A forma vai diminuir e ficar mais ou menos com este aspecto:

4º – Aumente a forma com a ferramenta Scale tool (atalho = q).

No próximo passo vamos começar a colorir a flor.
5º – Selecione a forma e no painel de propriedades clique em preenchimento, escolhendo a opção gradient > radial.

Resultado:

6º – Duplique a forma (ctrl + c e ctrl + v ou ctrl + shift + d) e em seguida diminua com Scale tool (atalho = q) para posicioná-la ao centro:

Em detalhe a copia posicionada ao centro:

No próximo passo vamos começar o uso de filtros, indo painel de propriedades > live filters.
7º – Com a copia selecionada vamos usar quatro filtros em seqüência.
Shadow and Glow > inner glow

Noise > add noise:

Blur > zoom blur:

E Sharpen > sharpen more:

Perceba como já vai tomando forma:

8º – Duplique a forma do centro e diminua um pouco:

Em seguida posicione também ao centro:

9º – Através do ponto de controle de adição de lados, vamos criar até o número 18:


Hum… quase lá…

Veja que a flor já está com aspecto bem bacana, mesmo assim vou adicionar mais um detalhe:
10º – Selecione está última forma duplicada e altere para preto a seguinte cor de seu preenchimento radial:


Pronto! Basta selecionar todos os objetos, agrupá-los (ctrl + g) e em seguida adicionar sombra em live filters > shadow and glow > drop shadow:

E aqui vai uma ilustração com flores, tendo naturalmente esse tutorial como base.



Monday, 13 July de 2009 às 01:52
[...] a great tutorial on drawing flowers using the Star autoshape, and here’s another for creating flames using the wave gradient and [...]
Monday, 27 July de 2009 às 07:44
[...] Vector-like Flowers [...]
Monday, 27 July de 2009 às 07:44
[...] Vector-like Flowers [...]
Monday, 27 July de 2009 às 08:46
[...] Vector-like Flowers [...]
Monday, 27 July de 2009 às 10:14
[...] Vector-like Flowers [...]
Monday, 27 July de 2009 às 10:26
Excelente dica ! Parabéns ! um abraço, Alexandre
Monday, 27 July de 2009 às 20:14
[...] Vector-like Flowers [...]
Monday, 19 October de 2009 às 10:28
Fantástico cara… você crio flores do nada,nota 10
Friday, 08 January de 2010 às 08:33
[...] flowers, entirely made in Adobe Fireworks, were inspired by this nice tutorial. And they are a present, indeed, for a special friend of me and Ani (hint: her name starts with a [...]
Friday, 08 January de 2010 às 08:38
[...] създадени във Fireworks, бяха вдъхновени от един много приятен tutorial. И са подарък за един наш много добър приятел (на мен и [...]