em , , , ,

Criando uma montagem com shapes e efeitos sobre imagem

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 1280×1024 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

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário para carolCancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

5 Comments

  1. 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!!!

  2. 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!

  3. 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:

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

Bag Raiders – Sunlight.

Inspiração, Cartazes de Rock: Local Natives.