Fazendo uma imagem "saltar" para fora do frame

COMPARTILHE:

Descrição: Hoje veremos como estilizar uma imagem para que ela "pule" para fora de sua moldura, para isso usaremos diversas ferra...

Preview Descrição: Hoje veremos como estilizar uma imagem para que ela "pule" para fora de sua moldura, para isso usaremos diversas ferramentas e recortaremos a imagem.

Tutorial Intermediário
tutoriaisphotoshop.net

01. Pressione Ctrl+O e abra uma foto qualquer no Photoshop, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção retangular, 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 Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento pare preencher a seleção com a cor branca, vá em Select> Modify> Contract e defina o valor de 15 a 20 pixels, pressione Ok e depois pressione Delete para deletar a parte interna do retângulo, vá em Edit> Transform> Perspective e distorça o retângulo como na foto abaixo, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

02. Pressione a letra W do teclado para selecionar a Magic Wand Tool, a parte interna do retângulo como na foto abaixo.

tutoriaisphotoshop.net

03. Clique na layer da foto e pressione Ctrl+J para duplicar a parte selecionada para outra layer, clique na layer da imagem original e vá em Layer> Hide Layers para retirar a visibilidade da layer.

tutoriaisphotoshop.net

04. Clique na layer do frame e defina a opacidade em 50%, clique na layer da imagem original e vá em Layer> Show Layers para ativar a visibilidade da layer, selecione a parte do tanque que sairá do frame.

tutoriaisphotoshop.net

05. Pressione Ctrl+Shift+I para inverter a seleção, pressione Delete, mova a layer para o topo da paleta de layers, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

06. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer abaixo de todas as outras, escolha um 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 no documento para preencher a layer com a cor escolhida, no final sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://www.webdesign.org/photoshop/3d-effects/3d-photo-tutorial.19330.html

COMENTÁRIOS

BLOGGER: 14
  1. perdi me no ponto 3...

    Não me aparece nada disso, aparece me apenas o quadrado branco

    ResponderExcluir
  2. quando eu clico com o paint brush no documento começa a pintar a imagen!

    qual é esse documento?
    um passo a passo com o trabalho o ps explicaria melhor!

    ResponderExcluir
  3. Muito Legal, olhem uma imagem que eu fiz.

    https://picasaweb.google.com/mateus.ak47/26022011?authkey=Gv1sRgCMeuvNPCyPGXoAE#5578147196624915074

    ResponderExcluir
  4. O efeito é legal, porem o item 1 é demais extenso e induz facilmente ao erro. Ja me perdi por ali.

    ResponderExcluir
  5. Meu se vc explicasse direito seria melhor... naum da pra sair do ponto 3 e 4 por falta de detalhe

    ResponderExcluir
  6. valeu cara muito fácil,quem n conseguiu fazer é melhor voltar pro paint kkkkkkkkkkkkkkkkkkkkkkkkkkkkk

    ResponderExcluir
  7. Vocês tem que intender que aqui não é mais 1 estrela, são 3 estrelas de dificuldade, não é mais uma linha por passo, ta muito bem explicado consegui fazer sem nenhum problema, mto bom o blog parabens

    ResponderExcluir
  8. Ow, me perdi bonito :S Expliquem melhor... D:

    ResponderExcluir
  9. Em primeiro, obrigado pelo tutorial, me ajudou muito.

    Galera,

    O passo 3, onde ele fala pra Hyde Layers, não é estritamente necessário se vcs conseguirem visualizar qual será o resultado desse passo, ou basta clicar no 'olhinho' da camada.

    Passo 4 em diante, volte a habilitar a visibilidade da imagem principal clicando no olho da camada. Daí basta selecionar uma parte para 'sair' da foto. Inverter a seleção (a fim de selecionar toda a imagem, MENOS o que vc acabou de selecionar) e deletá-lo. Daí basta escolher uma cor de fundo ou se quiser deixar o efeito mais incrementado, crie mais uma camada e deixe como fundo, e insira uma imagem nesta camada, como por exemplo um mapa. Crie uma máscara nesta camada e diminua a saturação para deixar quase pb e aumente a lightness para deixar beeem clarinha. Fica da horinha..

    ResponderExcluir
  10. os cara nao explica direito dai fica dificil, e tambem usar o photoshop desatualizado é foda

    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,415,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,123,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,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,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,520,outubro,748,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,329,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,507,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Fazendo uma imagem "saltar" para fora do frame
Fazendo uma imagem "saltar" para fora do frame
http://www.andresugai.org/Tutoriais/01.2011/T15/imagem6.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2011/01/fazendo-uma-imagem-saltar-para-fora-do.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2011/01/fazendo-uma-imagem-saltar-para-fora-do.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