Criando uma montagem com shapes e efeitos sobre imagem

COMPARTILHE:

Descrição: Neste tutorial veremos como estilizar uma imagem usando Shape Layers, layer styles e algumas ferramentas. Tutorial Avançado ...

Preview Descrição: Neste tutorial veremos como estilizar uma imagem usando Shape Layers, layer styles e algumas ferramentas.

Tutorial Avançado
tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1280x1024 pixels, 300 dpi´s e modo de cor em RGB, pressione Ok, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Layer> Layer Style> Color Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

02. Defina o gradiente como na foto abaixo.

tutoriaisphotoshop.net

03. Seu documento deverá ficar como o da foto abaixo.

tutoriaisphotoshop.net

04. Agora pressione Ctrl+O e abra a foto de uma modelo que você queira usar na montagem, no caso deste tutorial a imagem usada foi a da foto abaixo, caso queira utilizar a mesma imagem basta clicar aqui para fazer o download.

tutoriaisphotoshop.net

05. Com a imagem aberta no Photoshop selecione a modelo (usando a ferramenta ou técnica que achar mais adequada), pressione Ctrl+C para copiar o conteúdo da seleção, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem.

tutoriaisphotoshop.net

06. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie uma seleção como a da foto abaixo.

tutoriaisphotoshop.net

07. Clique com o botão direito do mouse dentro da seleção e escolha a opção Transform Selection, rotacione e posicione a seleção como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

08. Pressione a letra V do teclado para selecionar a Move Tool, clique e arraste a seleção para deslocar parte da imagem, repita o procedimento algumas vezes em outras partes do corpo, como na foto abaixo.

tutoriaisphotoshop.net

09. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, 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 U do teclado para selecionar a Line Tool, crie diversas linhas como na foto abaixo.

tutoriaisphotoshop.net

10. Com a tecla Shift pressionada clique na primeira layer que contenha a linha criada com a Line Tool afim de selecionar todas as layers com linhas, com todas as layers selecionadas pressione Ctrl+G para agrupar todas as layers dentro de um folder, defina a opacidade do folder em 63%.

tutoriaisphotoshop.net

11. Pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Shape Layers esteja selecionada, com a tecla Shift pressionada clique e arraste para criar uma elipse como a da foto abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

13. Defina o gradiente como o da foto abaixo.

tutoriaisphotoshop.net

14. Sua elipse deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

15. Pressione Ctrl+J duas vezes para criar duas cópias da layer, pressione Ctrl+T para abrir a caixa de Free Trasnform, redimensione a posicione as cópias em locais diferentes, pressione Enter para finalizar a transformação, com as cópias redimensionadas e posicionadas clique sobre a Layer Style de Gradient Overlay de uma das cópias e defina os valores abaixo.

tutoriaisphotoshop.net

16. Defina o gradiente como na foto abaixo.

tutoriaisphotoshop.net

17. Suas elipses deverão ficar como as da foto abaixo.

tutoriaisphotoshop.net

18. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, 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 U do teclado para selecionar a Ellipse Tool e com a tecla Shift pressionada clique e arraste para criar uma nova elipse como na foto abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

20. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

22. Defina o gradiente como na foto abaixo.

tutoriaisphotoshop.net

23. Sua elipse deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

24. Pressione a letra U do teclado para selecionar a Ellipse Tool, com a tecla Shift pressionada clique e arraste para criar uma nova elipse.

tutoriaisphotoshop.net

25. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

27. Defina o gradiente como na foto abaixo.

tutoriaisphotoshop.net

28. Sua elipse ficará como a da foto abaixo.

tutoriaisphotoshop.net

29. Pressione Ctrl+J algumas vezes para criar cópias da layer, pressione Ctrl+T para abrir a caixa de Free Transform, redimensione a posicione as cópias em locais diferentes como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

30. Pressione a letra U do teclado para selecionar a Ellipse Tool, com a tecla Shift pressionada clique e arraste para criar uma nova elipse.

tutoriaisphotoshop.net

31. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

33. Defina o gradiente como o da foto abaixo.

tutoriaisphotoshop.net

34. Sua elipse deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

35. Deixe a layer abaixo da layer com a elipse laranja, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

36. Pressione Ctrl+J algumas vezes para criar cópias da layer, pressione Ctrl+T para abrir a caixa de Free Transform, redimensione a posicione as cópias em locais diferentes como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

37. Pressione a letra U do teclado para selecionar a Ellipse Tool, com a tecla Shift pressionada clique e arraste para criar uma nova elipse.

tutoriaisphotoshop.net

38. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

40. Defina o gradiente como na foto abaixo e pressione Ok.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

42. Pressione Ctrl+J algumas vezes para criar cópias da layer, pressione Ctrl+T para abrir a caixa de Free Transform, posicione as cópias em locais diferentes como na foto abaixo, pressione Enter para finalizar a transformação, pressione a letra A do teclado para selecionar a Direct Selection Tool, clique sobre as elipses que acabarão de ser criadas e distorça cada uma delas criando as formas abaixo.

tutoriaisphotoshop.net

43. Escolha a cor #00853C, pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shape Layers esteja selecionada, crie diversos triângulos como na foto abaixo.

tutoriaisphotoshop.net

44. Escolha a cor #C9CAC9 e crie mais alguns triângulos.

tutoriaisphotoshop.net

45. Com a tecla Shift pressionada clique sobre a última layer que contenha um triângulo, com todas as layers selecionadas pressione Ctrl+G para agrupá-las dentro de um folder, clique com o botão direito do mouse sobre este folder e escolha a opção Duplicate Group, clique com o botão direito do mouse sobre o folder duplicado e escolha a opção Merge Group para rasterizar o folder, deixe a layer abaixo das layers com elipses, vá em Layer> Layer Style> Color Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

46. Seus shapes deverão ficar como o da foto abaixo.

tutoriaisphotoshop.net

47. Pressione Ctrl+J para duplicar a layer, clique na Layer Style de Color Overlay e defina os valores abaixo, pressione a letra V do teclado para selecionar a Move Tool posicione a cópia da layer em outro local.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

49. Agora vá em Layer> New Adjusemnt Layer> Exposure e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

51. Vá em Layer> New Adjustment Layer> Curves e defina o gráfico de Curves como na foto abaixo.

tutoriaisphotoshop.net

52. No final sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://www.adobetutorialz.com/articles/30970570/1/create-colorful-poster-art-using-vector-elements-in-photoshop-cs5

COMENTÁRIOS

BLOGGER: 5
  1. Gosto muito dos tutoriais.
    Eu achei um tutorial, e acharia legal vc colocar aqui.
    Só que eu n entendi muito ele, o link e esse:

    http://psd.tutsplus.com/tutorials/photo-effects-tutorials/add-dynamic-lighting-to-a-flat-photograph/

    ResponderExcluir
  2. Oi Anônimo, o pessoal do PSD Tuts mudou a política do site deles e não permite mais traduções do material deles, infelizmente..., obrigado pela visita! :)

    ResponderExcluir
  3. Gosto de tutoriais que misturam efeitos com fotos (principalmente nesse estilo que parece estar desintegrando). É moderno e fica muito legal; as publicidades abusam desses efeitos e não me deixam mentir.

    Parabéns cara. Sua página é incrível!

    ResponderExcluir
  4. André, MUITO bom seus tutoriais, mas poxa, as vezes tem coisa que sai errado por meros detalhes que estao em ingles e eu nao sei a tradução... sei que tem as traduções aqui, mas num daria pra ser em portugues não, pra facilitar? hihih

    vc usa qual photoshop? o cs5?

    falow e PARABÉNS pelo trabalho!!!

    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,410,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,121,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,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,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,515,outubro,743,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,141,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,470,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando uma montagem com shapes e efeitos sobre imagem
Criando uma montagem com shapes e efeitos sobre imagem
http://www.andresugai.org/Tutoriais/01.2011/T05/imagem52.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2011/01/criando-uma-montagem-com-shapes-e.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2011/01/criando-uma-montagem-com-shapes-e.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