Criando a apresentação de um cartão de créditos.

COMPARTILHE:

Descrição: Hoje veremos como criar a arte de apresentação de um cartão de créditos utilizando adjustment layers, shapes e filtros. ...

Preview Descrição: Hoje veremos como criar a arte de apresentação de um cartão de créditos utilizando adjustment layers, shapes e filtros.

tutoriaisphotoshop.net






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

tutoriais photoshop

02. Escolha a cor indicada abaixo 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

03. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, defina o valor de 8 pixels para o campo Radius na barra de opções da ferramenta.

tutoriais photoshop

tutoriais photoshop

04. Escolha a cor indicada abaixo e crie um retângulo como o da foto abaixo.

tutoriais photoshop

05. Vá em Filter> Render> Lighting Effects e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

06. 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 T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, no caso deste tutorial inserimos a palavra TITANIUM.

tutoriais photoshop

07. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

08. Pressione a letra T do teclado para selecionar a Horizontal Type Tool e adicione os números do cartão como na foto abaixo.

tutoriais photoshop

09. Agora adicione o restante das informações básicas de um cartão adicionando data de validade, logo, agência etc.

tutoriais photoshop






tutoriais photoshop

tutoriais photoshop

10. (Opcional) Agora pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Shift pressionada clique e arraste para criar um seleção circular, 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 a layer com a cor preta, vá em Layer> Layer Style> Stroke e defina os valores abaixo, 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 redimensionar a cópia do circulo, pressione Enter para finalizar a transformação, repita o procedimento e deixe seu cartão como o da foto abaixo.

tutoriais photoshop

tutoriais photoshop

11. Clique na layer do retângulo (cartão), pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #666666, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush no estilo Swirl e aplique com na foto abaixo, defina a opacidade da layer em 41%.

tutoriais photoshop

12. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool e adicione mais alguns brushes como na foto abaixo, defina o valor de opacidade da layer em 14%.

tutoriais photoshop

13. Clique na layer Background, pressione a letra U do teclado para selecionar a Rectangle Tool, crie um retângulo do tamanho do documento, vá em Layer> Layer Style> Gradient Overlay e defina os valors abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

14. Agora clique na layer do retângulo (cartão), mantenha a tecla Shift pressionada e clique na layer que está no topo da paleta de layers para selecionar todas as layers que compõem o cartão, pressione Ctrl+G para agrupar todas as layers dentro de um folder, 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, distorça o cartão como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriais photoshop

tutoriais photoshop

15. Pressione Ctrl+E para mesclar todas as layers, pressione Ctrl+J para duplicar a layer, pressione Ctrl+U para abrir a caixa de Hue/Saturation, aumente o valor de Lightness para +100, sua imagem deverá ficar branca, deixe esta layer abaixo da layer do cartão, pressione a seta direcional para direita duas vezes, pressione Ctrl+J para duplicar a layer e pressione a seta direcional do teclado uma vez para a esquerda.

tutoriais photoshop

16. Clique na layer do cartão e pressione Ctrl+E duas vezes para mesclar todas as layers, pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse sobre a layer e escolha a opção Flip Vertical.

tutoriais photoshop

tutoriais photoshop






17. Clique novamente com o botão direito do mouse dentro da caixa de Free Transfom e escolha a opção Distort, distorça a cópia do cartão como na foto abaixo e pressione Enter para finalizar a transformação.

tutoriais photoshop

tutoriais photoshop

18. Defina a opacidade da layer em 20%.

tutoriais photoshop

19. Clique na layer Background, escolha a cor #003333, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção retângular que cubra a metade superior do documento, pressione Ctrl+Shift+AltN para criar uma nova layer, 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

20. Vá em Filter> Noise> Add Noise e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

21. Vá em Filter> Render> Lighting Effects e defina os valores abaixo.

tutoriais photoshop






tutoriais photoshop

22. No final seu cartão estará como o da foto abaixo.

tutoriais photoshop

site de origem: http://designcrust.com/2011/11/photoshop-tutorial-create-a-realistic-titanium-card/

COMENTÁRIOS

BLOGGER: 1

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,526,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,585,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop:: 13 anos nos ar!: Criando a apresentação de um cartão de créditos.
Criando a apresentação de um cartão de créditos.
http://www.andresugai.org/Tutoriais/02.2012/T11/imagem37.jpg
::Tutoriais Photoshop:: 13 anos nos ar!
https://www.tutoriaisphotoshop.net/2012/02/criando-apresentacao-de-um-cartao-de.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2012/02/criando-apresentacao-de-um-cartao-de.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