[TUTORIAL] - Como fazer Mock-ups

Ir em baixo

[TUTORIAL] - Como fazer Mock-ups

Mensagem por [CRF] em 30/12/2011, 14:56

Introdução: Muita gente me pergunta sobre como fazer mock-ups. Nesse tutorial, irei explicar detalhadamente como fazer um mock-up. Não é uma missão impossível, mas requer certa habilidade e depende do gosto do mock-up maker.



GLOSSÁRIO: Mock-up Maker é a pessoa que faz Mock-ups.

Do que você precisa:
  • Adobe Photoshop (Qualquer tipo e qualquer modelo. O que é necessário é que ele esteja funcionando perfeitamente.

  • Templates (Qualquer tipo que seja compatível com o Photoshop)




Usaremos nesse tutorial o Adobe Photoshop Portable CS5 (Traduzido para o Português)
A camisa que será usada como exemplo é do Juventus-SP, fantasy. A pedido de Fernanda Mohamed.
O Template será o FB Kits versão 8.0, no fim do tutorial colocarei o link.

Abra o Photoshop:

Pressione Ctrl+O e selecione a Pasta do Template:

Depois de abrir a pasta do template, abra a subpasta da marca que deseja fazer a camisa:

Feito isso, abra o template que quiser, analisando as prévias para ver qual template cai bem.


Com o template aberto, selecione a camada do template que deseja:

Agora basta apenas colorir a camisa e por os patrocinadores. Para colorir a camisa em si, vá na camada base e abra. Dê um clique duplo na sub-camada shape, e aparecerá a seguinte tela:

Clique em sobreposição de cor e aparecerá essa tela:

Clique na ''caixinha'' que está circulada acima e aparecerá isso:

Agora basta escolher a cor. Para mudar a coloração, mude essa coisinha que está quadriculado e arraste as setinhas laterais para cima e para baixo para escolher a coloração desejada. Faça o mesmo com as camadas dos detalhes da camisa.
Depois de ter colorido a camisa e os detalhes, o mock-up ficara assim (Não exatamente assim igual na imagem, mas digamos que 80% do Mock-up já está pronto):

Agora basta por os patrocínios e o escudo. Você pode encontrar os principais patrocínios e os principais escudos no Pack de iniciante em mockups, que chega a sua terceira versão. Ele está disponível para download neste mesmo fórum, mas deixarei o link aqui também. Como o escudo do Juventus-SP, não está no Pack, teremos que procurar na internet.
Vá no Google Imagens e pesquise: nome do time.png (Exemplo: juventussp.png):

Neste caso não achamos em .png, o que faremos? Procuraremos o escudo em outro formato:

Salve a imagem no computador. No photoshop, pressione Ctrl+O, vá na pasta em que salvou a imagem e abra:

Selecione a imagem (Ctrl+A), copie (Ctrl+C) e cole na camisa (Ctrl+V), com fundo ainda.

Para tirar o fundo, clique neste ícone, no lado esquerdo da tela:

Selecione o fundo arrastando o mouse por todo o fundo, quando tudo estiver selecionado, tecle Delete. Depois, aperte Ctrl+A, depois Ctrl+T. Diminua o tamanho do escudo com o botão esquerdo do mouse, segurando Shift. Faça o mesmo com os patrocínios:


Para salvar o seu mock-up, pressione Ctrl+Alt+S, e salve na área de seu desejo. Salve em PNG.



Links:
FB Kits: https://rapidshare.com/files/981968994/FbKits_-_Template_pack_v9.rar
Adobe Photoshop CS5: http://www751.megaupload.com/files/9e2d697394026aba604adab6970d8d2c/PS.CS5.PTBR.Portable.baixedetudo.net.rar
Pack: http://adf.ly/246619/http://www.4shared.com/rar/dzjIWrJm/Pack_do_iniciante_em_mockups_-.html?


----------------------------------------------------------------------------------------


Vejam minha história como treinador do Atlético-GO
http://forum.brasfootanalises.com.br/t859-o-mundo-do-futebol
avatar
[CRF]
Membro
Membro

Time : Flamengo
Posts : 411
Registrado em : 28/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [TUTORIAL] - Como fazer Mock-ups

Mensagem por Genérico em 1/1/2012, 16:58

Mas ai esta o problema eu não sei usar o photoshop mesmo com vc explicando Crying or Very sad

Genérico
Membro
Membro

Time : Flamengo
Posts : 17
Registrado em : 01/01/2012

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum