Transformando sua foto em um quebra cabeças.

COMPARTILHAR:

Descrição: Neste tutorial veremos como criar um efeito de quebra-cabeças utilizando diversos elementos diferentes no Photoshop como ferrame...

Preview Descrição: Neste tutorial veremos como criar um efeito de quebra-cabeças utilizando diversos elementos diferentes no Photoshop como ferramentas, layer styles, máscaras e filtros.

Tutorial Avançado
tutoriaisphotoshop.net

01. Pressione Ctrl+O e abra uma foto qualquer, pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #a2a2a2 e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida.

tutoriais photoshop

02. Pressione a letra B do teclado para selecionar a Brush Tool, diminua a opacidade do brush em 10% e aplique nas bordas do documento como na foto abaixo.

tutoriais photoshop

03. Clique duas vezes sobre a layer Background e pressione Ok para destravar a layer para edições.

tutoriais photoshop

tutoriais photoshop

04. Deixe esta layer acima de todas as outras, como na foto abaixo.

tutoriais photoshop

tutoriais photoshop

05. Agora clique aqui para fazer o download do preset de quebra-cabeças, descompacte o arquivo, nós usaremos o arquivo chamado Puzzle.psd.

tutoriais photoshop

tutoriais photoshop

06. Agora vá em Filter> Filter Gallery> Texture> Texturizer, clique no pequeno ícone indicado na foto abaixo e escolha a opção Load Texture, escolha o arquivo Puzzle.psd que descompactamos anteriormente.

tutoriais photoshop

07. Defina os valores abaixo e pressione Ok.

tutoriais photoshop

08. Pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Path esteja selecionada na barra de opções da ferramenta e crie uma seleção na coluna esquerda das peças como na foto abaixo.

tutoriais photoshop

09. Pressione Ctrl+Enter para transformar o Path em seleção.

tutoriais photoshop

10. Clique na layer da imagem e vá em Layer> Layer Mask> Hide Selection para adicionar uma máscara na layer.

tutoriais photoshop

11. Sua paleta de layers deverá ficar como na foto abaixo.

tutoriais photoshop

tutoriais photoshop

12. Pressione a letra P do teclado para selecionar a Pen Tool novamente e crie um Path na parte superior do documento, como na foto abaixo, pressione Ctrl+Enter para transformar o path em seleção, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, clique sobre a miniatura da máscara que foi adicionada na layer 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 preto, sua imagem deverá ficar como na foto abaixo.

tutoriais photoshop

tutoriais photoshop

13. Pressione a letra P do teclado para selecionar a Pen Tool, selecione uma peça qualquer do quebra-cabeças, com o Path criado pressione Ctrl+Enter para transformar o path em seleção, 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, repita a operação em algumas peças para que sua imagem fique como a da foto abaixo.

tutoriais photoshop

14. Pressione a letra P do teclado para selecionar a Pen Tool, selecione uma peça qualquer do quebra-cabeças como na foto abaixo.

tutoriais photoshop

15. Pressione Ctrl+Enter para transformar o path em seleção.

tutoriais photoshop

16. Pressione Ctrl+Shift+J para recortar a área selecionada para outra layer.

tutoriais photoshop

17. Com a tecla Ctrl pressionada clique sobre a miniatura da nova layer que foi criada para ativar a seleção ao redor da peça que separamos, vá em Layer> Hide Layers para retirar a visibilidade da layer, clique sobre a máscara que foi aplicada na layer da imagem que estamos trabalhando 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 preto, sua imagem deverá ficar como a da foto abaixo, clique na layer da peça que separamos e vá em Layer> Show Layers para ativar a visibilidade da layer novamente.

tutoriais photoshop

tutoriais photoshop

18. Repita o procedimento com mais 3 peças.

tutoriais photoshop

tutoriais photoshop

19. Agora clique em uma das peças que separamos e pressione Ctrl+T para abrir a caixa de Free Transform, rotacione e posicione a peça como desejar, pressione Enter para finalizar a transformação.

tutoriais photoshop

20. Repita a operação com as outras peças que separamos.

tutoriais photoshop

21. Com a tecla Ctrl pressionada clique sobre a miniatura da máscara que foi aplicada na layer da imagem para ativar a seleção.

tutoriais photoshop

tutoriais photoshop

22. Pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Shadow para a nova layer e pressione Ok, 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.

tutoriais photoshop

tutoriais photoshop

23. Agora vá em Layer> Layer Style> Blending Options, Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

24. Agora clique em uma layer de peça que separamos e vá em Layer> Layer Style> Drop Shadow, pressione Ok, repita o procedimento em todas as outras peças.

tutoriais photoshop

tutoriais photoshop

25. Caso você queira estilizar o fundo basta clique na layer com o background cinza e ir em File> Place para adicionar uma foto, no final seu efeito estará como o da foto abaixo.

tutoriais photoshop

tutoriais photoshop

Site de origem: http://www.photoshopstar.com/photo-effects/jigsaw-puzzle-effect-photoshop/

COMENTÁRIOS

BLOGGER: 2
Loading...
Nome

.ai,18,.eps,8,.jpg,5,.png,12,.psd,286,.svg,2,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1765,2013,240,2014,559,2015,1197,2016,507,360,4,abril,211,abstrato,56,actions,60,adobe,4,adobe max,1,agosto,347,ajax,1,allan portilho,1,animação,39,arte,27,artistas do photoshop,990,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,13,bmx,1,booombox,2,brasilmegaarena,2,brushes,93,bug,1,capcom,1,cartazes de cinema,7,cartazes de rock,114,codemasters,1,com2us,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,443,dica ninja,99,dificuldade 1,19,dificuldade 2,214,dificuldade 3,648,dificuldade 4,190,dificuldade 5,24,divulgação,1,diy,32,documentário,20,dollarphotoclub,37,download,1130,edição de vídeo,1,efeito,733,esportes,11,fastcom,3,ferramentas online,1,fevereiro,280,filme,1,flipbook,1,flow motion,1,fontes,407,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,gifart,2,goPro,1,gradientes,7,guest post,5,hitbox,1,hopi-hari,1,html5,3,hyperlapse,5,hyperx,9,ícones,91,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,275,julho,254,junho,228,kingston,6,layer style,22,leitores,1,lightpainting,1,live-stream,2,maio,153,março,264,matéria,468,maurício de souza produções,1,melhordasemana,17,mob2b,1,mockup,30,música,48,natal,1,novembro,527,off-topic,208,outubro,508,palestra,7,parkour,1,patern,35,pdf,1,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,positivo,10,post pago,2,prezi,1,printi,2,project ten,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,razer,19,responsivo,2,retoque de imagem,102,rixty,3,saga,3,setembro,288,shapes,2,showreel,7,skate,2,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,1,template,4,teste,1,texto,158,textura,127,tilt-shift,3,timelapse,21,tipografia,3,tp,1,tunning virtual,3,tutorial,2104,tutorial builder,2,tutorial player,2,ubisoft,32,ui,15,unboxing,1,vice,64,vídeo,459,vídeo aula,204,video mapping,3,wallpaper,1,web,18,webfont,1,xma,5,
ltr
item
::Tutoriais Photoshop::: Transformando sua foto em um quebra cabeças.
Transformando sua foto em um quebra cabeças.
http://www.andresugai.org/Tutoriais/02.2014/T10/imagem38.jpg
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2014/02/transformando-sua-foto-em-um-quebra.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2014/02/transformando-sua-foto-em-um-quebra.html
true
34833248
UTF-8
Todos os Posts Carregados Não encontramos nenhum post VEJA TODOS Leia Mais Responda Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM TAG ARQUIVO BUSCA TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Domingo 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 Siga CONTEÚDO PREMIUM Compartilhe para desbloquear este conteúdo Copie todo código Selecione todo código Todos os códigos foram copiados para o Clipboard Não foi possível copiar todo código / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar