Tutorial Fireworks

Tutoriais por por Maurício Samy Silva

..: Divisão de um círculo :..

Baseado em um post de Paul "Hooperman" Park , Guru do Site Point desenvolvedor do site
Demon Web Design e autor de um PDF em inglês ensinando a fazer alguns logos no FW.


::Objetivo::

Mostrar uma técnica para dividir um círculo em um número qualquer de partes iguais.


::O círculo::

Desenhe o círculo. Neste tutorial usei inicialmente um círculo de 150 x 150px na cor verde.

O círculo é desenhado com a ferramenta Elipse arrastando-a no palco enquanto se mantém pressionada a tecla Shift.
Opcionalmente você pode arrastar a ferramenta no palco, desenhando uma elipse qualquer e a seguir com a elipse selecionada ajustar no Painel Properties (logo abaixo do palco) as dimensões em W igual a 150px e H igual a 150px.

Menu elipse


::A estrela::

A seguir vamos desenhar uma estrela com a ferramenta Polygon. Esta ferramenta serve para desenhar polígonos côncavos (no FW denominados de polygon) e estrelas denominadsas Star.
Depois que você selecionar a ferramenta vá no painel Properties e no menu popup escolha Shape: Star - Sides: 15 (número de partes a dividir o círculo, eu usei 15) - Angle:1

Clique e arraste no palco para desenhar uma estrela próxima ao círculo. Ajuste no painel Properties as dimensões da estrela para 10px maior que o cículo, no meu caso ajustei para 160 x 160px.

Menu Polygon Star

::Sobrepondo as formas::

Vamos a seguir colocar a estrela em cima do círculo, fazendo coicidir o centro de ambas. Para isto, selecionamos as duas formas e usamos o Menu Modify » Align » Center Vertical e a seguiur Modify » Align » Center Horizontal.

Opcionalmente você poderá usar teclas de atalho para alinhar Ctrl + Alt + 2 e a seguir
Ctrl + Alt + 5.

Centrado vertical e horizontal


::A divisão::

Depois de sobrepor as formas e estando com elas selecionadas vamos fazer a divisão do círculo. Vá ao Menu Modify » Combine Paths » Punch e a seguir
Modify » Combine Paths » Split
e pronto tá feita a divisão.

Agora você poderá escolher cada uma das divisões e mudar a cor ao seu gosto.

Circulos dividido e com setor selecionado

::Alguns efeitos::

A seguir mostro alguns efeitos obtidos com esta técnica de divisão do círculo.

Efeito final 2

Deixe seu comentario sobre esta matéria:

Site criado em 22 de julho de 2004 por Maurcio Samy Silva Direitos de terceiros reservados 2004-2017.
Contedos no pertencentes a terceiros podem ser copiados vontade (crdito ser bem-vindo).
Powered by: Maujor ®