Criando flor

Coluna Fireworks – Criando flor

Tudo bem Fireworkes …

Sejam bem vindos a mais uma coluna Fireworks aqui no Mxstudio. Hoje mostrarei uma forma bem prática de criar uma flor aproveitando os recursos que o querido Fire nos disponibiliza.

Introdução

Se veja em um situação de criar uma arte onde o foco principal são flores. Um hot-site, molduras, backgrounds, entre outros. Nesta coluna você vai ter a oportunidade de criá-las de várias formas diferentes.

Pré-requisitos

Fireworks 8 ou 2004.

Objetivo

Chegar ao resultado semelhante ou melhor que o abaixo.


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!

Autor: Rafael Silva Vaz – Colunista de Fireworks do MXStudio.

Dúvidas, acesse nosso fórum ou visite meu blog/site voltado para o Adobe Fireworks: Fireblog Brasil

Grande abraço e até a próxima

Escrito por Rsv on outubro 16, 2006. Arquivado em Fireworks. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

3 respostas a Criando flor

  1. Muito simples de se fazer e é um efeito muito bonito!

    Obrigada ;D

  2. Pingback: Como Fazer uma flor no Fireworks « AJD Tuts

  3. Adorei este tutorial!
    Muito simples de fazer, mas o resultado fica lindo *´.*. Muito bem explicado

    Obrigada =D

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>