no , , , ,

Criando um mockup com cartões de visitas no Photoshop

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

"use strict"; var adace_load_5f0a06ea92360 = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%3Cdiv%20class%3D%22adace_adsense_5f0a06ea92322%22%3E%3Cscript%20async%20src%3D%22%2F%2Fpagead2.googlesyndication.com%2Fpagead%2Fjs%2Fadsbygoogle.js%22%3E%3C%2Fscript%3E%0A%09%09%3Cins%20class%3D%22adsbygoogle%22%0A%09%09style%3D%22display%3Ablock%3B%22%0A%09%09data-ad-client%3D%22ca-pub-3297652328497884%22%0A%09%09data-ad-slot%3D%221456553999%22%0A%09%09data-ad-format%3D%22auto%22%0A%09%09%3E%3C%2Fins%3E%0A%09%09%3Cscript%3E%28adsbygoogle%20%3D%20window.adsbygoogle%20%7C%7C%20%5B%5D%29.push%28%7B%7D%29%3B%3C%2Fscript%3E%3C%2Fdiv%3E'; var unpack = true; if(viewport=tabletStart && viewport=landscapeStart && viewport=tabletStart && viewport=tabletEnd){ if ($wrapper.hasClass('.adace-hide-on-desktop')){ $wrapper.remove(); } } if(unpack) { $self.replaceWith(decodeURIComponent(content)); } } if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0a06ea92360(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0a06ea92360(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

(adsbygoogle = window.adsbygoogle || []).push({});

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.

tutoriais photoshop

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.

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

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

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

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

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

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

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

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

vinte − dez =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.