Trabalhando com Mockups 04

Ola pessoal,

finalmente chegamos ao último capítulo desta saga. Até agora foi ensinado como consumir um arquivo de Mockup já pronto. Mas esta série não seria completa se não fosse ensinado a criar um Mockup do zero.

Sempre temos que analisar todos os obstáculos de um projeto. 

Se repararmos  em todos os artigos anteriores, o grande segredo de um mockup é uma boa máscara. Uma boa márcara é feita de uma imagem base, onde todas as curvas e dobras estão contidas nela. Em certas situações, precisamos de um mapa de brilho, que deve obeder aos mesmos preceitos da máscara.

Sabendo disto, o que vou ensinar é nada mais, nada menos que uma variação das técnicas já ensinadas anteriormente. Como diferencial, vou usar a ferramenta perspectiva ao invés da ferramenta redimensionar.

Para quem está lendo este artigo agora aconselho a ler antes os seguintes artigos:

Trabalhando com Mockups 01
Trabalhando com Mockups 02
Trabalhando com Mockups 03

Neles contém os passos que vou pular neste artigo.

Situação de Mockup número 04

Ao contrário de outros artigos, não vou pedir desta vez para baixar um arquivo .psd, hoje vamos trabalhar com esta imagem base.

Notem que todas as dobras e texturas já estão criadas. Caso a imagem base que você encontre seja escura ou cinzenta, faças os passos de criação de máscara que se encontra no Trabalhando com Mockups 03 .

Neste exemplo isto não será necessário.

Também trabalharemos com este layout.

Primeiro passo é criar um novo projeto no Gimp

Vá em Arquivo\Nova, crie uma imagem de 3000px de largura por 2000px de altura. Nas opções avançadas, o campo Preencher com, coloque a opção transparente.

Importe a imagem base e a centralize na área de trabalho. Ela tem de ser a camada superior.

Importe o layout, deixe-o na camada superior.

Use a ferramenta de Perspectiva para posicioná-lo.

Selecione a camada base, vá ao menu Editar\Copiar.

Selecione a camada layout, crie uma máscara transparente.

Selecione a máscara transparente, vá ao menu Editar\Colar. Clique na opção Fixar a seleção flutuante para inserir a máscara na camada Layout.

Pronto, todas as propriedades da imagem base foram aplicadas ao layout.

Agora vamos melhorar a composição desta cena.

Apague a camada layout.

Duplique a camada base e use a ferramenta Ajustar níveis para escurecer a cópia.

Clique  e arraste a camada cópia para baixo da camada base.

Use a ferramenta mover para posicionar a cópia mais ou menos assim.

Vá ao menu Camada\Camada para o tamanho a imagem.

Isto irá redimensionar o tamanho da camada para o tamanho total da imagem.

Ao final, acenda a camada layout.

Escolha uma cor harmoniosa com o layout.

Clique e arraste a cor para camada fundo.

Veja o resultado final!

Com este artigo encerramos nossa série sobre Mockups. Espero sinceramente que todas estas informações sejam úteis para você.

Um forte abraço e até a próxima pessoal!

Deixe um comentário

O seu endereço de e-mail não será publicado.

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.