Criando Flores No Fireworks


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.
Criando flores com Adobe Fireworks
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.
Criando flores com Adobe Fireworks
Criando flores com Adobe Fireworks
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:
Criando flores com Adobe Fireworks
3º – Crie um mais um lado nesta estrela, de cinco vamos para seis.
Criando flores com Adobe Fireworks
Para dar a forma desejada, é preciso arrastar o ponto de controle arredondamento exterior.
Criando flores com Adobe Fireworks
A forma vai diminuir e ficar mais ou menos com este aspecto:
Criando flores com Adobe Fireworks
4º – Aumente a forma com a ferramenta Scale tool (atalho = q).
Criando flores com Adobe Fireworks
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.
Criando flores com Adobe Fireworks
Resultado:
Criando flores com Adobe Fireworks
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:
Criando flores com Adobe Fireworks
Em detalhe a copia posicionada ao centro:Criando flores com Adobe Fireworks
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 glowCriando flores com Adobe Fireworks
Noise > add noise:Criando flores com Adobe Fireworks
Blur > zoom blur:Criando flores com Adobe Fireworks
E Sharpen > sharpen more:Criando flores com Adobe Fireworks
Perceba como já vai tomando forma:Criando flores com Adobe Fireworks
8º – Duplique a forma do centro e diminua um pouco:Criando flores com Adobe Fireworks
Em seguida posicione também ao centro:Criando flores com Adobe Fireworks
9º – Através do ponto de controle de adição de lados, vamos criar até o número 18:Criando flores com Adobe Fireworks
Criando flores com Adobe Fireworks
Hum… quase lá…Criando flores com Adobe Fireworks
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:Criando flores com Adobe Fireworks
Criando flores com Adobe Fireworks
Pronto! Basta selecionar todos os objetos, agrupá-los (ctrl + g) e em seguida adicionar sombra em live filters > shadow and glow > drop shadow:Criando flores com Adobe Fireworks
E aqui vai uma ilustração com flores, tendo naturalmente esse tutorial como base.Criando flores com Adobe Fireworks
Nenhum comentário

Nenhum comentário :

Postar um comentário