Tutorial Fireworks : Criando flores

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.