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á es...

Preview 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.

tutoriaisphotoshop.net






01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1600x1200 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.

tutoriais photoshop

02. Pressione a letra U do teclado para selecionar a Rectangle Tool, clique no documento e defina os valores de 1050x600 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.

tutoriais photoshop

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.

tutoriais photoshop




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.

tutoriais photoshop

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.

tutoriais photoshop




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.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

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

tutoriais photoshop

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.

tutoriais photoshop




11. No final seu mockup ficará como na foto abaixo e poderá ser alterado todas as vezes que você desejar.

tutoriais photoshop

Site de origem: http://blog.123rf.com/create-a-stacked-business-card-mockup-from-scratch/

Dollar Photo Club

COMENTÁRIOS

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo