Webly: Criando Flores - Webly

Explorar os recursos do Fireworks é fundamental para criar elementos que nem sempre são fáceis de ser criados. Tenho certeza que uma flor se enquadra perfeitamente nisso, mais neste tutorial mostro com é fácil simplificar as coisas com um pouquinho de criatividade e aproveitando o melhor de cada função. O fiel da balança neste caso é o auto-shape Star, forma autómatica presente nas versões 2004 e 8 respectivamente.

Embora para o tutorial...

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:



Olhe 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á...



Na verdade já está com aspecto muito bacana, mais vou adicionar mais um detalhe a flor:

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:



Abaixo uma simples imagem só para mostra como podemos aproveitar bem o que foi ensinado.



E aqui outra flor usando o mesmo método:



Detalhe: Cada flor terminada pode ser colorida em adjust colors > hue/saturation. Foi isso que fiz para modificar a tonalidade dos dois exemplos acima.

Considerações Finais
Como sempre cito, o que foi ensinado nesta coluna pode e deve ser aperfeiçoado, afinal nos mostramos como criar, o resto é com você. Se vale mais uma dica, estas flores também podem sofrer edição da ferramenta Smudge tool, para isso basta transformá-las em bitmaps!


Fonte: http://www.fireblogbrasil.com/?p=131

é so eu, ou vcs naum vê as img?

Eu também não consigo visualizar as imagens. quando clico no texto e arrasto o cursor, não aparece o espaço onde deveriam estar as imagens, apenas as linhas com o texto.