Tutorial: Linhas transversais multicoloridas

COMPARTILHE:

Como criar linhas transversais multicoloridas usando Smart Objects e alguns filtros.

Preview Descrição: Como criar linhas transversais multicoloridas usando Smart Objects e alguns filtros.

  • [message]
    • ##check##AVISO: Linhas transversais multicoloridas

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo documento e defina um tamanho de 1000x1000 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher toda a layer de preto, pressione a letra X do teclado para alternar as cores de Foreground e Background, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool novamente e clique no documento para preencher toda a layer com a cor branca, vá em Filter> Render> Fibers e defina os valores abaixo.

Linhas transversais multicoloridas

02. Agora vá em Filter> Blur> Motion Blur e defina os valores abaixo.

Linhas transversais multicoloridas

05. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Linhas transversais multicoloridas

06. Agora vá em Layer> Smart Objects> Convert to Smart Objects, com isto a qualquer momento você poderá clicar na layer e alterar os valores aplicados no Gradient Overlay, pressione Ctrl+J para duplicar a layer, mude o modo de blend da layer para Overlay e vá em Filter> Other> High Pass e defina o valor de 10 pixels para o Radius e pressione Ok.

Linhas transversais multicoloridas

07. Clique na layer que foi preenchida com a cor preta e vá em Layer> Hide Layers, agora pressione Ctrl+Shift+E para mesclar todas as layers visíveis, clique novamente na layer que preenchemos com a cor preta e vá em Layer> Show Layers, pressione Ctrl+T para abrir a caixa de Free Transform e distorça a layer como na foto abaixo e pressione Enter.

Linhas transversais multicoloridas

08. Novamente pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste um dos pontos existentes nas diagonais da caixa de Free Transform afim de rotacionar a layer em 45° como na foto abaixo, caso seja necessário estique a imagem para que ela fique como na imagem abaixo.

Linhas transversais multicoloridas

09. Agora vá em Image> Adjustments> Levels e defina os valores abaixo.

Linhas transversais multicoloridas

10. Ao final seu efeito estará como o da foto abaixo.

Linhas transversais multicoloridas

site de origem: http://www.giackop.com/?p=70

COMENTÁRIOS

BLOGGER: 3
  1. Sozinho o efeito é legalzinho, mas dá um blend muito bom com sign que combine esse estilo.

    Muito bom, como sempre André! :)

    ResponderExcluir
  2. Olá André. Mais uma vez, como das vezes, parabéns pelos posts... Muito bons. Gostaria de saber se tem como você disponibilizar o tuto desse esquema de fazer botão aqui! http://iris-design.info/photoshop/web-20-style-buttons/

    Tirei desse site: http://ruanceli.com/tutorial/45-tutoriais-photoshop-para-itens-de-navegacao

    Vejo que você não tem tuto ensinando afazer botões nesse estilo meio de vidro.
    Preciso muito saber, tentei pelo site, mas ficou uma m@#$%¨...
    Enfim, se puder ajudar, desde já agradeço!
    Um abração!
    Elói

    ResponderExcluir
  3. adorei teu site...

    tentei fazer como vc ensinou...
    só nao consegui, fazer com que as listras ficassem como a sua ( um efeito vicro) mas obtive um resultado legalll

    obrigada

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,209,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,484,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Linhas transversais multicoloridas
Tutorial: Linhas transversais multicoloridas
Como criar linhas transversais multicoloridas usando Smart Objects e alguns filtros.
https://www.andresugai.org/Tutoriais/05.2008/T06/imagem8.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/05/linhas-tranversais-multicoloridas.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/05/linhas-tranversais-multicoloridas.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar