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!
Compartilhe isso:
- Clique para compartilhar no Twitter(abre em nova janela)
- Clique para compartilhar no Facebook(abre em nova janela)
- Clique para compartilhar no Telegram(abre em nova janela)
- Clique para compartilhar no WhatsApp(abre em nova janela)
- Clique para imprimir(abre em nova janela)
- Clique para compartilhar no LinkedIn(abre em nova janela)
- Clique para compartilhar no Reddit(abre em nova janela)
- Clique para compartilhar no Tumblr(abre em nova janela)
- Clique para compartilhar no Pinterest(abre em nova janela)
- Clique para compartilhar no Pocket(abre em nova janela)
4 pensamentos em “Trabalhando com Mockups 01”