O processo de como criar um modelo avançado no Photoshop é semelhante a um modelo simples. No entanto, você deve distorcer ainda mais o design do layout para corresponder aos produtos curvos. Você também precisa aplicar algumas edições extras para ajustar a iluminação e cor, para corresponder aos reflexos, sombras e realces do produto original.
Imagens para uso no tutorial:
Antes de começar, você precisa abrir o layout do produto e do design no Photoshop em duas guias separadas. Mantenha a imagem do produto aberta para começar.
Etapa 1: Preparar suas seleções
Para tornar o processo muito mais fácil, você pode começar preparando as seleções do produto. Neste exemplo, estou trabalhando com uma lata.
Se você precisar alterar a cor das peças, superior e inferior da lata (ou quaisquer elementos em sua imagem de produto específico), você precisa fazer todas as três seleções. No entanto, se você não precisa mudar as cores, apenas faça o caminho ao redor do corpo da lata.
- Nota: amplie cada seção usando Ctrl + + (Win) ou Command + + (Mac) ao usar a Ferramenta Caneta para criar um caminho (path) mais preciso.
Crie um caminho ao redor da tampa da lata
Para criar um caminho (Path) de trabalho ao redor da tampa da lata, selecione a Ferramenta Caneta (Penn Tool) (P) na Barra de Ferramentas.
Em seguida, clique em qualquer ponto na tampa para criar o ponto de partida do caminho (Path). Continue fazendo novos pontos para desenhar um caminho ao redor do topo.
Para corrigir quaisquer pontos de âncora ou as alças ao usar a Ferramenta Caneta, mantenha pressionada a tecla Ctrl (Win) ou Command (Mac) enquanto clica e reposiciona o caminho. A seta branca indica que você está corrigindo o caminho.
Continue desenhando e corrigindo o caminho e, em seguida, feche o caminho clicando no primeiro ponto âncora. Agora você deve ter o caminho ao redor de toda a tampa.
Novamente, isso obviamente variará dependendo do seu produto. Independentemente do produto em uso, separar as diferentes seções como essa é sempre uma boa ideia.
Agora vamos ajusta o caminho (path) nas partes arredondadas, selecione a ferramenta caneta (Pen Tool), posicione ela em cima do traço, quando aparecer o sinal de mais (+) clique para adicionar maios um ponto âncora com curvatura.
Repita o mesmo processo na linha superior, e ajuste conforme a imagem abaixo.
Para arredondar as laterais, selecione a Ferramenta Converter Ponto (Convert Point Tool).
Em seguida segura a tecla Alt, posiciona a ferramenta em cima do ponto e arraste conforme a imagem abaixo. Repita o mesmo processo até que termine todas as curvas.
Quando terminar ficará conforme a imagem abaixo.
Em segida, abra o painel Demarcadores (Paths) (se não estiver visível, navegue até Janela > Caminhos (Window > Paths) para abri-lo, e clique duas vezes em Caminho (path) de trabalho para renomear o novo caminho como Tampa.
Crie um caminho ao redor da parte inferior
Depois de criar o primeiro caminho, adicione um novo caminho (path) clicando no ícone Criar um novo caminho (Creat New Path) na parte inferior do painel.
Renomeie esse caminho como “Inferior” e repita a etapa acima para desenhar um caminho ao redor da parte inferior da lata.
Crie um caminho ao redor do corpo da lata
Repita a etapa acima para criar um novo caminho, e desenhe um caminho ao redor do corpo da lata.
Agora você deve ter três caminhos separados no painel Demarcadores (Paths), que serão usados para o modelo. Pode haver mais ou menos seções, dependendo do modelo de produto que você está criando.
Etapa 2: Adicionar uma camada de forma (Shape) de objeto inteligente sobre o produto
Para criar a área de modelo para sua camada de design, você deve primeiro adicionar uma camada de forma (Shape) sobre a lata de refrigerante ou produto e convertê-la em um objeto inteligente.
Comece selecionando a Ferramenta de retângulo (U) na barra de ferramentas e, em seguida, desenhe um retângulo cobrindo o corpo da lata. Deixe espaço extra ao redor dos lados, pois você precisa do espaço na próxima etapa. Renomeie a camada de forma (Shape) para algo como MEU PRODUTO AQUI.
Altere o Modo de Mesclagem da camada de forma, para Multiplicar (Multiply). O modo de mesclagem é útil se você não estiver colocando o design sobre todo o corpo da lata. A mistura também ajuda você a alinhar a lata de refrigerante quando você deformar a forma na próxima etapa.
Em seguida, como no primeiro exemplo de modelo, converta a camada de forma em um objeto inteligente clicando com o botão direito do mouse (Win) ou Ctrl + clic (Mac) na camada de forma e selecionando Converter em Objeto inteligente (Convert to Smart Object).
Etapa 3: Deformar a camada de forma para ajustar o objeto
Agora, você pode deformar a camada de forma para se ajustar melhor à lata. A deformação garante que o design adicionado distorça ligeiramente para corresponder à curvatura da lata.
Primeiro, selecione a camada de forma, pressione Ctrl + T (Win) ou Command + T (Mac), clique com o botão direito do mouse (Win) ou Command + clique (Mac) e selecione Warp.
Use as alças ao redor da forma e das linhas de grade para distorcer a camada como desejar. Aproxime as bordas da forma do corpo da lata, mas sempre deixe espaço ao redor das laterais. Clique e arraste uma alça ou linha de grade para dentro para distorcer essa seção, sem afetar o restante da forma.
Resultado conforme imagem abaixo.
Clique na marca de seleção na barra Opções ou pressione Enter quando estiver satisfeito com sua forma.
Etapa 4: Adicionar uma máscara de camada usando seus caminhos pré-fabricados
Agora é hora de usar o caminho que você criou no corpo da lata para adicionar uma máscara de camada. Esta etapa garante que a camada forma e o design que você adiciona sejam mostrados apenas no corpo da lata.
Primeiro, abra o painel Demarcadores (Paths), clique com o botão direito do mouse (Win) ou Command + clique (Mac) no caminho Lata e clique em Fazer seleção (Make selection). Na caixa de diálogo que é aberta, deixe o raio de difusão em 0 e clique em OK.
Depois de clicar em OK, você a verá uma seleção ao redor da lata na tela do documento.
Inverta a seleção indo em, Seleção > Inverter (Select > Inverse)
Em seguida, clique no ícone Adicionar máscara de vetor (Add vector mask) na parte inferior do painel Camadas (Layers). Você notará uma máscara de camada aparecer, mostrando que a forma agora é aplicada apenas ao corpo da lata.
Na sua tela, a forma que você adicionou será ajustada ao corpo da lata.
Etapa 5: Adicionar sua camada de design ao objeto inteligente
Como mostra o exemplo anterior, agora você pode adicionar sua camada de design ao objeto inteligente — clique duas vezes no ícone do objeto inteligente para abri-lo em uma nova guia. Em seguida, copie e cole sua camada de design na guia de objeto inteligente.
Para o design da lata, adicione-a como um adesivo na lata ou cubra toda a lata com o seu design. A quantidade que você redimensiona e coloca seu design no objeto inteligente depende inteiramente de você.
Para alterar a cor de plano de fundo na lata, clique duas vezes na camada de retângulo na guia objeto inteligente e escolha uma nova cor na janela Seletor de cores.
Etapa 6: Adicionar as sombras e os destaques da lata
Relacionado: Crie modelos de capa de livro no Photoshop [técnicas profissionais]
Agora que você colocou seu design na lata, você pode adicionar as sombras e destaques originais da lata. Este passo é relativamente fácil, uma vez que você já tem a lata original com as sombras e realces no lugar certo.
Primeiro, duplique a camada de plano de fundo arrastando-a para o ícone Criar uma nova camada (Create a new layer) na parte inferior do painel Camadas (Layers).
Renomeie a nova camada e arraste-a acima da camada de design.
Em seguida, mantenha pressionada a tecla Alt (Win) ou Option (Mac), clique na máscara da camada do design e arraste-a para a nova camada que você criou. Agora você terá copiado a máscara de camada para a nova camada.
Em seguida, altere o Modo de mesclagem da camada Luzes e Sombra para Queima linear (Linear burn) e diminua a Opacidade para cerca de 55%.
Seu refrigerante agora tem o efeito sutil dos destaques e sombras adicionados a ele para um efeito mais realista.
Etapa 7: adicione a opção de alterar a tampa e o fundo da lata (opcional)
Por fim, se desejar, você pode fazer um ajuste rápido para mudar a cor da tampa e do fundo da lata.
Primeiro, abra o painel Caminhos (Paths) e selecione os caminhos da tampa e da parte inferior segurando Ctrl (Win) ou Command (Mac) enquanto clica em cada caminho (Path). Em seguida, clique com o botão direito do mouse e escolha Fazer Seleção (Make Selection). Deixe o Feather Radius em 0 e clique em OK.
Em seguida, adicione uma nova camada de cor sólida clicando no ícone Criar uma nova camada de preenchimento ou ajuste (Create new fill or adjustment layer) na parte inferior do painel Camadas (Layers) e selecionando Cor sólida (Solid Color).
Use o Seletor de Cores para selecionar a nova cor desejada e clique em OK.
A camada de cores é aplicada automaticamente às suas seleções, conforme mostrado na máscara de camada e na tela.
Como a parte superior e inferior não parecem mais realistas, você precisa adicionar os destaques e as sombras.
Para fazer isso, duplique a camada de plano de fundo pressionando Ctrl + J (Win) ou Command + J (Mac), crie a seleção da tampa e da parte inferior novamente usando o painel Caminhos (Paths) e adicione uma máscara de camada na nova camada duplicada.
Em seguida, mova a nova camada acima da camada de cores e renomeie ambas as camadas para manter o painel de camadas organizado. Você também pode usar o ícone Criar um Novo Group (Creat a new group) grupo na parte inferior do painel Camadas (Layers) para manter esses ajustes em um grupo separado.
Altere o modo de mesclagem
Por fim, altere o Modo de mesclagem (Blend Mode) da nova camada Luzes e Sombras para Multiplicar (Multiply). O modo de mesclagem garante que os realces e sombras sejam exibidos sem cobrir a nova cor adicionada.
Agora você tem uma lata de refrigerante completa com sua maquete projetada e cores ajustáveis para o corpo da lata e a tampa e o fundo, se necessário.
Então, uma vez que o trabalho duro está feito, você pode simplesmente reeditar a camada de objeto inteligente e aplicar um novo gráfico para ainda mais maquetes!
Use a sua imaginação, explore mais opções como, ajustes de níveis, exposure, efeito de luzes, etc.
Feliz Edição!
Relacionado: Uma maneira fácil de criar maquetes de produtos no Photoshop.