em , , , , ,

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

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.

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

tutorial como fazer um cartao de visitas no photoshop 3

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

tutorial como fazer um cartao de visitas no photoshop 4tutorial como fazer um cartao de visitas no photoshop 5

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

tutorial como fazer um cartao de visitas no photoshop 6

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

tutorial como fazer um cartao de visitas no photoshop 7tutorial como fazer um cartao de visitas no photoshop 8

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.

tutorial como fazer um cartao de visitas no photoshop 9tutorial como fazer um cartao de visitas no photoshop 10

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.

tutorial como fazer um cartao de visitas no photoshop 11tutorial como fazer um cartao de visitas no photoshop 12

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

tutorial como fazer um cartao de visitas no photoshop 13tutorial como fazer um cartao de visitas no photoshop 14

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.

tutorial como fazer um cartao de visitas no photoshop 15tutorial como fazer um cartao de visitas no photoshop 16

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.

tutorial como fazer um cartao de visitas no photoshop 17tutorial como fazer um cartao de visitas no photoshop 18

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.

tutorial como fazer um cartao de visitas no photoshop 19tutorial como fazer um cartao de visitas no photoshop 20tutorial como fazer um cartao de visitas no photoshop 21tutorial como fazer um cartao de visitas no photoshop 22tutorial como fazer um cartao de visitas no photoshop 23tutorial como fazer um cartao de visitas no photoshop 24tutorial como fazer um cartao de visitas no photoshop 25

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.

tutorial como fazer um cartao de visitas no photoshop 26tutorial como fazer um cartao de visitas no photoshop 27

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.

tutorial como fazer um cartao de visitas no photoshop 28

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.

tutorial como fazer um cartao de visitas no photoshop 29tutorial como fazer um cartao de visitas no photoshop 30

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.

tutorial como fazer um cartao de visitas no photoshop 31tutorial como fazer um cartao de visitas no photoshop 32tutorial como fazer um cartao de visitas no photoshop 33tutorial como fazer um cartao de visitas no photoshop 34

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

tutorial como fazer um cartao de visitas no photoshop 2

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

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Conheça as pinturas de Sara-Vide Ericson

Download: Action para efeitos de cor no Photoshop