Tutorial Fireworks

Tutoriais por por Maurício Samy Silva

..: Construção de fios elétricos :..

Baseado em tutorial publicado em: http://www.caughtinthefire.com/index.php


::Objetivo::

Mostrar uma técnica de construção de fios elétricos rígidos de cobre, encapados.


::Visão antecipada::

Este tutorial mostra a técnica para desenhar fios elétricos conforme mostrado nesta

VISÃO ANTECIPADA.


::Novo documento::

Abra o FW - (Óbvio!) :-)

Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento", conforme mostrado na figura abaixo.

Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:

Largura: 500 pixels - Altura: 150 pixels

Cor da Tela: #FFFFFF.

Tecle OK.

fioele1


::A forma do fio::

Vamos desenhar um trecho do fio em forma de "S" invertido e deitado :- )

A ferramenta caneta (pen tool) é a apropriada para a tarefa.

Escolha uma cor de traço escura e selecione a ferramenta caneta.

Acompanhe a numeração dos itens a seguir com os números na figura.

1-) Clique e solte;

2-) Clique, mantenha pressionado, arraste na direção da seta e solte;

3-) Clique, mantenha pressionado, arraste na direção da seta e solte;

Concluído este passo você terá que "largar" a ferramenta caneta.

Clique na ferramenta de seleção "seta" e selecione o "S" que você acabou de construir.

4-) Clique e arraste as alças do "S" fazendo os ajustes de curvatura necessários.

fioele2

::A espessura e a cor do fio::

Estamos com a forma do fio já definida e desenhada com a ferramenta caneta.

Vamos a seguir escolher a cor e também uma espessura para o fio.

Selecione o fio e defina uma cor, uma espessura e um estilo para o traçado.
Observe na figura abaixo estes elementos ajustados para:
cor: preta (#000000);
espessura: 10px;
estilo: 1Pixel Soft (Pencil)
Edge e Texture: 0 e Grain 0 (valores default).

Escolha uma cor em tom escuro, pois adiante precisaremos da mesma cor em tom claro!

Nota: Tendo entendido a técnica de construção do fio, você deverá alterar os valores, pesquisar e adaptar para obter outros efeitos no fio.

fioele3

::Efeito cilíndrico no fio::

1-) Selecione o fio e clone;
Para clonar use Ctrl + Shift + D ou Clique com o botão direito em cima do fio => Edit=>Clone

Olhe no painel "Layers" e você verá que surgiu a duplicação (clonagem) do fio.

2-) Temos agora duas instâncias iguais do fio, uma sobre a outra.
Certifique-se de selecionar a instância do fio que está acima (oriente-se pelo painel "Layers")

Defina uma espessura de 4px e uma cor em tom mais claro daquela escolhida para o fio (neste tutorial usei a cor cinza #999999);

Veja o resultado na figura abaixo.

fioele4

::Retoque no efeito::

Vamos aplicar um retoque nesta instância que acabamos de construir (a cinza claro).

Selecione a instância e aplique Efeito => Blur => Gaussian Blur => Radius=1.6

fioele5

::Transformando em Bitmap::

Para as etapas seguintes precisaremos transformar nosso desenho vetorial em bitmap.

Selecione as duas instâncias do fio e tecle Ctrl +Shift + Alt +Z

ou clique com o botão direito sobre as instâncias selecionadas e Flatten Selection

ou menu Modify => Flatten Selection

E agora observe no painel "Layers" que os ícones de dois "Path" transformaram-se em um ícone de "Bitmap"


::Aparando as extremidades::

Vamos aparar as extremidades do fio que estão abauladas.
Observe na figura um zoom mostrando a extremidade do fio.

A esquerda como o ANTES e a direita o DEPOIS

Dê um zoom em uma extremidade;

Selecione o fio e com a ferramenta "Polygon Lasso" desenhe o polígono mostrado a esquerda na figura, fazendo um lado perpendicular ao fio.

Fechado o polígono tecle "Delete" e depois "Esc" e você terá a extremidade aparada como mostrado a direita na figura.

Repita para a outra extremidade do fio.

fioele6

::O fio de cobre::

1-) Desenhe um retângulo de 6 x 20 px;

2-) Aplique um preenchimento linear com as cores e faixas mostradas;
as cores da esquerda para direita são:
#996633 - #CC9933 - #FFCC33 - #FFCC33 - #CC9933 - #CC9933 - #663300 - #333333

Ajuste o preenchimento até obter um aspecto semelhante ao mostrado na figura abaixo.

Agora observe a sequência das letras A-B-C-D da figura.

A -) Selecione o retângulo e menu Modify => Transform => Skew rode até ficar paralelo ao fio;

B -) O retângulo na posição paralelo ao fio, após ter sido rotacionado como acima;

C -) Arraste o retângulo para a posição indicada e ele ficará sobre o fio (na frente);

D- ) Vá ao painel "Layers" e arraste o ícone do retângulo para baixo do ícone do fio (Bitmap), posicionando-o atrás.

Faça uma cópia do retângulo e coloque-o na outra extremidade do fio.

fioele2

::Uma sombra final::

Vamos finalmente acrescentar uma sombra para dar mais realismo a nossa obra.

Selecione tudo e Effects => Shadow and Grow => Drop Shadow ajuste os parâmetros da sombra e pronto! Está terminado o fio elétrico.

fioele3

::A figura inicial::

Aqui está a figura que você visualizou no início deste tutorial, mostrando mais uns fios elétricos construidos com esta técnica

fioele4

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 ®