[Tutorial] Como começar a fazer mock-ups

Ir em baixo

[Tutorial] Como começar a fazer mock-ups

Mensagem por @thiago~crvg' em 23/4/2012, 09:23

Bem galera, aqui estou eu para começar a ensinar a vocês a como fazer seus próprios mock-ups. Vamos Começar!

A primeira coisa que temos que saber é conhecer as ferramentas que nós iremos usar. O programa é o Photoshop, o meu é o CS2, mas qualquer Photoshop funciona, independentemente de qual versão você usa. Bom, vamos primeiro conhecer a tela que começaremos a trabalhar.

Então, essa é a nossa tela inicial, bem simples e fácil de mexer, agora notem que temos várias "pastinhas" na tela que estarão em azul. Aqueles são os nossos primeiros passos, todos os detalhes e outras coisas como logos e essas coisas estão ali. Digamos então que nós deixaremos visível o "Nike 1".

[list][*]Para deixar uma camisa visível, clique no "quadrículo" ao lado do nome do kit que você usará.
Então, a imagem ficará assim...

Perceberam? Depois de clicado no "quadrículo", um template novo aparece, com os detalhes que a camisa tem a oferecer. E todas esses detalhes podem ter sua cor mudada. Como? Observem...
[list][*]Para que mais detalhes da camisa apareçam, clique na setinha ao lado do nome "Nike 1"
Então a imagem ficará assim...

Notaram? Abriram-se mais algumas pastas, sendo elas respectivamente denominadas de: "Collar=Gola", "Logos=Marcas ou logotipos da camisa", "Design=A parte dos detalhes".
Vocês assim poderão então repetir o processo de abrir as abas através das setinhas nas pastas e então abrirá uma nova aba, mas não com novas pastas e sim com... layers, que são as camadas da camisa e estas são a parte em que poderemos mexer e mudar as cores, elas são assim...

Enfim as layers, todas elas são "editáveis", ou seja, elas mudam de cor. Mas como mudar de cor? Simples gente, clique em uma imagem de umas dessas layers, então ficará assim...

Eu usei como exemplo a layer "4...", pois ela tem maior visibilidade e é melhor para vocês pegarem no tutorial, mas qualquer uma dessas outras tambem muda de cor. Enfim... clicando na layer, aparece essa janela, depois que aparece aperte em "Color Overlay", e então aparecerá essa janela...

Viram? Vocês apertando em "Color Overlay", a cor automaticamente aparece como "vermelho", mas você clicando nesse "quadrado" vermelho pequeno dentro da página, abrirá então essa janela de cores, escolha a cor, aperte em "OK", e em "OK" denovo. Simples não é? Mas vem aquelas pessoas que dizem: "Mas eu não consigo achar a camada pra trocar a cor da camisa mesmo, e agora?" Não se preocupe, estamos aqui para ajudar mesmo. A layer para trocar a cor da camisa está lá embaixo. Na imagem abaixo mostra bem...

Bom gente, está na pasta "Base", depois vocês clicam na layer "Shape", depois na janela em "Color Overlay", clique no "quadrado" de cores e escolha a cor que você quiser. Simples não acham?! Obrigado à todos por terem lido, tentei simplificar ao máximo pra ajudar vocês. Wink

Mantos Sagrados
avatar
@thiago~crvg'
Administrador
Administrador

Time : Vasco da Gama
Posts : 251
Registrado em : 15/03/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tutorial] Como começar a fazer mock-ups

Mensagem por Fernando Monteiro em 23/4/2012, 20:42

Tópico fixado.

Será de grande ajuda para todos, valeu Thiago Wink

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

Dono e administrador do Fórum BFA e do site Brasfoot Análises.

-- Tópicos de Ajuda --
Manual do Fórum
Regras do Fórum

Wink
avatar
Fernando Monteiro
Administrador
Administrador

Time : São Paulo
Posts : 495
Registrado em : 13/03/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Voltar ao Topo


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