Criando um cartão de visitas colorido e vibrante

0
50

Cada designer definitivamente precisa de um cartão de visitas ou cartão de informação de qualquer tipo, mesmo que seja apenas um pedaço de papel com seu nome e número. Ok… bem, não apenas um pedaço de papel. Um designer tem a marca dele e deve usá-la para atrais seus clientes. Alguns designers utilizam alguns recursos mais “avantajados” como canetas e chaveiros. Eles com certeza se destacam mais do que resto.

Este tutorial é muito simples e ensina a criar um cartão de visita muito colorido e vibrante.

PREVIEW FINAL

Criando um cartão de visitas colorido e vibrante

As informações sobre os cartões:

Sangria: 3 milímetros

Paleta de cores: PANTONE CMYK CE

Tamanho: 90mm 50mm x 300dpi – 1063px x 591px – 300dpi

Introdução:

Eu preparei um modelo para você baixar e seguir o tutorial, com sangria de 3 milímetros e linhas gruías a 1,5 milímetros, você também encontrará camadas para cobrir as seções de sangria por causa de pré-visualização.

Antes de começarmos com o tutorial, verifique se você tem uma ideia de como o produto final deve ficar, eu recomendaria esboçar um pouco, isto funciona na maioria dos casos, especialmente para guiar-se. Lembre-se que projetar para si mesmo é muito mais difícil do que projetar para um cliente de qualquer tipo, o principal problema é: “Você nunca vai estar totalmente satisfeito com o resultado.”

BAIXE O ARQUIVO: CARTÃO DE VISITA

Etapa 1:

Você deve baixar o modelo localizado acima e abri-lo no Photoshop. Você vai ver as Linhas de sangria (linhas guia, você pode desligar as linhas de guia pressionando [Ctrl + H] ou acessar View> Extras, bem, você deve excluir o grupo de camadas que está identificado como “Delete This”. Quando tiver concluído preencha sua camada de fundo com uma cor escura, eu usei um cinza escuro (# 1c1b1c) para um Cinza mais suave (# 343434) em Gradiente Radial.

Você deve baixar o modelo localizado acima e abri-lo no Photoshop. Você vai ver as Linhas de sangria (linhas guia, você pode desligar as linhas de guia pressionando [Ctrl + H] ou acessar View> Extras, bem, você deve excluir o grupo de camadas que está identificado como “Delete This”. Quando tiver concluído preencha sua camada de fundo com uma cor escura, eu usei um cinza escuro (# 1c1b1c) para um Cinza mais suave (# 343434) em Gradiente Radial.

Etapa 2:

Agora que você tem um plano de fundo para trabalhar, vamos passar para as etapas mais demoradas, os Círculos. Crie uma nova camada (atalho: Ctrl + Shift + N) ou (Layer> New> Layer) vá para a sua barra de ferramentas e selecione a ferramenta Elipse (Ou pressione U ou vá para a ferramenta retângulo e clique e segure o botão do mouse até que um pequeno menu aparece e selecione a ferramenta elipse). Em seguida, vamos fazer três tamanhos diferentes de círculos, então primeiro desenhe um círculo em sua tela; segure a tecla Shift para garantir que o círculo seja simétrico. Certifique-se de que você tem um círculo de tamanho decente, o primeiro é o círculo maior de todos eles. Escolha a cor que você desejar, eu escolhi o branco e para alguns eu escolhi rosa, pode ser qualquer outra cor.

Agora que você tem um plano de fundo para trabalhar, vamos passar para as etapas mais demoradas, os Círculos. Crie uma nova camada (atalho: Ctrl + Shift + N) ou (Layer> New> Layer) vá para a sua barra de ferramentas e selecione a ferramenta Elipse (Ou pressione U ou vá para a ferramenta retângulo e clique e segure o botão do mouse até que um pequeno menu aparece e selecione a ferramenta elipse). Em seguida, vamos fazer três tamanhos diferentes de círculos, então primeiro desenhe um círculo em sua tela; segure a tecla Shift para garantir que o círculo seja simétrico. Certifique-se de que você tem um círculo de tamanho decente, o primeiro é o círculo maior de todos eles. Escolha a cor que você desejar, eu escolhi o branco e para alguns eu escolhi rosa, pode ser qualquer outra cor.

Etapa 3:

Agora que você tem o seu círculo grande faça exatamente a mesma coisa que você fez na etapa 2, mas, apenas faça um círculo um pouco menor do que o anterior, não se esqueça de selecionar a cor que você desejar para esse círculo. Quando terminar com a criação de mais este circulo repita o Passo 2 novamente e crie mais um círculo pequeno, escolha a cor que você quiser. Você deve ter algo como mostrado abaixo.

Agora que você tem o seu círculo grande faça exatamente a mesma coisa que você fez na etapa 2, mas, apenas faça um círculo um pouco menor do que o anterior, não se esqueça de selecionar a cor que você desejar para esse círculo. Quando terminar com a criação de mais este circulo repita o Passo 2 novamente e crie mais um círculo pequeno, escolha a cor que você quiser. Você deve ter algo como mostrado abaixo.

Passo 4:

Agora você tem seus círculos e pode trabalhar, aqui vem a parte longa em todo o processo. Escolha um círculo e selecione sua camada, duplique a camada e amplie o círculo preenchendo com outra cor, agora faça o mesmo com seus círculos de outros tamanhos também. Você pode duplicar a camada pressionando (Ctrl + J) ou (clique direito sobre a camada e clique em Duplicate). Como eu disse, isso leva um bom tempo e você deve ser paciente. Brinque com as camadas, alterando a sua colocação, visibilidade, empilhamento os círculos. Depois de ter procedido ao empilhamento bastante alguns círculos, eu recomendaria adicionar alguma profundidade neles, então clique com o botão direito em uma de suas camadas e clique em Blending Options. Escolha Drop Shadow e use as configurações que eu indiquei abaixo.

Sem Sombra:

Agora você tem seus círculos e pode trabalhar, aqui vem a parte longa em todo o processo. Escolha um círculo e selecione sua camada, duplique a camada e amplie o círculo preenchendo com outra cor, agora faça o mesmo com seus círculos de outros tamanhos também. Você pode duplicar a camada pressionando (Ctrl + J) ou (clique direito sobre a camada e clique em Duplicate). Como eu disse, isso leva um bom tempo e você deve ser paciente. Brinque com as camadas, alterando a sua colocação, visibilidade, empilhamento os círculos. Depois de ter procedido ao empilhamento bastante alguns círculos, eu recomendaria adicionar alguma profundidade neles, então clique com o botão direito em uma de suas camadas e clique em Blending Options. Escolha Drop Shadow e use as configurações que eu indiquei abaixo.

Definições de Sombra:

Definições de Sombra:

Com Drop Shadow:

Com Drop Shadow:

Passo 5:

Agora que você tem um bom empilhamento de círculos, agrupe todas as camadas de círculos. Crie um novo grupo, acessando Layer> New> Group – você verá uma pasta aparecer na paleta de suas camadas, agora selecione todas as camadas de círculos e arraste-as para o seu novo grupo. Isso ajuda a organizar as suas diferentes camadas, especialmente se você está trabalhando com uma grande quantidade de camadas. Depois de ter seus círculos agrupados, clique com o botão direito sobre a pasta do grupo e clique em Duplicate Group, agora você tem uma cópia de todos os círculos empilhados, então você pode movê-los e girá-los ou dobrá-los, para se ajustar a sua cena, repita estes passos algumas vezes duplicando o grupo e, em seguida, movendo-o para preencher o seu espaço de trabalho inteiro. Este é o resultado que obtive após a etapa 5. Você não tem que se preocupar com as linhas guia, apenas certifique-se de que tudo que está dentro das orientações são preenchidos.

Agora que você tem um bom empilhamento de círculos, agrupe todas as camadas de círculos. Crie um novo grupo, acessando Layer> New> Group - você verá uma pasta aparecer na paleta de suas camadas, agora selecione todas as camadas de círculos e arraste-as para o seu novo grupo. Isso ajuda a organizar as suas diferentes camadas, especialmente se você está trabalhando com uma grande quantidade de camadas. Depois de ter seus círculos agrupados, clique com o botão direito sobre a pasta do grupo e clique em Duplicate Group, agora você tem uma cópia de todos os círculos empilhados, então você pode movê-los e girá-los ou dobrá-los, para se ajustar a sua cena, repita estes passos algumas vezes duplicando o grupo e, em seguida, movendo-o para preencher o seu espaço de trabalho inteiro. Este é o resultado que obtive após a etapa 5. Você não tem que se preocupar com as linhas guia, apenas certifique-se de que tudo que está dentro das orientações são preenchidos.

Passo 6:

Hora de trabalhar na parte de trás do nosso cartão de visita. Vá em File> Save as e salve o arquivo em uma pasta de sua escolha (Certifique-se de salvá-lo como um PSD). Agora esconda todas as suas camadas anteriores, que você criou, exceto o fundo. Vá em Layer> New Layer Fill> Pattern – Nomeie seu padrão e clique em OK – você vai ver que o fundo é coberto de repente com um padrão. Siga o diagrama abaixo para encontrar o padrão correto que eu usei para este cartão (Stone, é um padrão repetitivo 80x80px). Você pode passar o mouse sobre a textura para ver seu nome. Quando encontrar a textura clique no ok.

Hora de trabalhar na parte de trás do nosso cartão de visita. Vá em File> Save as e salve o arquivo em uma pasta de sua escolha (Certifique-se de salvá-lo como um PSD). Agora esconda todas as suas camadas anteriores, que você criou, exceto o fundo. Vá em Layer> New Layer Fill> Pattern - Nomeie seu padrão e clique em OK - você vai ver que o fundo é coberto de repente com um padrão. Siga o diagrama abaixo para encontrar o padrão correto que eu usei para este cartão (Stone, é um padrão repetitivo 80x80px). Você pode passar o mouse sobre a textura para ver seu nome. Quando encontrar a textura clique no ok.

Hora de trabalhar na parte de trás do nosso cartão de visita. Vá em File> Save as e salve o arquivo em uma pasta de sua escolha (Certifique-se de salvá-lo como um PSD). Agora esconda todas as suas camadas anteriores, que você criou, exceto o fundo. Vá em Layer> New Layer Fill> Pattern - Nomeie seu padrão e clique em OK - você vai ver que o fundo é coberto de repente com um padrão. Siga o diagrama abaixo para encontrar o padrão correto que eu usei para este cartão (Stone, é um padrão repetitivo 80x80px). Você pode passar o mouse sobre a textura para ver seu nome. Quando encontrar a textura clique no ok.

Passo 7:

Nesta etapa estaremos fazendo duas coisas, iremos adicionar um Mapa de Gradiente e Texto. Selecione sua camada superior e vá até Layer> New Adjustment Layer> Gradient Map – O padrão deve ser de preto para branco, ou branco para preto. Certifique-se de que o seu mapa de gradiente é preto para branco e clique no Ok. Vá para as Blending Options e defina o Blending Mode para Multiply. Isto irá aumentar o contraste e diminuir o brilho. Agora ative a sua ferramenta de texto ou apenas pressione a tecla [T], eu selecionei a fonte Square721 BT com um tamanho de 28pt (pontos) e usei para o nome. Em seguida eu usei Arial com um tamanho de 11pt (pontos) para o cargo (Freelance Designer) Baixei a opacidade da camada para 50% e, por último eu usei a fonte RNS com um tamanho de 7PT (pontos) para a descrição (design. print.web) Também reduzi a opacidade da camada para 15%

Nesta etapa estaremos fazendo duas coisas, iremos adicionar um Mapa de Gradiente e Texto. Selecione sua camada superior e vá até Layer> New Adjustment Layer> Gradient Map - O padrão deve ser de preto para branco, ou branco para preto. Certifique-se de que o seu mapa de gradiente é preto para branco e clique no Ok. Vá para as Blending Options e defina o Blending Mode para Multiply. Isto irá aumentar o contraste e diminuir o brilho. Agora ative a sua ferramenta de texto ou apenas pressione a tecla [T], eu selecionei a fonte Square721 BT com um tamanho de 28pt (pontos) e usei para o nome. Em seguida eu usei Arial com um tamanho de 11pt (pontos) para o cargo (Freelance Designer) Baixei a opacidade da camada para 50% e, por último eu usei a fonte RNS com um tamanho de 7PT (pontos) para a descrição (design. print.web) Também reduzi a opacidade da camada para 15%

Passo 8:

Nesta etapa eu usei dois dos grupos de círculos empilhados, usei dois dos grupos visíveis e posicionei-os nas laterais do cartão de visita, de modo que eles suportam o fluxo geral do cartão, que lhe dá a sensação de que a frente de círculos do cartão envolve o cartão e acaba na parte de trás.

Nesta etapa eu usei dois dos grupos de círculos empilhados, usei dois dos grupos visíveis e posicionei-os nas laterais do cartão de visita, de modo que eles suportam o fluxo geral do cartão, que lhe dá a sensação de que a frente de círculos do cartão envolve o cartão e acaba na parte de trás.

RESULTADO FINAL

RESULTADO FINAL

Espero que tenham gostado deste tutorial e que você tenha aprendido alguma coisa com ele.

Site original: Creative Overflow

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 nossofeed de notícias e receber todas as atualizações de maneira exclusiva.

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here