Mockups são recursos muito úteis para apresentar peças gráficas, identidades visuais, embalagens, materiais impressos, interfaces digitais e outros projetos de forma mais profissional. Em vez de mostrar apenas o arquivo plano, o designer consegue aplicar a arte em uma cena realista, facilitando a visualização do resultado final.

Esse tipo de apresentação ajuda o cliente a entender melhor como a criação será percebida no mundo real. Um flyer aplicado sobre uma mesa, uma embalagem em perspectiva, um cartão de visita em uma composição elegante ou uma tela de aplicativo em um smartphone transmitem mais contexto e valorizam o projeto.

Neste guia, você vai entender como usar um mockup em PSD, desde o download do arquivo até a aplicação da sua arte dentro do Smart Object.

O que você precisa para usar um mockup

Para editar mockups preparados em PSD, é necessário ter alguns recursos básicos antes de começar.

• Um software para descompactar arquivos, como WinRAR, WinZip ou outro programa similar

• Conhecimentos básicos em Adobe Photoshop

• Adobe Photoshop em versão compatível com o arquivo PSD, preferencialmente CS6 ou superior

Na maioria dos casos, o processo é simples. O ponto principal é saber localizar a camada correta dentro do arquivo e substituir o conteúdo de exemplo pela sua própria arte.

Baixe o arquivo do mockup

O primeiro passo é fazer o download do mockup que você deseja utilizar. Normalmente, esses arquivos são disponibilizados em formato compactado, como ZIP, RAR ou 7z.

Depois de baixar o arquivo, salve-o em uma pasta organizada no seu computador. É recomendável criar uma estrutura simples, separando o arquivo original, os arquivos editáveis e as versões finais exportadas. Isso evita confusão caso você precise voltar ao projeto depois.

Arquivos de mockup podem ser pesados, principalmente quando possuem alta resolução, várias cenas ou efeitos realistas. Por isso, o download pode levar alguns minutos, dependendo do tamanho do arquivo e da velocidade da conexão.

Descompacte os arquivos

Após o download, será necessário descompactar o arquivo. Em muitos casos, o mockup vem em formato ZIP, que pode ser aberto diretamente pelo próprio sistema operacional. No entanto, alguns arquivos podem vir em RAR ou 7z, exigindo um software específico para extração.

Depois de extrair o conteúdo, confira se todos os arquivos foram abertos corretamente. É comum encontrar uma pasta com o PSD principal, imagens de preview e algum documento com informações sobre a licença de uso.

Verifique os arquivos incluídos

Ao abrir a pasta do mockup, você provavelmente encontrará alguns tipos de arquivo.

• Arquivo PDF

• Arquivo PSD ou vários arquivos PSD

• Arquivo JPEG ou várias imagens em JPEG

O arquivo PDF geralmente contém informações sobre licença, permissões de uso e restrições. É nele que você deve verificar se o mockup pode ser usado em projetos pessoais, comerciais ou em apresentações para clientes.

O arquivo PSD é o documento editável. É nele que você vai aplicar sua arte, alterar cores e ajustar detalhes visuais.

Já o JPEG costuma funcionar como uma imagem de visualização. Ele serve para mostrar como o mockup ficará depois de editado, ajudando você a identificar rapidamente qual cena deseja usar.

Abra o arquivo PSD

Depois de identificar o arquivo correto, abra o PSD no Photoshop. Ao carregar o arquivo, você verá uma composição pronta, geralmente com uma arte de exemplo aplicada no local onde o seu design será inserido.

A maior parte das edições será feita no painel Layers. É ali que ficam as camadas responsáveis pela arte, pelo fundo, pelas sombras, pelos efeitos, pelas texturas e pelos ajustes de cor.

Antes de começar, vale observar a organização do arquivo. Muitos mockups possuem camadas nomeadas de forma intuitiva, facilitando a localização dos elementos editáveis. Ainda assim, cada arquivo pode ter uma estrutura diferente, então é importante analisar com calma.

Altere a cor de fundo

Alguns mockups permitem personalizar a cor do fundo. Essa configuração costuma estar em uma camada específica, com um nome relacionado a background, fundo ou cor de fundo.

Para alterar a cor, procure a camada correspondente no painel Layers e clique duas vezes na miniatura da camada. O Photoshop abrirá o painel Color Picker, onde você poderá escolher a nova cor.

Em muitos mockups, a camada de fundo usa modos de mesclagem como Linear Burn ou Multiply. Isso significa que a cor escolhida pode aparecer mais escura na composição final. Por esse motivo, tons claros costumam funcionar melhor, principalmente quando o objetivo é manter a apresentação limpa e destacar a arte principal.

Depois de ajustar a cor, avalie se o fundo combina com o projeto. O ideal é que ele valorize a peça sem competir com ela.

Encontre a camada Smart Object

A parte mais importante do processo é localizar o Smart Object. Essa é a camada que contém a arte de exemplo e permite substituir o conteúdo pelo seu próprio design.

No painel Layers, procure nomes que indiquem onde o projeto deve ser aplicado. Algumas camadas podem aparecer com nomes como “design”, “project here”, “artwork”, “front cover” ou variações semelhantes.

Caso não encontre rapidamente, observe o ícone da camada. Smart Objects possuem um pequeno símbolo na miniatura, indicando que aquele conteúdo pode ser aberto e editado em uma janela separada.

Essa estrutura é o que torna os mockups tão práticos. Em vez de ajustar manualmente perspectiva, sombra e distorção, você substitui a arte dentro do Smart Object, e o próprio mockup aplica o design na cena.

Aplique seu design no Smart Object

Depois de localizar o Smart Object, clique duas vezes na miniatura da camada. Uma nova janela será aberta no Photoshop. Essa janela contém a arte que será substituída.

Cole ou insira seu projeto nesse espaço. O ideal é que a arte já esteja pronta em outro arquivo, seja no Photoshop, Illustrator ou outro software de criação. Embora seja possível criar o design diretamente dentro do Smart Object, o fluxo mais organizado é desenvolver a peça separadamente e apenas aplicá-la no mockup.

Ajuste o tamanho da arte para preencher corretamente a área disponível. Depois disso, salve o arquivo do Smart Object e feche a janela.

Ao retornar para o mockup principal, o Photoshop atualizará automaticamente a composição. Sua arte aparecerá aplicada no objeto, respeitando perspectiva, luz, sombra e demais efeitos configurados no PSD.

Salve e exporte o resultado final

Depois de aplicar o design, revise todos os detalhes. Verifique se a arte está bem posicionada, se não há cortes indesejados, se o fundo está adequado e se o resultado final valoriza o projeto.

Quando estiver tudo certo, salve o arquivo editável para manter uma versão em PSD. Em seguida, exporte a imagem final em um formato adequado para o uso desejado.

Para apresentação digital, JPEG e PNG costumam ser suficientes. Para portfólio, redes sociais ou propostas comerciais, prefira exportar em boa resolução, mantendo nitidez e qualidade visual.

Por que usar mockups na apresentação de projetos

Usar mockups ajuda a transformar uma criação em uma apresentação mais convincente. Eles aproximam o cliente do resultado final, mostram a aplicação prática da peça e tornam o projeto mais fácil de visualizar.

Além disso, mockups valorizam o trabalho de design. Uma arte apresentada em contexto tende a parecer mais completa, profissional e tangível. Isso pode fazer diferença em aprovações, portfólios, propostas e materiais de divulgação.

O processo de edição é simples: baixar o arquivo, descompactar, abrir o PSD, localizar o Smart Object, inserir sua arte, salvar e exportar. Com prática, esse fluxo se torna rápido e pode ser incorporado à rotina de qualquer profissional de design, branding, publicidade ou marketing digital.