Escolha o tema
Procurar
Últimos assuntos
Top dos mais postadores
Antunes Marcelo™ (2685) | ||||
Rafael Ribeiro (1442) | ||||
bru5no (1407) | ||||
San (978) | ||||
abandonei rs' (213) | ||||
Banned+ (143) | ||||
michellgomes (138) | ||||
Micheel (132) | ||||
Kotoquinho (125) | ||||
Dexter (87) |
Facebook
[TUTO] ..: Construção de fios elétricos :..
2 participantes
Página 1 de 1
[TUTO] ..: Construção de fios elétricos :..
::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.
::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.
::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 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.
::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
::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.
::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.
::Uma sombra final::
Vamos finalmente acrescentar uma sombra para dar mais realismo a nossa obra.
Selecione tudo e Effects => Shadow and Grow => Drop Shadow
::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
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.
::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.
::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 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.
::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
::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.
::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.
::Uma sombra final::
Vamos finalmente acrescentar uma sombra para dar mais realismo a nossa obra.
Selecione tudo e Effects => Shadow and Grow => Drop Shadow
::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
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Sex Out 11, 2013 11:50 am por Rafael Ribeiro
» Melhor Windows XP para pc mais antigos… Alto desempenho da maquina com este windows.
Sex Out 11, 2013 10:55 am por Rafael Ribeiro
» DONWLOAD DE FONTES TRANSPARENTES.
Dom Set 29, 2013 2:07 pm por Keant
» DONWLOAD DE FONTES DOURADAS.
Qua Jul 31, 2013 3:01 pm por Carlos Alberto dos Santos
» Marinha abre inscrições para concurso de admissão ao Colégio Naval, em Angra dos Reis - RJ
Sex Jul 12, 2013 12:12 pm por Rafael Ribeiro
» Escrevendo arquivo texto com a função StreamWriter
Seg Nov 12, 2012 8:25 pm por Dexter
» Lendo arquivo texto com a função StreamReader
Seg Nov 12, 2012 8:21 pm por Dexter
» Foto config
Seg Nov 12, 2012 8:15 pm por Dexter
» Como localizar um ip
Qua Set 12, 2012 10:02 am por Dexter
» Jogos Pra Samsun Gt-M2510
Seg Jun 18, 2012 8:21 am por San