Tutorial: Como fazer um cartão de visitas no Photoshop

COMPARTILHE:

Neste tutorial veremos como criar um modelo de cartão e depois uma composição utilizadno o cartão criado, para isso usaremos shapes, ferramentas e layer styles.

Preview Descrição: Neste tutorial veremos como criar um modelo de cartão e depois uma composição utilizadno o cartão criado, para isso usaremos shapes, ferramentas e layer styles.

  • [message]
    • ##check##AVISO: Como criar uma action para efeito de texto de grama no Photoshop

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1240x826 pixels, 72 dpis e modo de cor em RGB, pressione Ok, vá em View> Show> Grid, depois vá em View> Snap To> Grid.

Como fazer um cartão de visitas no Photoshop

02. Clique duas vezes sobre a layer Background e pressione Ok, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

03. Pressione a letra U do teclado para selecionar a Rectangle Tool, crie um retângulo de 740x460 pixels como na foto abaixo.

Como fazer um cartão de visitas no Photoshop

04. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

05. Pressione Ctrl+J para duplicar a layer, defina o Fill da layer em 0%, vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

06. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, vá em Window> Character e defina os valores abaixo, caso você não tenha a fonte Roboto instalada clique aqui para fazer o download, faça uma layer para cada informação nova e insira as informações do cartão como email, telefone, endereço e site.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

08. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

09. Pressione Ctrl+O e abra um pack de ícones, caso queira utilizar o mesmo pack usado neste tutorial clique aqui para fazer o download, escolha o ícone de envelope, pressione Ctrl+A para selecionar todo conteúdo do documento, pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, pressione Ctrl+T para abrir a caixa de Free Transform, redimensione e posicione a imagem ao lado do email no cartão, pressione Enter para finalizar a transformação, repita a operação para inserir outros ícones como na foto abaixo.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

10. Vá em File> Place e adicione o logo da empresa, pressione a letra T do teclado para selecionar a Horizontal Type Tool e adicione o nome e slogan da empresa.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

11. Com a tecla Ctrl pressionada clique sobre todas as layers que compõe o cartão, clique com o botão direito do mouse sobre uma das layers e escolha a opção Convert to Smart Object, vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo, clique no botão de + ao lado da layer style e adicione mais uma layer style de Inner Shadow, vá em Layer> Layer Style> Drop Shadow, clique no botão de + ao lado da layer style de Drop Shadow para inserir mais uma layer style de Drop Shadow, repita a operação mais duas vezes e defina os valores abaixo.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

12. Pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Ctrl pressionada clique e arraste o ponto superior esquerdo do cartão para distorcer a imagem como na foto abaixo, pressione Enter para finalizar a transformação.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

13. Pressione Ctrl+T para abrir a caixa de Free Transform novamente, defina o valor de 14º na barra de opções da ferramenta para rotacionar o cartão, pressione Enter para finalizar a transformação.

Como fazer um cartão de visitas no Photoshop

14. Pressione Ctrl+J para duplicar a layer do cartão, desabilite as duas últimas layer styles de Drop Shadow, pressione Ctrl+T para abrir a caixa de Free Transform, defina o valor de 1.5º na barra de opções da ferramenta para rotacionar a layer levemente, pressione Enter para finalizar a transformação.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

15. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, defina o valor de 1.5º na barra de opções da ferramenta para rotacionar a cópia, pressione Enter para finalizar a transformação, repita este procedimento quantas vezes desejar.

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

Como fazer um cartão de visitas no Photoshop

16. No final sua imagem com cartões estará como a foto abaixo.

Como fazer um cartão de visitas no Photoshop

Site de origem: https://photoshopstar.com/how-to-make-a-business-card-in-photoshop/

COMENTÁRIOS

Nome

.ai,70,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,474,.sketch,2,.svg,7,2006,90,2007,380,2008,943,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1197,2016,518,2017,747,2018,549,360,4,abril,308,abstrato,81,actions,106,adobe,31,adobe experience house,1,adobe max,1,agosto,463,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1060,axis,5,backgrounds,1,basekit,1,básico,53,benq,9,bethesda,4,bgs,62,bmx,1,booombox,2,brasilmegaarena,2,brushes,104,bug,1,bunker,1,capcom,1,cartazes de cinema,72,cartazes de rock,160,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,561,dica ninja,99,dificuldade 1,20,dificuldade 2,239,dificuldade 3,724,dificuldade 4,245,dificuldade 5,28,distortions,4,divulgação,1,diy,32,dlink,1,documentário,105,dollarphotoclub,37,download,1559,edição de vídeo,2,efeito,822,esportes,11,fastcom,3,ferramentas online,1,fevereiro,394,filme,3,flipbook,1,flow motion,1,fontes,511,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,15,html5,3,hype,2,hyperlapse,5,hyperx,26,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,399,julho,398,junho,329,kingston,14,kinship,2,layer style,36,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,maio,265,março,384,matéria,550,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,30,música,48,natal,1,novembro,625,off-topic,424,outubro,631,palestra,7,parkour,1,patern,45,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,1,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,33,responsivo,2,retoque de imagem,105,rixty,3,saga,10,selecaoTP,44,setembro,401,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,201,textura,136,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,3,tutorial,2193,tutorial builder,2,tutorial player,2,ubisoft,63,ui,16,unboxing,1,vaio,1,vice,64,vídeo,602,vídeo aula,329,video mapping,3,wallpaper,1,warspear,1,web,19,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Como fazer um cartão de visitas no Photoshop
Tutorial: Como fazer um cartão de visitas no Photoshop
Neste tutorial veremos como criar um modelo de cartão e depois uma composição utilizadno o cartão criado, para isso usaremos shapes, ferramentas e layer styles.
http://www.andresugai.org/Tutoriais/05.2018/T01/imagem33.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2018/05/tutorial-como-fazer-um-cartao-de-visitas-no-photoshop.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2018/05/tutorial-como-fazer-um-cartao-de-visitas-no-photoshop.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 BUSCA 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 DOWNLOAD PREMIUM Mas não se preocupe, basta COMPARTILHAR e o DOWNLOAD será LIBERADO GRATUITAMENTE! Assim você ajuda a divulgar o TP nas redes sociais. Obrigado! 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