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

Esqueci-me da senha

Últimos assuntos
» Procuro Programador de game maker
por Wou Sex 15 Mar 2024, 10:27

» Retorno da GMBR!!!
por vinians Qui 14 Mar 2024, 19:07

» Mod APK
por gamerainha Qua 13 Mar 2024, 06:30

» Mudar cor de apenas uma palavra
por lunalol Sex 01 Mar 2024, 13:42

» Aceito pedidos de sprites (Com exemplos meus)
por Sevilha Qua 28 Fev 2024, 12:17

» Inventário simples
por Isquilo_Roedor Qui 22 Fev 2024, 15:18

» Problemas na programaçnao de inimigo [jogo DOOM LIKE]
por Black Mirror Dom 11 Fev 2024, 13:34

» ANDROID MULTI TOUCH
por DiegoBr Dom 04 Fev 2024, 12:13

» Servidor de Discord do fórum?
por Lighter Sáb 27 Jan 2024, 17:18

» Save e Load Json
por Klinton Rodrigues Qui 25 Jan 2024, 11:12

» Colisão com mais de um objeto
por aminaro Seg 22 Jan 2024, 15:02

» Oi sou novo aqui
por Thiago Silveira Alexandre Sáb 20 Jan 2024, 20:55

» Como acessar conteudo comprado no marketplace
por macmilam Sex 19 Jan 2024, 07:42

» Devlogs em vídeos do Block Room
por Joton Seg 15 Jan 2024, 16:56

» Alguém aqui já ganha dinheiro com seus games?
por Joton Seg 15 Jan 2024, 16:49

» ACERVO GMBR MAGAZINE
por Joton Qui 11 Jan 2024, 19:21

» como aumentar o obj sem aumentar a colisão??
por GabrielXavier Qua 10 Jan 2024, 07:21

» Asteroid Core - Early Acesse Update [0.2.0.0]
por JOZ. Seg 08 Jan 2024, 14:39

» Versionamento de código com GitHub
por GabrielXavier Seg 08 Jan 2024, 07:32

» Rio Rise - novo launcher do Gta San Andreas SAMP Brasil
por kolesovsup Sex 29 Dez 2023, 07:16

» a funçao approach ainda existe?
por PEDRINDEV Ter 26 Dez 2023, 20:05

» Inimigo ataca até por trás! >:(
por saim Sex 22 Dez 2023, 08:55

» [RESOLVIDO]Spawn após morte
por Deception_1999 Dom 17 Dez 2023, 16:39

» Remunerado $$$ - Procuro programador para ajudar a "montar" um jogo
por theguitarmester Sáb 02 Dez 2023, 16:28

» Game maker nao abre
por Cerf Dom 26 Nov 2023, 12:01


Tutorial photoshop (colorir, luz e sombra)

+3
Livsk
Mr.Brum
Joton
7 participantes

Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Tutorial photoshop (colorir, luz e sombra)

Mensagem por Joton Dom 24 Jul 2011, 16:41

Frequentando à algum tempo o fórum percebi que o pessoal na maioria ou usa o paint, ou photoshop, para colorir os desenhos feitos. Para quem tá iniciando na criação de desenhos vou passar algumas dicas de como melhorar um desenho final.

Ferramentas utilizadas: Paint e photoshop
Tutorial photoshop (colorir, luz e sombra) T1
Se caso você fazer um desenho de linhas de contornos finos, a sugestão é fazer um desenho grande para se evitar uma imagem muito serrilhada. Depois redimensiona-lo para não ficar um arquivo gigante. No final do tutorial ensino como redimensionar no photoshop. Linhas mais grossas são as melhores para os iniciantes no desenho, pois não fica tão serrilhado e não tem o problema de precisar redimensionar.

Bob Esponja te ajuda no aprendizado

Aqui tem dois links do bob esponja para você salvar no pc, então baixe-os:

Preto e branco
colorido

O bob em preto em branco vamos colorir, o que já está colorido vamos pegar base de cores
Tutorial photoshop (colorir, luz e sombra) T2
Note que os arquivos estão em GIF o photoshop não faz luz e sombra em arquivos GIF, então abra o bob esponja em preto e branco no paint e sem alterar nada, salve no formato bitmap de 24 bits.

Trabalhando no photoshop
Tutorial photoshop (colorir, luz e sombra) T3

Saiba que não é tão difícil mexer no photoshop, é sua facilidade e resultados impressionantes que o tornou tão popular entre os designs gráficos. A versão que uso é o CS4 portátil em português, mesmo se o seu for em inglês, siga como fazer pelas imagens, outras versões não devem ser tão diferente da que uso, então vamos lá.

Vá em arquivo e abra (crtl+O) os dois desenhos do bob esponja em bitmap, quando eles estiverem dentro do photoshop, vai aparecer duas abas como estão marcadas pelos números 2 e 3 na imagem.

Os comandos marcados pelos quadrados vermelhos são os que você irá usar para fazer o passo-a-passo desse tutorial, vou explicar um por um.

1- Com ele que você abre, salva e exporta arquivos de imagens e o formato PSD do próprio photoshop.

2- É a aba de uma imagem que está oculta pois outra imagem está selecionada, geralmente ela fica cinza escuro quando não está selecionada

3- É a aba da imagem selecionada para ser editada, ela fica cinza claro quando selecionada

4- letreiro retangular, usasse para anular a varinha magica (pelo menos uso pra fazer isso).

5- Varinha magica, seleciona e limita uma determinada região da imagem onde será editada.

6- Conta-gotas, escolhe alguma cor dentro da imagem ao clicar com o mouse a cor escolhida aparece na caixa de cor (marcada pelo 10 na imagem)

7- Pincel, usasse para colorir, luz,sombra e recursos diversos

8- lata de tinta, preenche por inteiro com a cor da caixa de tinta

9- histórico, é o crtl+Z do photshop, ao clicar nele você tem um histórico do que você já fez

10- Caixa de tinta, mostra as cores que serão usadas para colorir, note que existe uma atrás da caixa principal, essa segunda caixa de tinta serve como "cor reserva", aperte o X do teclado que as cores mudam de posição entre principal e reserva.

Vamos colorir o Bob Esponja?
Tutorial photoshop (colorir, luz e sombra) T4
Vá em arquivo e abra as duas imagens do bob (ctrl+O) no photoshop, ficará duas abas no canto superior. No desenho preto e branco, use a varinha magica para selecionar o corpo do bob, vai aparecer uma linha se mexendo no contorno dele, como marcado de vermelho na imagem à cima.
Tutorial photoshop (colorir, luz e sombra) T5
Na aba que está o bob referencia de cores, com o conta-gotas clique no amarelo dele, automaticamente a caixa de tinta muda para o amarelo que você escolheu.
Tutorial photoshop (colorir, luz e sombra) T6
Volte para o bob preto e branco, e com a lata de tinta preencha o corpo do bob, ficará igual a imagem à cima.
Tutorial photoshop (colorir, luz e sombra) T7
Clique no pincel.
Tutorial photoshop (colorir, luz e sombra) T8
No canto superior onde está marcado pelo quadrado vermelho, clique dentro dele, abrirá uma caixa de tamanhos de pincel, clique duas vezes no tamanho 45.
Tutorial photoshop (colorir, luz e sombra) T9
Agora clique na caixa de tinta, abrirá uma palheta de tintas, note que existe uma esfera dentro dessa palheta e quando se coloca o mouse, o ponteiro também fica redondo, para pegar uma cor mais escura, coloque o mouse (indicado pelo numero 2 na imagem), um pouco abaixo da esfera da palheta (indicado pelo numero 1 na imagem), e dê um clique, depois OK, veja que a caixa de tinta mudou para a cor escolhida por você.
Tutorial photoshop (colorir, luz e sombra) T10
Com o amarelo mais escuro pinte os cantos que você acha que devem ter sombras. Para ajudar escurecer mais ainda o amarelo, no canto superior clique na caixa que está marcada pelo quadrado vermelho na imagem à cima, escolha "multiplicação".

Obs: Uso muito esse recurso por clarear ou escurecer a cor aos poucos, sem precisa ficar mudado as cores na caixa de tinta, o "multiplicação" escurece quando mais se clica na região pintada, o "divisão" clareia a cada clique na região pintada
Tutorial photoshop (colorir, luz e sombra) T11
Lembrando que caso você não goste de algo feito, vá no histórico e volte para alguma etapa já feita.
Tutorial photoshop (colorir, luz e sombra) T12
Agora abra novamente a caixa de tinta, escolha um amarelo mais claro e clique OK para fazer a luz no bob.
Tutorial photoshop (colorir, luz e sombra) T13
Vá na caixa marca pelo quadrado vermelho e escolha "divisão", para ajudar a clareia o amarelo a cada clique do pincel.

Tutorial photoshop (colorir, luz e sombra) T14
Não é possível mostrar todas as etapas de colorir o bob esponja porque o tópico ficaria monstruosamente grande, mas mostrei o passo-a-passo principal e só fazer os mesmo procedimentos para pintar calça, braços, camisa, joelhos e etc, sem mistério.

O meu Bob colorido ficou como na imagem à cima, mesmo que você não saiba usar o photoshop o resultado não vai ficar tão longe do que fiz. Caso você coloriu o bob esponja, poste ele aqui para o pessoal ver como ficou.

Vamos salvar o Bob esponja?
Tutorial photoshop (colorir, luz e sombra) T15
Vá em arquivo e clique em "Salvar para web e dispositivos" (Alt+Shift+Crtl+S)
Tutorial photoshop (colorir, luz e sombra) T16
1- Escolhe o formato da imagem, JPG, GIF e PNG
2- Dimensiona o tamanho da imagem para menor ou maior, ele é bom para se caso algum site exige uma dimensão, exemplo 400x400, desmarque na corrente para editar largura e altura individualmente.
3- Dimensiona em porcentagem a imagem
4- Salva a imagem (sem segredo)
Tutorial photoshop (colorir, luz e sombra) T17
Escolha onde ficará o desenho. Pronto você salvo o Bob esponja calça quadrada.

Considerações Finais

Espero ajudar muita gente com esse tutorial, que seja muito útil a quem seguir o passo-a-passo, e que seja o ponta pé para quem ainda não sabe usar o photoshop.

Duvidas? Ou sugestão para melhorar esse tópico, poste um cometário que eu tento responder na medida do possível néh!
Joton
Joton

Games Ranking : Nota B

Notas recebidas : A+B+C
Data de inscrição : 25/07/2010
Reputação : 5
Número de Mensagens : 867
Prêmios : Tutorial photoshop (colorir, luz e sombra) Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 2 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Plataformas :
  • Game Maker Studio 1.4
  • Unity
  • Javascript


http://jotonsn.blogspot.com/

Ir para o topo Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Re: Tutorial photoshop (colorir, luz e sombra)

Mensagem por Mr.Brum Dom 24 Jul 2011, 17:12

Bom tutorial...
Gostei muito, agora me animei a tentar aprender mecher no fotoshop!!
vlw
Mr.Brum
Mr.Brum

Games Ranking : Nota C

Notas recebidas : D + D + C + C + D + B
Data de inscrição : 28/04/2011
Reputação : 41
Número de Mensagens : 914
Prêmios : Tutorial photoshop (colorir, luz e sombra) Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 1 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

http://mrbrumgames.blogspot.com/

Ir para o topo Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Re: Tutorial photoshop (colorir, luz e sombra)

Mensagem por Livsk Dom 24 Jul 2011, 17:28

Gostei do tutorial,

eu só uso o paint, as vezes que vou no macromedia flash por preguiça de fazer o gráfico.

Acho que esse tuto vai ajudar muita gente, eu já pensei em usar o photoshop mas nunca entendi como mexer!

Parabéns, Flw!
Livsk
Livsk

Games Ranking : Nota C

Notas recebidas : C + C + D + D + D + D + B + B + A + C + B
Data de inscrição : 02/06/2011
Reputação : 13
Número de Mensagens : 365
Prêmios : Tutorial photoshop (colorir, luz e sombra) Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 1 Prata x 0 Bronze x 1

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Re: Tutorial photoshop (colorir, luz e sombra)

Mensagem por GameMakerTutoriais Dom 24 Jul 2011, 18:03

O resultado final ficou bem legal! Gostei do sombreado... Muito bom!
avatar
GameMakerTutoriais

Data de inscrição : 29/01/2011
Reputação : 26
Número de Mensagens : 800
Prêmios : Tutorial photoshop (colorir, luz e sombra) Empty

Medalhas x 0 Tutoriais x 4 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Re: Tutorial photoshop (colorir, luz e sombra)

Mensagem por GeorgeHatake Dom 24 Jul 2011, 19:22

eu vi só as imagens do tutorial, cara, eu acho que eu vou aprender muito com isso! eu não li porque to viajando, mas quando chegar no cafofo eu vou ler com bastante atenção XD
vlw por escrever o tutorial manolo.
GeorgeHatake
GeorgeHatake

Games Ranking : Nota D

Notas recebidas : D+D+D
Data de inscrição : 13/03/2011
Reputação : 0
Número de Mensagens : 216
Prêmios : Tutorial photoshop (colorir, luz e sombra) Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Re: Tutorial photoshop (colorir, luz e sombra)

Mensagem por Pickler Dom 24 Jul 2011, 19:44

Poxa, parabéns eu entrei no tópico só querendo ver o que você fez e tal mas, depois dessa frase eu mudei de postura e fui procurar o meu DvD que tem o photoshop...
Ainda estou procurando kk...Eu tinha desistido por que achava difícil...¬¬

Joton escreveu:
Saiba que não é tão difícil mexer no photoshop, é sua facilidade e resultados impressionantes que o tornou tão popular entre os designs gráficos.

E realmente o resultado final é lindo!!

Alias, parabéns de novo pelo belo tutorial.

Obrigado abraço
Pickler
Pickler

Data de inscrição : 22/06/2011
Reputação : 0
Número de Mensagens : 101
Prêmios : Tutorial photoshop (colorir, luz e sombra) Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ir para o topo Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Re: Tutorial photoshop (colorir, luz e sombra)

Mensagem por Super Games Dom 24 Jul 2011, 22:03

Nossa!Amei o resultado, é interresante saber que o BobEsponja é útil em um tutorial de PhotoShop xD, amanhã vou testar o tutorial, mas vou tentar com um Mário.
Super Games
Super Games

Games Ranking : Nota C

Notas recebidas : C
Data de inscrição : 10/06/2010
Reputação : 36
Número de Mensagens : 2799
Prêmios : Tutorial photoshop (colorir, luz e sombra) Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 0 Prata x 1 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Plataformas :
  • Game Maker 8.0 ou 8.1
  • Game Maker Studio 1.4
  • Game Maker Studio 2.0
  • Java
  • C ou C++


Ir para o topo Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Re: Tutorial photoshop (colorir, luz e sombra)

Mensagem por Joton Ter 26 Jul 2011, 17:27

Obrigado pessoal pelos comentários, fiz esse tutorial devido o pedido do GeorgeHatake, ano passado eu tinha essa mesma dificuldade de encontrar algo fácil que ensinasse luz e sombra, e foi indo numa palestra sobre photoshop, que aprendi isso que passei no tutorial, hoje estou me aperfeiçoando cada vez mais, pois ainda tem muita coisa que quero aprender a fazer no photoshop o/
Joton
Joton

Games Ranking : Nota B

Notas recebidas : A+B+C
Data de inscrição : 25/07/2010
Reputação : 5
Número de Mensagens : 867
Prêmios : Tutorial photoshop (colorir, luz e sombra) Empty

Medalhas x 0 Tutoriais x 0 Moedas x 0

Ouro x 2 Prata x 0 Bronze x 0

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Plataformas :
  • Game Maker Studio 1.4
  • Unity
  • Javascript


http://jotonsn.blogspot.com/

Ir para o topo Ir para baixo

Tutorial photoshop (colorir, luz e sombra) Empty Re: Tutorial photoshop (colorir, luz e sombra)

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


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