Como fazer mockup no Photoshop

Os mockups permitem elaborar apresentações criativas para comunicar ideias de design de um produto a fim de mostrar seu aspecto funcional. Você pode aproveitar as ferramentas do Photoshop de iluminação, transformação e estilo de camada para fazer seu próprio mockup com aparência profissional.

Os atalhos do Photoshop não funcionam? Saiba como resolver
Como transformar uma foto em desenho no Photoshop

O que é mockup?

Um mockup consiste na renderização gráfica de um design ou produto para vislumbrá-lo no mundo real, como um logotipo impresso digitalmente em imagem de cartão, boné ou sacola. Ou seja, é possível simular um produto final a partir de um modelo em branco, seja de uma captura de tela, 3D ou objeto em uma fotografia.

Um mockup consiste em renderizar um produto como um objeto real (Imagem: Rawpixel)

Há diversos sites e bancos de imagem na internet que oferecem modelos para mockup, além do Adobe Stock. A utilização desse conceito é bastante requisitada por profissionais de marketing e empresários para demonstrações e vendas para:

–
* Principais Noticias Acesse a Pagina Inicial: www.itechnews.com.br/ 360/
–

Personalizar as apresentações para um público-alvo;
Visualizar o objeto ou produto finalizado;
Ajudar a obter investidores;
Envolver o público e gerar engajamento;
Aumentar as chances de um cliente fechar a compra.

Como fazer um mockup

Existem dois elementos principais para fazer um ótimo mockup: a configuração da cena e a inclusão realista do design. Para criar seu próprio projeto, utilize o Photoshop, escolha a cena do mockup e imagem a ser inserida. Veja como:

Abra o Photoshop e clique em Arquivo > Abrir;
Escolha a cena que deverá ser utilizada para criar o mockup;
Clique em cima da camada da cena duas vezes e dê “OK”;
Crie uma camada acima da cena e selecione a ferramenta “Retângulo”;
Crie um retângulo para ocupar o espaço em branco destinado à imagem de deseja inserir;
Após desenhar o retângulo, selecione a camada dele e clique com o botão direito do mouse;
Escolha a opção “Converter em objeto inteligente”;
Preencha a camada em branco do mockup em uma nova camada e a converta em objeto inteligente (Imagem: Thiago Furquim/)
Clique em Editar > Distorcer para ajustar os cantos do retângulo ao espaço em branco da cena do mockup. Você pode diminuir a opacidade da camada para ter mais precisão;
Clique duas vezes na miniatura da camada do retângulo para abrir uma nova janela;
Cole a imagem que deseja inserir no mockup;
Preencha a imagem apenas na camada do retângulo;
Preencha a imagem na camada em azul criada no mockup (Imagem: Thiago Furquim/)
Salve as alterações e volte para o projeto inicial;
Se desejar, insira efeitos de luz e sombra para tornar o mockup mais realista.