Porquê fabricar uma maquete de tela no Photoshop

Muitos designers e artistas usam maquetes para exibir seus trabalhos. Neste tutorial de maquete de tela, você aprenderá porquê fabricar maquetes do zero usando objetos inteligentes e máscaras no Photoshop. É mais fácil do que você pensa. Vamos pular direto.

O que são maquetes e porquê elas funcionam?

Mockups são imagens que são formatadas de forma que você substitua secção da imagem pelo seu próprio design. Estes são frequentemente usados ​​para designs de telas, designs de embalagens ou roupas.

Você encontrará muitos modelos gratuitos de PSD online que você pode usar. Essas maquetes são fornecidas com uma foto ou até mesmo uma cena gerada por computador e completadas com uma categoria de objeto inteligente, que é porquê seu design pode ser aplicado à maquete.

O objeto inteligente manipula a perspectiva do seu design para que um design projecto possa ser deformado em qualquer superfície da foto, porquê uma tela de telefone ou uma camiseta. Você pode subtrair maquetes prontas com a categoria de objeto inteligente colocada no design, tudo o que você precisa fazer é juntar seu design e o objeto inteligente faz o resto para você.

Relacionado: Porquê usar o Adobe Camera RAW porquê um objeto inteligente no Photoshop

É muito simples fabricar o seu próprio e incluir uma categoria de objeto inteligente que funciona com sua foto e aprimora seus designs. Vamos iniciar com o tutorial.

1. Prepare sua foto

Você precisa iniciar com uma foto de subida qualidade de uma tela. Se você olhar através de sites de retrato, você notará que as imagens de telas têm poucas distrações em torno do objecto.

Considere a figura do seu design final que terminará na tela e certifique-se de que o restante da foto siga um tema semelhante. Se o seu design for feminino e ligeiro, estilize a foto com um pequeno vaso de flores ou tecido floral. Se o seu design for para um pregão de moca, inclua uma xícara de moca ao lado da tela na foto.

No universal, certifique-se de que haja um fundo limpo ao volta do objecto principal da sua foto (que será uma tela de qualquer tipo).

Você pode usar sua própria foto ou sites de procura porquê Unsplash ou Pixabay para o que você precisa. Se for necessário editar, agora é a hora de fazer isso.

2. Crie um objeto inteligente

Para fabricar sua maquete, comece abrindo sua foto da tela no Photoshop. Logo, precisamos fabricar um objeto inteligente. Para fazer isso, use o Instrumento Retângulo (você) e desenhe um retângulo grosseiro na tela da imagem. Escolha uma cor de preenchimento para o retângulo e remova o traço.

No pintura Camadas, clique com o botão recta do mouse na categoria com seu retângulo e clique em Transmutar em objeto inteligente. A partir daqui, podemos transformar o objeto inteligente. Para vincular o Instrumento Transformar pressione [Cmd + T] no Mac e [Ctrl + T] no Windows.

Com a utensílio Transform ligada, segure o Cmd (Mac) ou Ctrl (Windows) para insignificante e passe o cursor em um quina do retângulo até que ele se transforme em uma seta branca. Usando esta seta, clique e arraste cada quina do retângulo para os cantos da tela na foto.

Quando o retângulo estiver desempenado, clique duas vezes em qualquer lugar para empregar o efeito. Isso agora criou um objeto inteligente, que é para onde seu design irá.

3. Adicione uma máscara, se necessário

Se você tiver obstáculos adicionais em sua imagem, porquê a tela do laptop obstruindo a tela do computador em nossa imagem, você pode usar uma máscara de categoria para trabalhar com seu objeto inteligente.

Crie o objeto inteligente que cobre as obstruções usando as etapas na seção anterior. Em seguida, no pintura Camadas, clique em Fabricar máscara de categoria. Usando uma utensílio de seleção (eu), selecione tudo na foto, excluindo a tela onde ficará sua maquete.

Depois que todo o resto estiver selecionado, pressione o botão Excluir tecla no teclado. A miniatura da Máscara de Categoria em seu Quadro de Camadas mostrará uma forma branca onde a tela está e todo o resto ficará preto e mascarado.

4. Adicione seus designs

Depois de fabricar um objeto inteligente, é hora de juntar seu design à sua maquete.

Abra o design solicitado no Photoshop e selecione tudo pressionando [Cmd + A] no Mac ou [Ctrl + A] no Windows. Copie a seleção e volte para a janela com seu design de maquete. Encontre a categoria que contém seu objeto inteligente e clique duas vezes na caixa de objeto inteligente no pintura Camadas. Isso abre o objeto inteligente em uma novidade janela.

Agora, você pode grudar seu design copiado anteriormente. Transforme o tamanho para que cubra todo o retângulo. Uma vez definido o tamanho, salve a imagem pressionando [Cmd + S] no Mac ou [Ctrl + S] no Windows. Saia da janela mal ela for salva.

Volte para a janela principal; você deve ver seu design de maquete concluído com sua novidade tela.

5. Torne-o realista

Você pode deixar sua maquete porquê está, mas para levar seu design para o próximo nível, você pode juntar clarão ou reflexos realistas à tela do computador, supra do seu objeto inteligente.

Para visualizar o clarão oriundo, use o Visibilidade botão na categoria de objeto inteligente. Veja porquê a luz incide na tela na foto original. Quando você liga a visibilidade, o clarão oriundo da tela desaparece e parece um pouco projecto.

Selecione a miniatura da máscara de categoria na categoria pretendida, clique com o botão recta do mouse e escolha Aditar máscara à seleção. Em seguida, adicione uma novidade categoria e clique no botão gradiente utensílio. Vamos usar um gradiente linear preto e branco, colocando o branco onde a luz atinge sua tela.

Com seu gradiente no lugar, altere o modo de mesclagem da categoria para Multiplicar. Isso dá o efeito polarizador do clarão da tela, o que torna sua maquete mais realista.

Agora você tem um padrão completo que pode salvar porquê PSD para usar em vários designs no horizonte. Tudo o que você precisa fazer é modificar a imagem na categoria de objeto inteligente.

Relacionado: Porquê salvar imagens de subida qualidade no Photoshop

Crie seus próprios modelos de tela no Photoshop

Usar suas próprias fotos e designs de maquetes dá mais integridade ao seu trabalho e o separa de outros artistas. Ele adiciona um toque pessoal aos seus designs e oferece mais controle sobre o resultado final. Consulte levante guia simples para fabricar sua própria maquete de tela do zero.

Leia a seguir

Sobre o responsável