Trabalhando com Mockups 01

Olá pessoal,

nos grupos de computação gráfica Livre sempre surge a dúvida de como tratar Mockups criados para Photoshop no Gimp. Bem, cada caso é um caso, depende de como o arquivo .psd foi montado. Pretendo nesta série mostrar algumas soluções sobre este assunto.

 

Conceituando Mockup

De acordo com a  Wikipedia

Em manufatura e design, um mockup ou mock-up, é um modelo em escala ou de tamanho real de um projeto ou dispositivo.

Ele é muito utilizado no meio gráfico para termos uma aproximação muito real do produto final. Tanto para estudo quanto para apresentação para o clinte.

Situação de Mockup número 01

Nesta primeira situação, vamos mostrar um exemplo bem simples de mockup. Ele basicamente trabalha com máscaras e sombras.

Para quem nunca teve contato com máscaras o Gimp aconselho a ler estes artigos aonde abordo o assunto, Recorte de cabelo no Gimp e Cabelos coloridos.

O primeiro passo é baixar o mockup, aqui usamos um exemplo do Freepick.

Também trabalharemos com o papel de parede oficial do GNUGRAF como exemplo de capa.

Virá um arquivo .zip com vários arquivos dentro. Descompacte o arquivo OSV6DW1.psd e o abra no Gimp.

No final sua área de trabalho deverá ficar assim.

Primeiro passo e importar o papel de parede do GNUGRAF.

Com a ferramenta Redimencionar, ajuste e posicione o papel de parede.

Crie uma máscara transparente para a camada do papel de parede.

O próximo passo é pegar a máscara da camada inferior e colocar na máscara da camada do papel de parede.

Para isto temos um macete por se tratar de uma máscara simples. Exibimos a máscara da camada inferior, selecionamos a parte branca com a ferramenta de Seleção contígua e pintamos a máscara do papel de parede na seleção de branco.

Esconda a máscara da camada inferior

Veja o resultado final!

Bem pessoal é isto! Espero que tenham gostado do artigo depois deste longo inverno.

Até a próxima pessoal!