Criando um mockup com cartões de visitas no Photoshop

COMPARTILHAR:

Descrição: Hoje veremos como criar um mockup de cartões no Photoshop, com este mockup você só precisa alterar a arte do cartão e eles já es...

Preview Descrição: Hoje veremos como criar um mockup de cartões no Photoshop, com este mockup você só precisa alterar a arte do cartão e eles já estarão prontos para serem apresentados, para isso usaremos ferramentas de transformação, layer styles e algumas imagens.

tutoriaisphotoshop.net






01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1600x1200 pixels, 72 dpi's e modo de cor em RGB, pressione Ok, escolha a cor #c8c8c8 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, clique duas vezes sobre a layer e pressione Ok, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriais photoshop

02. Pressione a letra U do teclado para selecionar a Rectangle Tool, clique no documento e defina os valores de 1050x600 pixels, clique em Ok e depois clique com o botão direito do mouse sobre a layer do retângulo criado, escolha a opção Convert to Smart Object, dê o nome de Front Card para a layer.

tutoriais photoshop

03. Clique com o botão direito do mouse sobre a layer e escolha a opção New Smart Object via Copy, dê o nome de Back Card para a nova layer.

tutoriais photoshop




04. Pressione Ctrl+T para abrir a caixa de Free Transform, rotacione o cartão e depois clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, deixe o cartão em perspectiva como na imagem abaixo e pressione Enter para finalizar a transformação.

tutoriais photoshop

05. Agora vá em Layer> Layer Style> Drop Shadow e defina o valor de 30% de opacidade, 0 pixels para Distance, 4% para Spread e 5 pixels para Size, pressione Ok, pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool e mova a cópia do cartão levemente para cima, repita a operação de copiar e mover o cartão para criar uma pilha de cartões variando suas posições como na imagem abaixo.

tutoriais photoshop




06. Agora clique na layer Front Card, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, defina a perspectiva como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriais photoshop

07. Neste ponto já terminamos o mockup, para utilizá-lo basta clicar duas vezes no Smart Object e inserir a arte do cartão, depois disso basta fechar o documento e salvar.

tutoriais photoshop

08. Clique duas vezes na Smart Object Back Card, vá em File> Place e adicione a arte da parte de traseira do cartão, ajuste o tamanho e pressione Enter, feche o documento e salve.

tutoriais photoshop

09. Seu documento deverá ficar como na foto abaixo.

tutoriais photoshop

10. Repita a operação com a parte frontal do cartão, clique duas vezes sobre o Smart Object Front Card, vá em File> Place e adicione a arte do cartão, ajuste o tamanho e pressione Enter para finalizar a transformação, feche o documento e salve.

tutoriais photoshop




11. No final seu mockup ficará como na foto abaixo e poderá ser alterado todas as vezes que você desejar.

tutoriais photoshop

Site de origem: http://blog.123rf.com/create-a-stacked-business-card-mockup-from-scratch/

Dollar Photo Club

COMENTÁRIOS

Nome

.ai,18,.eps,8,.jpg,5,.png,12,.psd,287,.svg,2,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1765,2013,240,2014,559,2015,1197,2016,509,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,445,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,1132,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,408,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::: Criando um mockup com cartões de visitas no Photoshop
Criando um mockup com cartões de visitas no Photoshop
http://www.andresugai.org/Tutoriais/10.2015/T02/imagem11.jpg
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2015/10/criando-um-mockup-com-cartoes-de.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2015/10/criando-um-mockup-com-cartoes-de.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