Estilizando uma imagem com formas geométricas

COMPARTILHE:

Descrição: Neste tutorial veremos como estilizar uma imagem usando filtros, custom shapes, algumas ferramentas, layer styles e outros recur...

Preview Descrição: Neste tutorial veremos como estilizar uma imagem usando filtros, custom shapes, algumas ferramentas, layer styles e outros recursos bem interessantes.

Tutorial Intermediário


01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1280x1024 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 a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor preta.

tutoriaisphotoshop.net

02. Agora pressione Ctrl+O e abra a foto que você estilizará, no caso deste tutorial a foto da modelo abaixo, caso queira utilizar a mesma imagem clique aqui para fazer o download.

tutoriaisphotoshop.net

03. Selecione a modelo usando a ferramenta ou técnica que achar mais adequada, com a modelo selecionada pressione Ctrl+C para copiar, volte para o documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, e caso seja necessário pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste para redimensionar a imagem, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

04. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Filter> Render> Clouds, deixe a layer abaixo da layer da modelo.

tutoriaisphotoshop.net

05. Vá em Layer> Layer Mask> Reveal All para adicionar uma máscara na layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha o brush indicado abaixo, defina a opacidade do brush em 30%.

tutoriaisphotoshop.net

06. Passe o Brush ao redor do documento para que seu efeito fique como o da foto abaixo.

tutoriaisphotoshop.net

07. Pressione Ctrl+J para duplicar a layer e vá em Filter> Sharpen> Unsharp Mask, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

09. Pressione a letra U do teclado para selecionar a Custom Shape Tool, clique na opção Shape na barra de opções da ferramenta e selecione o Shape abaixo.

tutoriaisphotoshop.net

10. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, clique e arraste para criar o shape de triângulo como na foto abaixo, caso seja necessário modificar o Shape pressione Ctrl+T para abrir a caixa de Free Transform, realizada a alteração pressione Enter para finalizar as moficações, deixe esta layer abaixo da layer da modelo.

tutoriaisphotoshop.net

11. Defina o Fill da layer em 0%m vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

tutoriaisphotoshop.net

12. Agora vá em Layer> Layer Style> Stroke e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

14. Pressione a letra U do teclado para selecionar a Custom Shape Tool novamente, clique na opção Shape na barra de opções da ferramenta e escolha os shapes abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

15. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique os dois Shapes de forma aleatória como na foto abaixo e aplique as duas layer styles que aplicamos anteriormente, deixe esta layer abaixo da layer da modelo.

tutoriaisphotoshop.net

16. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho pequeno e pontas duras como o da foto abaixo.

tutoriaisphotoshop.net

17. 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 X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, segurando a tecla Shift desenhe a forma abaixo.

tutoriaisphotoshop.net

18. Repita o procedimento e desenhe mais algumas formas geométricas ao redor da modelo.

tutoriaisphotoshop.net

19. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush pequeno e de pontas suaves, como o da foto abaixo.

tutoriaisphotoshop.net

20. Variando o tamanho e opacidade do brush crie diversos pontos como na foto abaixo.

tutoriaisphotoshop.net

21. Agora pressione Ctrl+N para criar um novo arquivo, defina o tamanho de 20x20 pixels, resolução em 72 dpi's e modo de cor em RGB, pressione Ok, pressione a letra U do teclado para selecionar a Custom Shape Tool, clique em Shape na barra de opções da ferramenta e escolha o Shape abaixo.

tutoriaisphotoshop.net

22. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, certifique-se de que a opção Fill Pixels esteja selecionada, clique e arraste para aplicar o Shape como na foto abaixo.

tutoriaisphotoshop.net

23. Vá em Edit> Define Pattern, defina os valores abaixo e pressione Ok, volte ao documento que estamos trabalhando, 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 Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Fill Pixels esteja selecionada e com a tecla Shift pressionada clique e arraste para criar um círculo como na foto abaixo.

tutoriaisphotoshop.net

24. Agora vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

26. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a mesma ferramenta mantenha a tecla Shift pressionada em outro local no documento crie mais uma elipse como na foto abaixo.

tutoriaisphotoshop.net

27. Agora vá em Layer> Layer Style> Pattern Overlay, clique em Pattern e escolha o Pattern que criamos anteriormente, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

29. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Ctrl+E para mesclar a layer com a layer da elipse que acabamos de criar, vá em Filter> Distort> Spherize e defina os valores abaixo.

tutoriaisphotoshop.net

30. Pressione Ctrl+T para abrir a caixa de Free Transform, posicione, rotacione, redimensione e faça as alterações necessárias, no final pressione Enter para finalizar as transformações.

tutoriaisphotoshop.net

31. Agora vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

32. Defina o gradiente como na foto abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

34. Pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para redimensionar e diminuir a elipse, posicione como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

35. Presssione 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 Rectangle Tool, certifique-se de que a opção Fill Pixels esteja ativada, desenhe algumas linhas com na foto abaixo.

tutoriaisphotoshop.net

36. Pressione Ctrl+T para abrir a caixa de Free Transform e rotacione as listras criadas como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

37. Agora pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Shape Layers esteja ativada e com a tecla Shift pressionada crie uma elipse sobre as listras que criamos, deixe a layer da elipse abaixo da layer das listras, defina o Fill da layer em 0%.

tutoriaisphotoshop.net

38. Agora clique na layer das listras e vá em Layer> Create Clipping Mask, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

39. E sua imagem como a da foto abaixo.

tutoriaisphotoshop.net

40. Pressione Ctrl+E para mesclar as duas layers, vá em Filter> Distort> Spherize e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

42. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho médio, defina a opacidade do Brush em 20%.

tutoriaisphotoshop.net

43. Aplique o brush nas bordas da elipse que criamos, como na foto abaixo.

tutoriaisphotoshop.net

44. Pressione Ctrl+E para mesclar as duas layers, pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clique e arraste para aumentar a elipse copiada sem perder sua proporção, rotacione e posicione a cópia em outro local dentro do documento e pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

45. Agora pressione Ctrl+E e mescle todas as layers que compõe o background que criamos (com excessão da layer com fundo preto), pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um retângulo como na foto abaixo.

tutoriaisphotoshop.net

46. Vá em Select> Transform Selection e rotacione a seleção como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

47. Pressione a letra V do teclado para selecionar a Move Tool, clique e mova a parte selecionada como na foto abaixo.

tutoriaisphotoshop.net

48. Clique na layer que estiver no topo da paleta de layers e vá em Layer> New Adjustment Layer> Hue/Saturation, defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

50. Agora vá em Layer> New Adjustment Layer> Curves e defina o gráfico como na foto abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

site de origem: http://www.adobetutorialz.com/articles/30970366/1/create-a-dark-and-surreal-geometric-space-poster-using-photoshop

COMENTÁRIOS

BLOGGER: 10
  1. muito bom o tutorial.
    queria fazer um pedido, se for possivel tem como postar algum tutorial de como fazer um efeito parecido com essas fotos?
    http://200.192.177.238/uploadfile/palcomp3/fotos/9/9/8/8/91612_1262396813.jpg
    http://200.192.177.238/uploadfile/palcomp3/fotos/3/4/3/e/91612_1262397475.jpg
    parece ser um efeito meio plastificado, se for possivel postar eu ficarei grato.
    abraços

    ResponderExcluir
  2. adorei o tutorial e queria fazer isso com algumas fotos que tenho, porém não sei retirar o fundo das fotos. poderia ajudar?

    ResponderExcluir
  3. So o remover saturação q foi basicão, melhor seria o controlde de preto e branco, da maior precisão e da pra gerar um efeito bacana, mas o resto ta bom, parabéns....

    ResponderExcluir
  4. eu n consegui termina =/
    a partir do 30.. minha bolinha nao fica direita.. fica sempre torta pro lado...
    n pega o efeito .. n sei onde errei..

    mais adorei !!

    ResponderExcluir
  5. Show de bola...descobri hj esse site e já favoritei...hehe
    só achei complicado pq como não tenho muitos shapes...encontrei dificuldade em fazer algumas etapas, seria legal que vcs colocassem para down os shapes usados...eu sei que são basicos, mais não consegui, por exemplo o TRIANGULO e a forma DIAMOND CARD...se colocassem eles seria show
    PARABENS PELOS TUTORIAIS

    ResponderExcluir
  6. voce poderia usar efeitos no seu blog que fossem compativeis com todos os navegadores, uma lei basica de quem e um bom programador web.

    ResponderExcluir
  7. pow cara nunca tinha me interessado em photoshop,achava dificil,mas com essas dicas mastigadas tá facinho facinho rsrs
    Muito Obrigado!

    ResponderExcluir
  8. dive algumas dificuldades em fazer esse tuto....na parte dos circulos em FILTER>DISTORT>SPHERIZE....não ficaram assim...mais de qualquer forma sou iniciante...hehe...show de bola!

    ResponderExcluir
  9. tutorial mal esplicado! gostei não!

    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,139,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::: Estilizando uma imagem com formas geométricas
Estilizando uma imagem com formas geométricas
http://www.andresugai.org/Tutoriais/06.2010/T03/imagem52.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/06/estilizando-uma-imagem-com-formas.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/06/estilizando-uma-imagem-com-formas.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