Tutorial: Linhas Abstratas para Backgrounds

COMPARTILHE:

Hoje veremos como criar um background abstrato com diversas faixas coloridas, usaremos diversas ferramentas, layer styles e modos de blend.

Preview Descrição: Hoje veremos como criar um background abstrato com diversas faixas coloridas, usaremos diversas ferramentas, layer styles e modos de blend.

  • [message]
    • ##check##AVISO: Linhas Abstratas para Backgrounds

      • 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 :)

tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1920x1200 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 a layer Background com a cor preta.

Linhas Abstratas para Backgrounds

02. Agora pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja selecionada na barra de opções da ferramenta no alto da tela, escolha as cores abaixo e crie uma série de retângulos atravessando o documento como na foto abaixo.


Linhas Abstratas para Backgrounds

03. Sua imagem ficará como a da foto abaixo.

Linhas Abstratas para Backgrounds

04. Ainda com a Rectangle Tool selecionada crie mais alguns retângulos como na foto abaixo.

Linhas Abstratas para Backgrounds

05. Sua imagem ficará como a da foto abaixo.

Linhas Abstratas para Backgrounds

06. Ainda com a Rectangle Tool selecionada crie novos retângulos como na foto abaixo.

Linhas Abstratas para Backgrounds

07. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Linhas Abstratas para Backgrounds

08. Defina o gradiente como na imagem abaixo.

Linhas Abstratas para Backgrounds

09. Sua imagem ficará como a da foto abaixo.

Linhas Abstratas para Backgrounds

10. Ainda com a Rectangle Tool selecionada crie mais dois retângulos como na foto abaixo.

Linhas Abstratas para Backgrounds

11. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Linhas Abstratas para Backgrounds

12. Defina o gradiente como na foto abaixo.

Linhas Abstratas para Backgrounds

13. Sua imagem ficará como a da foto abaixo.

Linhas Abstratas para Backgrounds

14. Ainda com a Rectangle Tool crie mais duas linhas como na foto abaixo.

Linhas Abstratas para Backgrounds

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


Linhas Abstratas para Backgrounds

16. Defina o gradiente como na foto abaixo.

Linhas Abstratas para Backgrounds

17. Clique no retângulo abaixo e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Linhas Abstratas para Backgrounds

18. Defina o gradiente como o da foto abaixo.

Linhas Abstratas para Backgrounds

19. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds

20. Ainda com a Rectangle Tool crie mais duas linhas nas cores indicadas na foto abaixo.

Linhas Abstratas para Backgrounds

21. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Linhas Abstratas para Backgrounds

22. Defina o gradiente como na foto abaixo.

Linhas Abstratas para Backgrounds

23. Clique no retângulo abaixo e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Linhas Abstratas para Backgrounds

24. Defina o gradiente como na foto abaixo.

Linhas Abstratas para Backgrounds

25. Sua imagem ficará como a da foto abaixo.

Linhas Abstratas para Backgrounds

26. Agora clique na primeira layer de cima para baixo na paleta de layers, mantenha a tecla Shift pressionada e clique na última layer (antes da layer Background) para selecionar todas as layers que contém os retângulos que criamos, pressione Ctrl+G para criar um folder, todas as layers deverão ficar dentro do folder, clique com o botão direito do mouse sobre o folder e escolha a opção Merge Group para mesclar as layers que estão dentro do folder, pressione Ctrl+T para abrir a caixa de Free Transform, rotacione os retângulos criados, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Warp, distorça a imagem como na foto abaixo, pressione Enter para finalizar a transformação.

Linhas Abstratas para Backgrounds

27. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds

28. Agora vá em Layer> Hide Layers para retirar a visibilidade da layer com as linhas, pressione a letra U do teclado para selecionar a Rectangle Tool novamente, crie mais alguns retângulos como na foto abaixo.

Linhas Abstratas para Backgrounds

29. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds

30. Agora clique em um dos retângulos e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Linhas Abstratas para Backgrounds

31. Defina o gradiente como na imagem abaixo.

Linhas Abstratas para Backgrounds

32. Sua imagem ficará como a da foto abaixo.

Linhas Abstratas para Backgrounds

33. Clique em outro retângulo criado e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Linhas Abstratas para Backgrounds

34. Defina o gradiente como na foto abaixo.

Linhas Abstratas para Backgrounds

35. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds

36. Clique no próximo retângulo criado e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Linhas Abstratas para Backgrounds

37. Defina o gradiente como na foto abaixo.

Linhas Abstratas para Backgrounds



38. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds
 


39. Clique no próximo retângulo e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Linhas Abstratas para Backgrounds



40. Defina o gradiente como na foto abaixo.

Linhas Abstratas para Backgrounds



41. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds

42. Clique no próximo retângulo e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo.

Linhas Abstratas para Backgrounds



43. Defina o gradiente como na foto abaixo.

Linhas Abstratas para Backgrounds
 


44. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds
 


45. No restante dos retângulos adicione uma layer style de Gradient Overlay indo em Layer> Layer Style> Gradient Overlay com os valores abaixo.

Linhas Abstratas para Backgrounds



46. Defina o gradiente abaixo.

Linhas Abstratas para Backgrounds

47. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds



48. Agora clique na primeira layer deste novo set de retângulos criados, mantenha a tecla Shift pressionada e clique na última layer do novo set de retângulos, pressione Ctrl+G para criar um folder com todas as layers, clique com o botão direito do mouse sobre o folder e escolha a opção Merge Group, clique na layer que retiramos a visibilidade e vá em Layer> Show Layers para ativar a visibilidade da layer novamente, seu documento deverá ficar como o da foto abaixo.

Linhas Abstratas para Backgrounds



49. Pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Warp, distorça a imagem como na foto abaixo e pressione Enter para finalizar a transformação.

Linhas Abstratas para Backgrounds



50. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Linhas Abstratas para Backgrounds



51. Sua imagem deverá ficar parecida com a da foto abaixo.

Linhas Abstratas para Backgrounds



52. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha o brush indicado na imagem abaixo e defina a opacidade do brush em 20%.

Linhas Abstratas para Backgrounds



53. Passe nas bordas do documento para criar o efeito escurecido que vemos na imagem abaixo.

Linhas Abstratas para Backgrounds

54. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o Brush na parte central do documento.

Linhas Abstratas para Backgrounds
 


55. Mude o modo de blend da layer para Overlay.

Linhas Abstratas para Backgrounds



56. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha o Brush abaixo.

Linhas Abstratas para Backgrounds



57. Passe o Brush nas bordas para reforçar as partes escuras.

Linhas Abstratas para Backgrounds
 


58. Agora vá em Layer> New Adjustment Layer> Curves, defina a curva como na foto abaixo e pressione Ok.

Linhas Abstratas para Backgrounds



59. Sua imagem deverá ficar como a da foto abaixo.

Linhas Abstratas para Backgrounds
 


60. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, clique no ítem Brush na barra de opções da ferramenta e defina os valores abaixo, deixe a opacidade do Brush em 30%.

Linhas Abstratas para Backgrounds

61. Crie alguns pontos brancos como na foto abaixo.

Linhas Abstratas para Backgrounds
 


62. Mude o modo de blend para Overlay e no final sua imagem estará como a da foto abaixo.

Linhas Abstratas para Backgrounds

site de origem: http://www.adobetutorialz.com/articles/30970217/1/how-to-create-abstract-colorful-rainbow-background

COMENTÁRIOS

BLOGGER: 6
  1. o que mais me ferra no photoshop é criar algo util na mente e conseguir passar pro photoshop valeu andré por essas dicas diárias

    ResponderExcluir
  2. Muito interessante!
    E esse site ta ainda melhor!
    Que bacanaa!

    ResponderExcluir
  3. Nossa, parabéns pelo blog e pelo tuto. Você pode tentar fazer um tutorial de como fazer linhas abstratas mas luminosas? Grato.

    ResponderExcluir
  4. Earth wallpaper are great for mobile phones and they make you feel comfortable seeing them, so go here for more:https://colorwallpaper.net/

    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,220,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,490,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Linhas Abstratas para Backgrounds
Tutorial: Linhas Abstratas para Backgrounds
Hoje veremos como criar um background abstrato com diversas faixas coloridas, usaremos diversas ferramentas, layer styles e modos de blend.
https://www.andresugai.org/Tutoriais/12.2009/T20/imagem62.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/12/linhas-abstratas-para-backgrounds.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/12/linhas-abstratas-para-backgrounds.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