Br-Design


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

#1
 Gui.Coutinho

Gui.Coutinho
Membro
Membro
Aew pessoal hoje irei vos ensinar a criar efeito de fio eletrico espero que gostem !!

::Novo documento::

Abra o FW

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.
Efeito Fio Elétrico - Fire Works 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.
Efeito Fio Elétrico - Fire Works 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.
Efeito Fio Elétrico - Fire Works 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.
Efeito Fio Elétrico - Fire Works 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
Efeito Fio Elétrico - Fire Works 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.
Efeito Fio Elétrico - Fire Works 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.
Efeito Fio Elétrico - Fire Works Fioele7
::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.
Efeito Fio Elétrico - Fire Works Fioele8
::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
Efeito Fio Elétrico - Fire Works Fioele9

Creditos: BomPortal .

http://www.yourmix.123.st

#2
 RaaphA~

RaaphA~
Evili Designer
Evili Designer
affes , fiozinhos difiiciu de fazer ..

vou ver se consigoo Wink

http://www.br-design.forumeiros.com/u906

#3
 Gui.Coutinho

Gui.Coutinho
Membro
Membro
E nada o mais facim e esse auhaushaus '
Se precisar de ajuda so falar vlw '

Adc aew: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] :tavaali:

http://www.yourmix.123.st

#4
 Fera

Fera
Membro
Membro
Parece se Facil

#5
 IsmaelS.

IsmaelS.
300+ Posts
300+ Posts
Muito Bom,obrigado !

http://www.suportedesign.net

#6
 Fera

Fera
Membro
Membro
o O Geito que fico o meu
Efeito Fio Elétrico - Fire Works Fio
a ponte do fio la em cima fico torto pq nao conssegui arruma mais fico assin

#7
 Gui.Coutinho

Gui.Coutinho
Membro
Membro
bom ne faltou arrumar oq esta torto e deixar a parte de borracha preta em cima a parte desencapada do fio mais fico bom pela primeira tentativa ... ^^

http://www.yourmix.123.st

#8
 Mazeko

Mazeko
Administrador
Administrador
Terminei de baixar meu Fireworks! :p
vou testar esse efeito aqui xD

http://www.br-design.forumeiros.com

#9
 Fera

Fera
Membro
Membro
Olha essa Efeito Fio Elétrico - Fire Works Toolbarn

Como Fico

#10
 hardy,

hardy,
Membro
Membro
Muito bom, vou ter de experimentar.

#11
 Melok

Melok
Membro
Membro
Vou instalar o Fireworks! Parabéns pelo tópico, ele é bem dividido em etapas e é bem explicativo. Boa sorte, Guilherme Coutinho.]

Atenciosamente, Melok.

http://fazenda.ueuo.com/

#12
 Iana

Iana
Evili Designer
Evili Designer
pelo menos ta bem detalhado. Será q consigo?! Vou tentar.

http://www.mundoiana.forumeiros.com/

#13
 Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]


Permissões neste sub-fórum
Não podes responder a tópicos