Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

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

2 participantes

Ir para baixo

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

Mensagem por @thiago~crvg' 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.
[Tutorial] Como começar a fazer mock-ups Sem%2Bt%25C3%25ADtulo

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...
[Tutorial] Como começar a fazer mock-ups Sem%2Bt%25C3%25ADtulo

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...
[Tutorial] Como começar a fazer mock-ups Sem%2Bt%25C3%25ADtulo

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...
[Tutorial] Como começar a fazer mock-ups Sem%2Bt%25C3%25ADtulo

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...
[Tutorial] Como começar a fazer mock-ups Sem%2Bt%25C3%25ADtulo

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...
[Tutorial] Como começar a fazer mock-ups Sem%2Bt%25C3%25ADtulo

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...
[Tutorial] Como começar a fazer mock-ups Sem%2Bt%25C3%25ADtulo

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
@thiago~crvg'
@thiago~crvg'
Administrador
Administrador

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

Ir para o topo Ir para baixo

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

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

Tópico fixado.

Será de grande ajuda para todos, valeu Thiago Wink
Fernando Monteiro
Fernando Monteiro
Administrador
Administrador

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos