em , , , , ,

Tutorial: Como criar uma paisagem isométrica no Photoshop

Descrição: Neste tutorial veremos como criar uma montagem de paisagem isométrica utilizando diversas imagens, recursos de seleção, máscaras, filtros e ferramentas combinadas.

tutorial como criar uma paisagem isometrica no photoshop 2

11. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra L do teclado para selecionar a Polygonal Lasso Tool, crie um losango como na foto abaixo, escolha uma cor qualquer e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

tutorial como criar uma paisagem isometrica no photoshop 3

14. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, mova a cópia do shape alguns pixels para cima, como na foto abaixo, com a tecla Ctrl pressionada clique sobre a miniatura da layer, escolha outra cor e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

tutorial como criar uma paisagem isometrica no photoshop 4

15. Clique no folder do grid na paleta de layers e retire sua visibilidade clicando no olho ao lado do folder.

tutorial como criar uma paisagem isometrica no photoshop 5

16. Pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que o modo Shape esteja selecionado na barra de opções da ferramenta, escolha a cor amarelo claro e desenhe um shape interligando a lateral dos shapes que criamos antes, como na foto abaixo, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutorial como criar uma paisagem isometrica no photoshop 6tutorial como criar uma paisagem isometrica no photoshop 7tutorial como criar uma paisagem isometrica no photoshop 8

17. Defina o Fill da layer em 0%.

tutorial como criar uma paisagem isometrica no photoshop 9

18. Repita o procedimento do outro lado do losango.

tutorial como criar uma paisagem isometrica no photoshop 10tutorial como criar uma paisagem isometrica no photoshop 11

19. Ainda com a Pen Tool selecionada desenhe um shape cobrindo todo o losango que criamos, defina o Fill da layer em 0%, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
tutorial como criar uma paisagem isometrica no photoshop 12
20. Agora vá em File> Place e adicione uma textura de solo, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, rotacione a textura como na foto abaixo e posicione sobre o shape que criamos, pressione Enter para finalizar a transformação.

tutorial como criar uma paisagem isometrica no photoshop 13

21. Com a tecla Ctrl pressionada clique sobre o shape lateral do losango que criamos para ativar a seleção, com a layer da textura selecionada clique no ícone de Add Layer Mask para inserir uma máscara na layer.

tutorial como criar uma paisagem isometrica no photoshop 14

22. Repita o mesmo procedimento do outro lado do losango.

tutorial como criar uma paisagem isometrica no photoshop 15

23. Vá em File> Place e adicione uma imagem de um vale, caso queira utilizar a mesma imagem que estamos usando clique aqui para fazer o download, diminua levemente a opacidade da layer para que você consiga ver o shape de base e ajuste a imagem como na foto abaixo e pressione Enter para finalizar a transformação.

tutorial como criar uma paisagem isometrica no photoshop 16

24. Clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na 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 um brush de pontas suaves e tamanho médio, aplique o brush nas partes externas do shape base e nas partes marcadas em vermelho dentro do shape, defina a opacidade da layer em 100% novamente.

tutorial como criar uma paisagem isometrica no photoshop 17

25. 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 um brush de pontas suaves e tamanho médio, aplique o brush nos cantos do solo para criar uma leve sombra como na foto abaixo.

tutorial como criar uma paisagem isometrica no photoshop 18tutorial como criar uma paisagem isometrica no photoshop 19

26. Continue aplicando mais sombras ao solo, desta vez aplique nas áreas indicadas.

tutorial como criar uma paisagem isometrica no photoshop 20tutorial como criar uma paisagem isometrica no photoshop 21

27. Vá em File> Place e adicione uma textura com raízes, caso queira utilizar a mesma textura usada neste tutorial clique aqui para fazer o download, deixe a textura acima do shape base, ajuste seu tamanho e posição e pressione Enter para finalizar a transformação, mude o modo de blend da layer para Overlay, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara na 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 um brush de pontas suaves e tamanho médio, aplique o brush na área externa a base do solo.

tutorial como criar uma paisagem isometrica no photoshop 22

28. Vá em File> Place e adicione mais uma imagem de vale, caso queira utiliza a mesma imagem usada neste tutorial clique aqui para fazer o download, ajuste o tamanho e posição como na foto abaixo e pressione Enter para finalizar a transformaçção, clique no ícone de Add Layer Mask para adicionar uma máscara na 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 um brush de pontas suaves e tamanho médio, aplique o brush nas partes externas ao shape base e na área em vermelho indicada abaixo.

tutorial como criar uma paisagem isometrica no photoshop 23tutorial como criar uma paisagem isometrica no photoshop 24

29. 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 e aplique o brush para criar sombras dentro do vale, como na foto abaixo.

tutorial como criar uma paisagem isometrica no photoshop 25

30. Vá em File> Place e adicione uma imagem de mar, caso queira utilizar a mesma imagem usada neste tutorial clique aqui para fazer o download, ajuste o tamanho e posição como na foto abaixo e pressione Enter para finalizar a transformação, deixe a layer abaixo do shape base.

tutorial como criar uma paisagem isometrica no photoshop 26

31. Com a tecla Ctrl pressionada clique sobre a miniatura do shape da base do losango para ativar a seleção, clique no ícone de Add Layer Mask, sua imagem deverá ficar como a foto abaixo.

tutorial como criar uma paisagem isometrica no photoshop 27tutorial como criar uma paisagem isometrica no photoshop 28

32. 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 B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho pequeno, aplique nas partes que devem “sair” do shape base como na foto abaixo.

tutorial como criar uma paisagem isometrica no photoshop 29

33. Vá em File> Place e adicione a imagem do mar novamente, ajuste o tamanho e mude a posição da imagem dentro do documento, pressione Enter para finalizar a transformação, com a tecla Ctrl pressionada clique sobre a miniatura do shape da base do losango para ativar a seleção, clique no ícone de Add Layer Mask, 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 um brush de pontas suaves e tamanho pequeno, aplique em algumas partes do mar para realizar uma fusão com a imagem já existente.

tutorial como criar uma paisagem isometrica no photoshop 30tutorial como criar uma paisagem isometrica no photoshop 31

34. Com a tecla Ctrl pressionada clique sobre a máscara da layer do mar para ativar a seleção, vá em Layer> New Adjustment Layer> Photo Filter, defina os valores abaixo.

tutorial como criar uma paisagem isometrica no photoshop 32tutorial como criar uma paisagem isometrica no photoshop 33

tutorial como criar uma paisagem isometrica no photoshop 34

35. Com a tecla Ctrl pressionada clique sobre a máscara da layer que contém o primeiro vale que inserimos, com a seleção ativa clique na layer que estiver no topo da paleta de layers, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Edit> Stroke e defina os valores abaixo.

tutorial como criar uma paisagem isometrica no photoshop 35tutorial como criar uma paisagem isometrica no photoshop 36tutorial como criar uma paisagem isometrica no photoshop 37

36. Vá em Filter> Blur> Gaussian Blur e defina os valores abaixo, reduza levemente a opacidade da layer, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves e tamanho médio, aplique a ferramenta onde achar necessário eliminar o efeito.

tutorial como criar uma paisagem isometrica no photoshop 38

37. 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 um brush de pontas suaves e tamanho médio, aplique o brush nas áreas onde você deseja criar sombras, vá em Filter> Blur> Gaussian Blur e aplique os mesmos valores aplicados anteriormente, reduza a opacidade da layer caso seja necessário.

tutorial como criar uma paisagem isometrica no photoshop 39

38. Pressione a letra S do teclado para selecionar a Clone Stamp Tool, com a tecla Alt pressionada clique sobre uma parte da estrada, solte o Alt e clique no final da estrada para estendê-la, 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 um brush de pontas suaves e tamanho médio, aplique o brush no final da estrada e abaixo dela para criar o efeito de sombra.

tutorial como criar uma paisagem isometrica no photoshop 40

39. Pressione a letra B do teclado para selecionar a Pencil Tool, defina o tamanho do brush em 1 pixel, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, crie alguns riscos na estrada, pressione Ctrl+J para duplicar a layer, pressione Ctrl+I para inverter as cores, pressione a letra V do teclado para selecionar a Move Tool, clique na seta direcional para baixo uma única vez para mover a layer duplicada 1 pixel para baixo.

tutorial como criar uma paisagem isometrica no photoshop 41tutorial como criar uma paisagem isometrica no photoshop 42tutorial como criar uma paisagem isometrica no photoshop 43

40. Escolha a cor branca, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho grande e pontas suaves, diminua a opacidade do brush em 20%, pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o brush sobre a maior parte da área do vale para clarear esta parte do terreno.

tutoriais photoshoptutorial como criar uma paisagem isometrica no photoshop 44

41. Pressione Ctrl+O e abra a imagem do vale, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção ao redor do carro que está na imagem, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, pressione Ctrl+T para abrir a caixa de Free Transform, ajuste o tamanho e posição do carro como na foto abaixo e pressione Enter para finalizar a transformação, clique no ícone de Add Layer Mask no rodapé da paleta de layers para aplicar uma máscara na 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 um brush de pontas suaves e tamanho pequeno, aplique o brush ao redor do carro para eliminar as partes desnecessárias.

tutorial como criar uma paisagem isometrica no photoshop 45tutorial como criar uma paisagem isometrica no photoshop 46tutorial como criar uma paisagem isometrica no photoshop 47

42. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do preto para o branco, pressione Ctrl+Shift+Alt+N para criar uma nova layer, na barra de opções da ferramenta escolha o modo Linear, com a tecla Shift pressionada clique e arraste de cima para baixo, deixe a layer abaixo do shape base de nossa montagem para que sua imagem fique como a foto abaixo.

tutorial como criar uma paisagem isometrica no photoshop 48

43. Com a tecla Ctrl pressionada clique sobre a miniatura da layer do shape base de nossa montagem para ativar a seleção, 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 Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com preto, pressione Ctrl+D para desabilitar a seleção, deixe a layer abaixo da layer base original, vá em Filter> Blur> Gaussian Blur e defina os valores abaixo, reduza levemente a opacidade da layer, repita o procedimento criando variações com diferentes valores para o Radius e opacidade das layers para criar efeitos diferentes.

tutorial como criar uma paisagem isometrica no photoshop 49tutorial como criar uma paisagem isometrica no photoshop 50

44. 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 um brush de pontas suaves e tamanho médio, diminua a opacidade do brush para 20%, pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique o brush no canto superior esquerdo do terreno para criar uma leve sombra.

tutorial como criar uma paisagem isometrica no photoshop 51

45. Clique na layer que contém o fundo com gradiente, vá em Layer> New Adjustment Layer> Photo Filter e defina os valores abaixo.

tutorial como criar uma paisagem isometrica no photoshop 52

46. No final sua imagem ficará como a foto abaixo.

tutorial como criar uma paisagem isometrica no photoshop 53

Site de origem: https://design.tutsplus.com/tutorials/how-to-turn-a-landscape-photograph-into-an-isometric-icon-in-adobe-photoshop–cms-25519

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

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.

2 Comments

Inspiração, Cartazes de Rock: The Black Keys

Painel Paragraph no Photoshop