O que é Mockup? Como faz?

TUTORIAIS

Hello gente!

Hoje vou explicar como usar estes Mockup e explicar direitinho o que seria isso.

Mockup nada mais é do que uma “maquete” ou representação de um objeto/produto em seu tamanho real. Seu principal objetivo é dar VIDA a sua arte, de uma maneira aplicada.

Por exemplo, se você realiza trabalhos de layout não é muito mais bonito se você mostrar o resultado para o seu cliente aplicando o layout em um laptop? Se você faz arte de cartão de visita, não é mais bonito e chama mais atenção quando você apresenta a arte aplicada?

Existe DIVERSOS mockup gratuitos na internet, sendo de cartão de visita, desktop, camisetas, canecas, banner, folhetos, revistas…. Milhares!

Entendemos então que mockup são utilizados como uma forma de promover e de chamar atenção para o seu produto/serviço.

VAMOS AO TUTORIAL?

Programa usado: Photoshop

Nível: Básico

Material usado: BAIXE AQUI O MOCKUP

1 . Abra o Mockup baixado no photoshop. Observe que existem 4 camadas no arquivos, sendo que 1 esta desabilitada. As camadas para mudas a imagem e aplicar a SUA imagem é “Replace Laptop” e “Replace Iphone”. Clique 2x no quadrado em vermelho para abrir uma nova janela. 

Mockup 1

2. Na janela que abriu troque a imagem por uma imagem sua. No meu caso eu coloquei a imagem do blog Clubedaseis (o meu, lógico haha! ).

ARQUIVO>COLOCAR INCORPORADO

Ajuste de uma maneira que cubra toda a imagem debaixo.

Depois para aplicar no arquivo MOCKUP é só clicar no atalho: CTRL+S

Capturar2

3. Observe que a imagem do LAPTOP já mudou! Simples e fácil, né? Faça o mesmo processo com a imagem “Replace Iphone” para concluir.

Capturar3

RESULTADO

MOCKUP CLUBEDASEIS Tutorial dddd.jpg

 

Gostaram do tutorial? Já conheciam e utilizar este método de apresentação?

Para encontrar mais mockup free é só procurar no Google como “Mockup free magazine” “ Mockup Free banner” “ Mockup Free desktop” ou em português.

Espero que tenha ajudado!

 

Anúncios

12 comentários sobre “O que é Mockup? Como faz?

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s