Como criar um cartão de visitas moderno no Photoshop

Seguindo este tutorial você vai ser capaz de entender a arquitetura do projeto de um cartão e criar uma versão personalizada para si mesmo. Então vamos aprender a desenhar este modelo de cartão de negócios maravilhoso. Você poderá fazer o download do arquivo deste tutorial no final do artigo.

Como criar um cartão de visitas moderno no Photoshop

1. Crie um novo documento no Photoshop com as seguintes configurações:

Largura – 1128 pixels;

Altura – 679 pixels;

Resolução – 300 pixels por polegada;

Modo de cor – CMYK.

1. Crie um novo documento no Photoshop com as seguintes configurações:

2. Agora preencha o fundo com a cor preta (# 000000) usando a Bucket Tool e adicione guias com Ctrl+R (View> Rules). Mova as guias para definir as bordas. Você pode arrastá-las até a borda e, em seguida, pressionar o SHIFT e arrastá-las até a posição desejada, o SHIFT lhe dará precisão ao movê-las.

2. Agora preencha o fundo com a cor preta (# 000000) usando a Bucket Tool e adicione guias com Ctrl+R (View> Rules). Mova as guias para definir as bordas. Você pode arrastá-las até a borda e, em seguida, pressionar o SHIFT e arrastá-las até a posição desejada, o SHIFT lhe dará precisão ao movê-las.

3. Use a ferramenta Pen (P) para desenhar duas curvas arbitrárias:

3. Use a ferramenta Pen (P) para desenhar duas curvas arbitrárias:

clip_image005

4. Crie uma nova camada vazia e pegue a ferramenta Pincel (B) com as seguintes configurações:

Diâmetro – 9 px;

Dureza – 0%.

4. Crie uma nova camada vazia e pegue a ferramenta Pincel (B) com as seguintes configurações:

5. Agora volte para a camada com a curva. Acesse View> Paths, clique com o botão direito sobre o path e clique na opção “Stroke Path”.

5. Agora volte para a camada com a curva. Acesse View> Paths, clique com o botão direito sobre o path e clique na opção “Stroke Path”.

Escolha “Brush” na lista suspensa e marque a opção”Simulate Pressure”.

Escolha "Brush" na lista suspensa e marque a opção"Simulate Pressure".

6. Adicione uma camada de ajuste “Gradient Overlay ” para esta camada:

6. Adicione uma camada de ajuste "Gradient Overlay " para esta camada:

Configure desta maneira:

Configure desta maneira:

A imagem resultante será algo como isto:

A imagem resultante será algo como isto:

7. Vamos adicionar uma espécie de brilho para o fundo. Crie uma nova camada e coloque-a sob a camada com a curva. Use a ferramenta Pincel (B) com as definições abaixo:

Diâmetro – 400 px;

Dureza – 100%.

7. Vamos adicionar uma espécie de brilho para o fundo. Crie uma nova camada e coloque-a sob a camada com a curva. Use a ferramenta Pincel (B) com as definições abaixo:

Quando o efeito de brilho estiver no seu lugar, diminua a opacidade desta camada para 10%.

8. Para adicionar texto, use a ferramenta Type Horizonyal (T). Eu escolhi a fonte Reobic para o nome, tamanho 62px, negrito, itálico, cor – branco. Na profissão usei a mesma fonte, mas de tamanho menor – 24px (Melhore o texto com o mesmo efeito que usamos para a camada com curvas). E-mail – 18px, sublinhado.

E temos a nossa frente pronta:

8. Para adicionar texto, use a ferramenta Type Horizonyal (T). Eu escolhi a fonte Reobic para o nome, tamanho 62px, negrito, itálico, cor - branco. Na profissão usei a mesma fonte, mas de tamanho menor - 24px (Melhore o texto com o mesmo efeito que usamos para a camada com curvas). E-mail - 18px, sublinhado.

9. Vamos fazer um novo documento e repetir todos os passos, mas com uma curva um pouco diferente, textos e sua colocação.

Nome da empresa – 62px, negrito, itálico, branco;

Slogan – 22px, sobreposição de gradiente novamente;

URL – 22px, cursiva, sublinhado.

E a parte de trás está pronta também:

9. Vamos fazer um novo documento e repetir todos os passos, mas com uma curva um pouco diferente, textos e sua colocação.

10. Aqui está o resultado final deste tutorial, aproveite:

10. Aqui está o resultado final deste tutorial, aproveite:

Você pode fazer o download deste cartão de visitas em PSD clicando aqui.

Site original: Flash Mint

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Este post tem 3 comentários

  1. muito boas dica parabéns!!!!!

  2. Parabéns pelo Artigo em breve estarei lendo, mas o que sempre vem na minha cabeça,é que muitos design fazem cartões de visitas com o Corel Draw(e dizem que é o melhor para isso) mas tem Tutoriais aqui como o seu mostrando como se faz o cartão mas com o Photoshop que é o melhor editor de imagem!! e etc.

    Mas minha pergunta é:
    Para fazer esses tipos de trabalhos qual melhor programa usar? o Corel Draw ou Photoshop?

    Séria legal você fazer um Post falando sobre isso. Abraços!!

    1. Oi Marcos, na verdade isto não nenhuma regra, você pode sim criar no programa que desejar, desde que opte por programas profissionais como Photoshop, Illustrator, CorelDRAW, tem gente que faz até no InDesign, o que na verdade é usado pra definir o melhor programa é “Que programa a sua gráfica usa?” em muitos locais como cidades pequenas se usa CorelDRAW, mas você pode exportar um arquivo do Photoshop em PDF e levar pra qualquer lugar, se a gráfica for de boa qualidade terá ferramentas para imposição e impressão a partir do seu PDF. É mais uma questão de limitação dos próprios estabelecimentos, aqui onde moro por exemplo, todo mundo usa CorelDRAW, mas na capital e grandes cidades é Illustrator e Photoshop.
      Obrigado pelo comentário. Um grande abraço!

Deixe uma resposta

Mais artigos pra você ler:
Como organizar seu desktop?

Como organizar seu desktop?

Você já viu uma tela de computador lotada de atalhos e arquivos formando uma verdadeira bagunça visual que não dá…
Affinity Photo #11 - Usar Sobreposições

Affinity Photo #11 - Usar Sobreposições

As ferramentas Sobreposição podem ser usadas juntamente com o painel Sobreposições para que você possa aplicar ajustes padrão em áreas…
Praticando Caligrafia e Lettering

Praticando Caligrafia e Lettering

Nesse vídeo que fiz em meu canal Corporação Criativa eu faço algumas demonstrações sobre criação de caligrafia e lettering com diferentes canetas.…
Como é o processo de criação de um lettering?

Como é o processo de criação de um lettering?

Estou de volta trazendo mais um vídeo do canal Corporação Criativa onde explico um pouco como é o processo de criação de…
Fechar Menu