SEJA BEM VINDO(A) AO MEU BLOG.

terça-feira, 15 de junho de 2010

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.

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 glow
Criando 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

0 comentários:

Postar um comentário

Seguidores

Mural de Recados :

  ©Piadistas LM.