Ir para conteúdo


Foto

[Tutorial] - Primeiros passos - Designer

-KnoT Tutorial

  • Este tópico está fechado Este tópico está fechado
Não há respostas para este tópico

Enquete: [Tutorial] - Primeiros passos - Designer (6 membros votaram)

Este tutorial lhe ajudou?

  1. Sim (5 votos [83.33%])

    Porcentagem de votos: 83.33%

  2. Não (1 votos [16.67%])

    Porcentagem de votos: 16.67%

Votar

#1 OFFLINE   -Knot

-Knot

    Advanced Member

  • Membro
  • 80 posts

Postado 16 outubro 2014 - 05:56

Olá galerinha vim trazer um tutorial top para todos os que decidirem se tornar um designer, esse tutorial irá ajudar a todos.
 
OBS: Peço a todos, que sigam passo por passo, alguns vão querer pular de um nível para outro, isso é errado, deixarei cada nível específico, por favor, não venham com essa de pular do nível 1 para o 5.
 
Créditos:DSO_Knot
 

Vamos lá.

 
Download do programa usado em edições de imagens, usado também para fazer Signs.
 
 

A primeira coisa que todos nós devemos saber são os tamanhos/Dimensões mais comuns usadas em trabalhos, e também os comandos que são usados para facilitar o trabalho, e assim terminando mais rápido, e facilmente.

 

 
 

 

 

 

 

Dimensões usadas:

 
Avatar: 150x250 -- 150x200 (Cada tamanho depende do fóruns, que geralmente tem limites).
 
Sign GFX: 400x180 -- 425x200 -- 450x250 -- 450x300 (A sua escolha).
 
Sign Modelada: 400x200 -- 450x250 -- 500x250 -- Aleatório(Com uso da ferramenta recorte).
 
Sign Tech: 450x300 -- 500x300 -- Aleatório.(Com uso da ferramenta recorte).
 
Tag Vertical: 150x300 -- 250x500
 
Banner/Painel/Hierarquia/tipografia 3D/UserBar: Aleatórios.
 
OBS¹: Tamanhos destacados em Vermelho são as dimensões padrão.
 

OBS²: A ferramenta Recorte é para ser usada após fazer uma borda na dimensão desejada...Geralmente a ferramenta recorte está centralizada no canto esquerdo do Photoshop. pLpc5sY.png

 

 

 

 

 
Outra coisa importante os comandos para facilitar o uso do Photoshop.
 
Aqui os que você mais vai usar.
 

 

 

 

 

Comandos ||básicos||

Ctrl+T = Redimensionar imagem (Sempre segurando o Shift para não sair dos padrões).

Ctrl+C = Copiar
Ctrl+V = Colar
Ctrl+S = Salvar arquivo em PSD.
Ctrl+N = Novo Documento
Ctrl+O = Abrir Arquivo
Ctrl+Z = Voltar a traz
Ctrl+w = Fechar (Tome cuidado ao usar, ou pode perder seu trabalho)
Ctrl+Q = Sair (Tome Cuidado ao usar, pode perder seu trabalho)
Ctrl+Shift+S +Salvar arquivo como
Ctrl+alt+Z = Voltar a traz continuamente
Ctrl+Alt+Shift+S = Salvar arquivo para Web e Dispositivos (Esse comando é usado para salvar a imagem, não PSD)
Ctrl+A = Seleção

Ctrl+D = Retirar Seleção

 

 

 

 

 

 
 
 

Nível 1 ||Iniciante||

 
O primeiro nível por incrível que pareça é o mais difícil de todos, pois terão que ver vários tutoriais, aprender/Memorizar todos os comandos e tamanhos, fora que por falta de prática fazer um trabalho, não vai ser questão de rapidez, e nesse caso paciência é o que todos deveram ter...
 
Em primeiro lugar, como eu falei não invente de pular um nível, comece pela GFX.
Abre o Photoshop, Clique em "Arquivo" no canto superior esquerdo do Photoshop kxN9Gbo.png, após isso clique em Novo, pXoY8kp.png, Ou se preferir (Ctrl+N)
 
Após isso irá abrir a seguinte janela: Nvaf7Ei.png
 
OBS: As setas vermelha está marcando onde você deverá alterar para com está a imagem acima, o resto pode deixar como está, "Largura, Altura" é onde você colocará a dimensão da sign.
 
Após criado irá mostra uma área vazia, onde não terá nada além um fundo transparente, (Quadriculado provavelmente).
 
Nesta área retangular que você ira fazer seu trabalho...
 

Irei passar alguns tutoriais para vocês, espero que todos sigam os tutoriais.

 

 

 

Créditos: Guugaxy
 
Créditos: DSO_Knot Eu :P
 

Créditos: Crawzler

 

 

 
 
Com esses tutoriais, você vai praticando...
OBS: Todo trabalho que você fizer recomendo a você postar na nossa Galeria para que possamos avaliar isso ajuda muito em um começo, a evolução é enorme, é garantido  :D 
Galeria
Por favor leia as regras antes de postar.
 
Após ver os tutoriais obviamente irá querer praticar, e precisará de alguns recursos...
Então eu separei alguns para que vocês usem e treinem bastante.

____________________________________________________________________________________________________________

 
 
OBS: Todo download foi upado no 4Shared, ou seja ja foi escaneado.
Caso o link esteja com erro me avise...
 

____________________________________________________________________________________________________________

 

 

____________________________________________________________________________________________________________

 

 

 

Dica: Quando começar tente usar mais imagens no lugar de só renders, ou stocks, aprenda também a dar um tratamento básico na imagem é simples.

Duplique a imagem com CTRL+J, vá em filtro > desfoque > desfoque Gaussiano..., Diminua a opacidade em uns 40 ou 80% independentemente da imagem e pronto, Após isso vá em filtro novamente > Tornar Nítido > Tornar Nítido Novamente. Outra dica é sempre deixe a tipografia simples, só trabalhe na Fonte que você irá usar...Para downloads de Fonts eu recomendo o site DaFont.net

 

 
 

 

 

Nível 2 ||Intermediário||

(em Construção)
...

 


  • 0




0 usuário(s) está(ão) lendo este tópico

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)