facebook twitter youtube rss
Tutorial: Criando efeito de cabos no Photoshop
Postado por em set 22, 2008 sob as tags Photoshop | 7 comments
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

 

Na minha última ilustração digital, utilizei uma técnica para criar cabos no Photoshop. Você pode até estar pensando: "Para que ‘catso’ eu vou utilizar isso?". No final do tutorial segue a imagem que fiz e daí você pode tirar suas próprias conclusões. Se mesclada com outros elementos, esta técnica pode ser muito útil. Há outras maneiras de se conseguir o mesmo efeito, mas creio que esta é a mais fácil e rápida.


 

Passo 1 – Crie uma linha

Começamos o tutorial criando um novo documento e neste documento criamos um novo layer (Figura 1A). Eu renomeei o layer para Cable. Utilizando a Line Tool (U) , certifique-se que as configurações da ferramenta estão como mostra a Figura 1B, onde a barra de configuração está configurada com a opção Fill Pixels selecionada e Weight (expessura do traço) está como 3. Ao final desse passo você deve ter uma imagem como a Figura 1C.

 

FIGURA 1A

 

FIGURA 1B

 

FIGURA 1C

 

 

 

 

Passo 2 – Criando a ondulação

Vá em Filter > Distort > Shear. No quadrado que aparece na Figura 2A, você verá alguns pontos de controle representados por pequenos quadrados pretos. Fique a vontade para deixar a linha do jeito que achar melhor. Na própria Figura 2A você pode verificar como configurei o meu efeito.

 

FIGURA 2A

 

Passo 3 – Completando o efeito de cabo

Duplique o layer do cabo. Com o novo layer selecionado, utilize os botões direcionais do teclado para mover o novo layer para os lados. Utilize de 3 a 5 pixels. Cada pixel é um toque que você deve dar na tecla direcional do teclado. O resultado ficará parecido com a Figura 3A.

 

FIGURA 3A

 

Passo 4 – Aplicando os efeitos de camada

Selecione os dois layers do cabo. O original e o copiado. Vá no menu Layer > Merge Layers ou pressione CTRL + E no PC ou Command + E no Mac. Isso unirá os dois últimos Layers em apenas um. Na janela Layers, vá até a camada que acabamos de unir e dê duplo clique ou vá no menu inferior da janela e selecione a opção Add a layer style como mostra a Figura 4A.

 

FIGURA 4A

 

Para criar um efeito ainda mais realista vamos utilizar 3 estilos de camada: Drop Shadow, Bevel and Emboss e Color Overlay.
Clique nas imagens para ver as configurações de cada opção ampliada.

 

Drop Shadow
Adiciona uma sombra ao cabo. Você pode modificar as opções Angle (ângulo) , Distance (distância) e Spread (abrangência) conforme sua necessidade.

 

Bevel and Emboss
Adiciona um pouco mais de revelo ao cabo criando um efeito mais realista.

 

Color Overlay
Nesta opção que selecionamos a cor do cabo.

 

O resultado deve ficar semelhante a figura abaixo. Eu troquei a cor do background para preto para realçar o efeito, como mostra a figura abaixo.

 

Passo 5 – Finalizando

Abaixo fiz uma composição onde copiei várias vezes o cabo, troquei a cor do Color Overlay e também utilizei a ferramenta Free Transform para mudar a posição e tamanho. Você pode estar pensando que este efeito é um tanto quanto inútil, mas na verdade ele pode ser utilizando em diversas ocasiões como mostra a imagem no final da página. Espero ter ajudado. Em caso de dúvidas ou críticas por favor enviem e-mala para tiago@tiagopimentel.com.

 

[ ]s

 

 

 



Sobre o autor

Tiago Pimentel

Estudei design gráfico na EPA e por uma ironia do destino, me tornei diretor de arte digital. Também sou ilustrador e músico, trabalho na Jazz Digital e sou adicto a links interessantes e todas as coisas boas da vida: fotografia, moda, cinema, viagens, arte, cultura, internet. Além disso dedico meu tempo livre às artes plásticas. Entre em contatos através das redes sociais, Facebook, Twitter, etc. Os links estão no MeAdiciona: www.meadiciona.com.br/tiagopimentel

Você também deve curtir:

Tutorial Photoshop: Utilizando a Pen Tool Ao trabalhar com o Photoshop, sempre digo que a seleção é a alma do negócio....
Tutorial: Criando ondulações na água com Photoshop   No meu último trabalho, intitulado Smoke On The Water (Sim, sou "fanzasso"...
Tutorial: Photoshop Match Color – Criando um Pôr-do-Sol Estes dias precisava fazer um cartaz para um concurso. Meu objetivo era transformar as pirâmides...
Tutorial – Um modo fácil de fazer seleções no Illustrator Hoje descobri o mapa da mina. Ok, sei que é um tutorial bem simples, mas assim como eu descobri...


7 Respostaspara ““Tutorial: Criando efeito de cabos no Photoshop”

  1. Fer_Designer disse:

    E aí Tiago olha eu de novo c/ minhas dúvidas e comunicando algumas divirgências… kkkkk

    —–> Dúvida Link Quebrado ou Página Expirada Design In a Box | Tutorial: Aprenda a usar os Blend Modes do Photoshop <–, este 1º não funciona, sendo que o último está funcionando. O 1º link foi retirado ou está realmente danificado?

    Abraçosss

    Fer_Designer

  2. Fer_Designer disse:

    E aí Tiago olha eu de novo Não sei porque acabou por não postar minha dúvida relativa este tuto… Ú_ù Enfim…

    —–> (Dúvida)
    Então kra, O tutorial tá muito bom mesmo, achei útil, realmente curti!

    Minha dúvida é a seguinte, após aplicação destas configurações no Layer Style surte este efeito na sua arte final (efeito de iluminação das linhas) ou tem de fazer + algumas coisas para obtê-lo?

  3. Olá tudo bem?

    Não achei o link quebrado, poderia me dizer em qual página você achou este link?

    [ ]s

  4. Fer_Designer

    Seguindo as configurações de Layer Style o cabo já deve ficar com a aparência que está na foto do tutorial.
    Mais dúvidas é só escrever.

    [ ]s

  5. Fer_Designer disse:

    Então o link que eu comentei antes são aqueles que aparecem abaixo após você terminar o “tutorial de pintura digital”.

    2 Respostas to “Tutorial: Transformando fotos em pintura digital no Photoshop” abaixo deste comentário há 2 links fazem partes do teu blog ou não, porque o 1º está quebrado ou a página expirada. Vê se vc consegue ver aí.

    Abraçoss

    Fer_Designer

  6. Fer_Designer disse:

    Eaí Tiago blzeira kra??

    Então kra deixa eu tirar + uma dúvida…

    Como vc fez este efeito da mulher despedaçanado na foto, muito show tem como dizer?

    Vlw

    Fer_Designer

  7. Opa Fer, tudo bem?

    Este efeito é muito simples de fazer. Eu consigo através de brushes. Eu criei alguns brushs que chamei de partículas, mas creio que o set Natural Brushes do Photoshop possa resolver. Daí você apaga ou mascára um pouco a imagem com este brush, depois pega a cor similar a da área que você vai apagar e pinta. É isso.

    [ ]s

Deixe uma resposta

parceiros

The Old Black Gallery
Blog Ditudu
Caligraffiti
Choco la Design: O lado mais gostoso do design!
Studio MANGA ROSA
My Owl Barn
Tutorial 3D
Cute Drop
Magel Studio
Design Dicas
Design Dicas
Tutoriart
SmartGirls
Des1gnOn
Designers Brasileiros
sala7 design
Design Fera
Tonka 3D
Designer Effects
Designer Effects
Follow the Colours
Logotomia
Paroxismo Records
Designerd
SetUP Extras - Wallpapers  Matrias  Design
Artefinal
Designine