Tutorial: Como criar uma paisagem isométrica no Photoshop

COMPARTILHE:

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

Preview 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.

tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

tutoriais photoshop

02. Pressione a letra U do teclado para selecionar a Line Tool, defina o valor de Weight em 1 pixel, com a tecla Shift pressionada clique e arraste para criar a primeira linha vertical.

tutoriais photoshop

03. Pressione a letra A do teclado para selecionar a Path Selection Tool, com a tecla Ctrl pressionada clique e arraste a linha para criar uma cópia da linha.

tutoriais photoshop

04. Repita o processo até que você tenha diversas linhas verticais sobre o documento, como na foto abaixo, com a tecla Ctrl pressionada clique sobre todas as linhas criadas e depois clique na opção Distribute Widths na barra de opções da ferramenta para alinhar todas as linhas.

tutoriais photoshop

05. Suas linhas deverão ficar como a foto abaixo.

tutoriais photoshop

06. Pressione Ctrl+J para duplicar a layer.

tutoriais photoshop

07. Pressione Ctrl+T para abrir a caixa de Free Transform, defina o valor de 60º na opção Angle para rotacionar a cópia da layer, pressione Enter para finalizar a transformação.

tutoriais photoshop

08. Clique novamente na layer original das linhas verticais e pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, desta vez defina o valor de -60º para Angle e pressione Enter para finalizar a transformação.

tutoriais photoshop

09. Pressione a letra V do teclado para selecionar a Move Tool e com as setas direcionais do teclado ajuste o grid como na foto abaixo.

tutoriais photoshop

10. Com a tecla Ctrl pressionada clique sobre todas as layers com linhas e pressione Ctrl+G para agrupá-las dentro de um folder.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

17. Defina o Fill da layer em 0%.

tutoriais photoshop

18. Repita o procedimento do outro lado do losango.

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

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 photoshop

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.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

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

tutoriais photoshop

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

tutoriais photoshop

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


COMENTÁRIOS

BLOGGER: 2
Loading...
Nome

.ai,69,.asl,1,.eps,23,.indd,1,.jpg,20,.png,40,.psd,462,.sketch,2,.svg,6,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1764,2013,240,2014,559,2015,1197,2016,518,2017,747,2018,482,360,4,abril,308,abstrato,62,actions,100,adobe,31,adobe experience house,1,adobe max,1,agosto,432,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1055,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,56,bmx,1,booombox,2,brasilmegaarena,2,brushes,104,bug,1,bunker,1,capcom,1,cartazes de cinema,66,cartazes de rock,154,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,545,dica ninja,99,dificuldade 1,20,dificuldade 2,225,dificuldade 3,695,dificuldade 4,235,dificuldade 5,27,distortions,4,divulgação,1,diy,32,dlink,1,documentário,103,dollarphotoclub,37,download,1532,edição de vídeo,2,efeito,803,esportes,11,fastcom,3,ferramentas online,1,fevereiro,393,filme,3,flipbook,1,flow motion,1,fontes,505,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,15,html5,3,hype,2,hyperlapse,5,hyperx,25,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,399,julho,397,junho,329,kingston,14,kinship,2,layer style,35,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,maio,265,março,384,matéria,548,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,30,música,48,natal,1,novembro,614,off-topic,414,outubro,619,palestra,7,parkour,1,patern,45,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,1,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,32,responsivo,2,retoque de imagem,104,rixty,3,saga,10,selecaoTP,44,setembro,357,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,186,textura,136,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,3,tutorial,2189,tutorial builder,2,tutorial player,2,ubisoft,61,ui,16,unboxing,1,vaio,1,vice,64,vídeo,592,vídeo aula,319,video mapping,3,wallpaper,1,warspear,1,web,19,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Como criar uma paisagem isométrica no Photoshop
Tutorial: Como criar uma paisagem isométrica no Photoshop
http://www.andresugai.org/Tutoriais/02.2018/T01/imagem61.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2018/02/tutorial-como-criar-uma-paisagem-isometrica-no-photoshop.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2018/02/tutorial-como-criar-uma-paisagem-isometrica-no-photoshop.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 BUSCA 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 DOWNLOAD PREMIUM Mas não se preocupe, basta COMPARTILHAR e o DOWNLOAD será LIBERADO GRATUITAMENTE! Assim você ajuda a divulgar o TP nas redes sociais. Obrigado! 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