Modelo de design de cartão de visita frontal Photoshop CC

• Pode 11, 2024

Neste tutorial, adicionaremos os elementos de design ao nosso modelo frontal de cartão de visita. No último tutorial, já criamos a base para o modelo de cartão de visita no Photoshop CC, resultando em um modelo com uma prancheta separada para a frente e para trás do cartão de visita. Também adicionamos linhas para as áreas de sangria, corte e segurança.

Mas o modelo está vazio de qualquer elemento de design (veja a captura de tela), como um gráfico de plano de fundo, texto ou formas. Neste tutorial, começaremos adicionando um gráfico de plano de fundo do espaço reservado como um objeto inteligente, facilitando a substituição do espaço reservado pelo gráfico de design. Em seguida, adicionaremos espaços reservados para o texto geralmente incluído em um cartão de visita. Na frente do cartão, colocaremos o nome e o slogan pessoal / comercial e, no verso, poderíamos colocar as informações de contato.

À medida que adicionamos elementos de design, o painel Camadas pode ficar desorganizado. Então, organizaremos algumas camadas em pastas de grupo. Por exemplo, as camadas de texto podem ser combinadas em uma pasta de grupo. Além disso, se você tiver mais de um gráfico de plano de fundo, como várias texturas diferentes, podemos combiná-los em uma pasta de grupo. Finalmente, podemos codificar por cores essas camadas e pastas. Obviamente, você pode usar qualquer combinação de cores, mas, neste exemplo, usaremos vermelho para texto, verde para gráficos e formas e azul para as instruções.

Adicionar design de plano de fundo ou gráfico de textura

Eu uso um gráfico de grade simples como meu gráfico de plano de fundo de espaço reservado. O usuário do modelo pode alterar facilmente o gráfico, pois será um objeto inteligente. Vamos adicionar o gráfico de plano de fundo para a frente do cartão.

1. Selecione a prancheta Frente do cartão de visita.
   
   
2. Adicione seu gráfico de espaço reservado (veja a captura de tela).
   
   
3. Arraste a nova camada abaixo da camada Linhas, para que possamos ver as linhas à medida que adicionamos elementos de design.
   
   Como o artista pode querer mudar esse gráfico por conta própria, digamos que isso é possível pelo rótulo que atribuímos a essa camada.
   
   
4. Renomeie a camada para [YOUR BACKGROUND DESIGN HERE].
   
   
5. Clique com o botão direito na camada e escolha Converter em objeto inteligente no menu pop-up.
   
   

Adicione texto

Agora estamos prontos para adicionar nosso nome comercial ou pessoal e slogan à frente do cartão. No exemplo, usei a fonte Raleway Typekit, que é gratuita em qualquer associação da Creative Cloud ou associação de avaliação gratuita. Como o nome é a informação mais importante, vamos definir o estilo da fonte como Negrito e o tamanho para 18 pt (veja a captura de tela). Também centralizaremos o texto.

Nota: O posicionamento final, a fonte e o estilo do texto serão alterados, pois serão influenciados pelo design do plano de fundo.

1. Selecione a ferramenta Tipo e adicione o texto do espaço reservado Nome da empresa (veja a captura de tela).
   
   
2. Mude o nome da camada para [SEU NOME AQUI]
   
   
3. Repita a etapa anterior para adicionar o texto do espaço reservado para o slogan ou profissão. Defina a fonte para um tamanho menor 14 pt e adicione o texto do espaço reservado Tagline.
   
   
4. Mude o nome da camada para [SUA TAGLINE AQUI] (veja a captura de tela) e arraste-a para a camada [SEU NOME AQUI].
   
   A seguir, centralizaremos o texto.
   
   
5. Com as duas camadas de texto selecionadas, alterne para a ferramenta Mover. No painel Opções (veja a captura de tela), use os botões Centros verticais e Distribuição de centros horizontais para centralizar o texto horizontalmente e verticalmente.
   
   Ambas as linhas de texto estarão na mesma posição. Vamos mover o nome acima do slogan (veja a captura de tela).
   
   
6. Selecione a camada [SEU NOME AQUI] e use a ferramenta Mover para mover o nome acima do slogan.
   
   Por fim, vamos combinar as camadas de texto em uma pasta de grupo (veja a captura de tela).
   
   
7. Adicione uma nova pasta de grupo ao painel Camadas e nomeie-a Texto.
   
   
8. Arraste as duas camadas de texto para a pasta.
   
   

Opcional: convém adicionar uma forma atrás do texto, como um retângulo branco com um traço preto. Adicionaremos uma forma vetorial, para que o usuário possa alterar as cores de preenchimento e traçado conforme necessário no painel Propriedades (veja a captura de tela).

1. Selecione a camada de fundo, para que a nova camada seja adicionada acima.
   
   
2. Desenhe um retângulo na prancheta com a ferramenta Retângulo. Você deseja definir o seguinte no painel Opções (veja a captura de tela).
   
   Modo: Forma
   Preenchimento da forma: Branco
   Curso da forma: Preto
   Largura do curso da forma: 5 px
   Tipo de traçado de forma: Sólido
   
   
3. Renomeie a camada [AJUSTAR Preenchimento da Caixa e Cor do Curso]
   
   

Opcional: Podemos codificar por cores nossas camadas (veja a captura de tela).

1. Selecione a camada do grupo Instruções e clique com o botão direito do mouse no ícone Olho. Defina a cor para azul.
   
   
2. Selecione a camada Linhas na pasta Frente do cartão de visita e defina a cor para azul.
   
   
3. Selecione a pasta Grupo de texto na pasta Frente do cartão de visita e defina a cor para vermelho.
   
   
4. Selecione as camadas de forma e plano de fundo e defina a cor para verde.
   
   

No próximo tutorial, projetaremos o verso do cartão de visita.

Voltar | Próximo

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Photoshop Tutorial - Como colocar imagens em perspectiva? (Pode 2024).