Criando Um Mockup Com Cartões De Visitas No Photoshop

Descrição: Hoje veremos como criar um mockup de cartões no Photoshop, com este mockup você só precisa alterar a arte do cartão e eles já estarão prontos para serem apresentados, para isso usaremos ferramentas de transformação, layer styles e algumas imagens.

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1600×1200 pixels, 72 dpi’s e modo de cor em RGB, pressione Ok, escolha a cor #c8c8c8 e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida, clique duas vezes sobre a layer e pressione Ok, vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

02. Pressione a letra U do teclado para selecionar a Rectangle Tool, clique no documento e defina os valores de 1050×600 pixels, clique em Ok e depois clique com o botão direito do mouse sobre a layer do retângulo criado, escolha a opção Convert to Smart Object, dê o nome de Front Card para a layer.

03. Clique com o botão direito do mouse sobre a layer e escolha a opção New Smart Object via Copy, dê o nome de Back Card para a nova layer.

04. Pressione Ctrl+T para abrir a caixa de Free Transform, rotacione o cartão e depois clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, deixe o cartão em perspectiva como na imagem abaixo e pressione Enter para finalizar a transformação.

05. Agora vá em Layer> Layer Style> Drop Shadow e defina o valor de 30% de opacidade, 0 pixels para Distance, 4% para Spread e 5 pixels para Size, pressione Ok, pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool e mova a cópia do cartão levemente para cima, repita a operação de copiar e mover o cartão para criar uma pilha de cartões variando suas posições como na imagem abaixo.

06. Agora clique na layer Front Card, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, defina a perspectiva como na foto abaixo e pressione Enter para finalizar a transformação.

07. Neste ponto já terminamos o mockup, para utilizá-lo basta clicar duas vezes no Smart Object e inserir a arte do cartão, depois disso basta fechar o documento e salvar.

08. Clique duas vezes na Smart Object Back Card, vá em File> Place e adicione a arte da parte de traseira do cartão, ajuste o tamanho e pressione Enter, feche o documento e salve.

09. Seu documento deverá ficar como na foto abaixo.

10. Repita a operação com a parte frontal do cartão, clique duas vezes sobre o Smart Object Front Card, vá em File> Place e adicione a arte do cartão, ajuste o tamanho e pressione Enter para finalizar a transformação, feche o documento e salve.