Preencha todos os campos!

Colorindo uma imagem

Um pouco sobre os estilos de sombra

22/08/2010 por --=July=--

Antes tarde do que nunca, vou falar como eu faço para adicionar sombreado nas minhas imagens - mesmo sabendo que eu dou muitos fails, todo mundo dá, podem me corrigir ou me dar dicas, ficarei muito grata.


Existem dois jeitos (que eu conheça e use) de sombrear uma imagem: se você usa o Paint, ou algum outro editor simples, terá de escolher cores levemente mais claras ou mais escuras do que o tom que você quer dar à sua imagem, que serão usadas pra fazer as sombras e luzes. Se você usa algum editor de imagens mais avançado, que possua a opção de regular a… "opacidade"? (Opacity em inglês.) Se for o caso, deixe as cores da imagem no preto e branco, e mude a opacidade para um valor entre 12 e 20%. Eles vão se adaptar à cor original e garantir que você preserve a textura e a variação de tons da imagem (eu acho beeeem mais simples).


Opacidade e cores pra sombreado


Na hora de sombrear, existem duas coisas que serão definidas: a textura e a perspectiva. Definir a textura é um pé no saco mais chato, porque você precisa estudar exatamente qual o tipo de textura que você quer fazer e como ela vai ficar. Então, se você quiser fazer tijolos, terá de sombrear de um jeito totalmente diferente do que você faria para tábuas de madeira; se quiser fazer um tecido "peludo" o sombreado será bem diferente do de uma blusa de algodão. Normalmente eu faço primeiro o sombreado de textura primeiro, por ser o mais difícil, que já me permite perceber se vai ficar bom ou se eu devo descartar a imagem de vez, para depois colocar o sombreado de perspectiva


O sombreado de perspectiva é o que diferencia os "planos" da imagem. Quando você olha pra uma imagem, a parte dela que está de frente para a luz fica mais clara do que a parte que não está. Na hora de fazer esse sombreado, pegue uma imagem e pense: de onde vem a luz nessa imagem? Isso vai te esclarecer qual lado escurecer e qual não.


Cubo


O que você vai escurecer vai ser basicamente todo o lado não iluminado diretamente (avá) e mais a linha mais próxima da parte escura, na parte clara (pule um quadrado apartir do contorno, para não parecer que você só passou errado). Faça o mesmo na parte escura, com a cor clara (hein? dê zoom na imagem pra entender.) Então, você vai clarear a parte extrema da parte clara, oposta à parte escura. No plano de cima (ex: Telhado) o que você vai fazer vai ser clarear as duas linhas correspondentes à parte clara e escurecer as correspondentes à parte escura, e deixar o meio da cor normal. Nessa imagem, como a superfície do cubo é lisa, esse é o único sombreado que você vai ter.


Sombreado curvo, ou esfumaçado


Quando você for fazer alguma coisa que seja levemente arredondada, ou realmente redonda, se você só colocar as cores diretamente o resultado vai ficar artificial (eu sempre esqueço disso e fico com cara de: "Por que isso tá tão estranho???"). Essa técnica dá a impressão de esfumaçar as cores, também servindo para criar superfícies meio transparentes, tipo uma nuvem, um fantasma, um arco-íris, sei lá.


Esfera sombreada


Ele é feito assim: você escolhe as cores (geralmente só três: a do meio, uma mais clara e uma mais escura) e então traça as linhas do sombreado e da iluminação, seguindo a direção da luz e, mais importante, a curvatura da imagem. Uma vez tendo feito isso, você vai ter três "fatias" de cor. Então, em todos os lugares onde as cores se "tocarem", você vai entrelaçar diagonais das duas cores, mantendo a direcionalidade original. Você não precisa traçar as diagonais das duas cores, escolha só de uma que as outras aparecerão automaticamente. Você não vai fazer isso em toda a extensão das cores, só na parte em que elas se encostarem por uma pequena extensão, para "esfumaçar" aquela parte.


Zoom no sombreado


Esse tipo de efeito é muito utilizado para fazer com que o sombreado de coisas como rosto de grossers fique mais natural. Depois de ter sombreado, você pode escolher entre deixar a linha de contorno preta (é o que eu costumo fazer, simplesmente porque é o que o Habbo faz) ou colocar uma cor ainda mais escura que o sombreado mais escuro (não vai chegar a ser preto. Costuma dar um efeito melhor.)


Com esses dois tipos de sombreado, você consegue fazer praticamente qualquer superfície plana, e sombrear todas as texturas (uma vez que você já a tenha pronta). E, para aprender a fazer texturas, observe: 1) como os outros fazem (eu sei que é feio, mas é vendo que se aprende) e 2) como as coisas são iluminadas e sombreadas na realidade. Não se esqueça de que todo desenho é uma tentativa de imitar a realidade, incluindo o pixel art.



Comentários

Nawaki

, 22/08/10 às 20:17
first?

Eduardo

, 22/08/10 às 20:17
lindo/first

Morato

, 22/08/10 às 20:18
third(?)

Julio

, 22/08/10 às 20:18
July e seus Otimos Tutos, Adorei !

FTWBurn

, 22/08/10 às 20:19
Mac arrasando bom tut.

Rafael

, 22/08/10 às 20:19
first, acho

Rafael

, 22/08/10 às 20:19
Ok, fail, bom tutorial.

--=July=--

, 22/08/10 às 20:23
eu ri do first em sexto xD obrigada.

Luc@ssssDaHora

, 22/08/10 às 21:13
Qual Photoshop é esse?

--=July=--

, 22/08/10 às 21:17
Elements 8 pra mac

Luc@ssssDaHora

, 22/08/10 às 21:18
Não funfa em xp?

--=July=--

, 22/08/10 às 21:21
Deve ter uma versão pra windows, mas não funciona o mesmo serial number. mas fazer ficar de graça pra sempre é bem mais fácil em XP que em Mac

Luc@ssssDaHora

, 22/08/10 às 21:27
HM, ok ele tem todas as funções que tem no Photoshop cs3,cs4,cs5?

Luc@ssssDaHora

, 22/08/10 às 21:28
Porque tenho o Photoshop cs5, se ele tiver as mesmas funções é for melhor eu excluo o cs5 é baixo ele, é aê tem as mesmas funções e é melhor?

--=July=--

, 22/08/10 às 21:36
O cs5 é mil vezes melhor! Ele é o profissional, o elements é amador. Mas eu sou burra/honesta e comprei ele original, e o elements é dez vezes mais barato (sem exagero)

No-No

, 22/08/10 às 21:48
de mais (:

Magrelo0

, 23/08/10 às 14:12
fikdik : photoshop cs5 acha-se na net de graça, Fireworks e bom que você tem mais manipulação com os vetor, photoshop cs5 tem mil vez mais ferramentas que elements :x

dygu

, 23/08/10 às 16:22
Tutorial muito bom!

babatavo

, 23/08/10 às 16:24
Ótimo tuto ! *.*

Ricardo

, 23/08/10 às 16:25
Não gostei... ficou meio nada a ver aquele quadrado. :s

--=July=--

, 23/08/10 às 17:33
Eu sei que o CS5 é melhor Magrelo, mas os que tem de graça na net são para windows, não consegui nada pra mac, e desisti

Bourne

, 23/08/10 às 21:26
Vou aprender a usar ainda.. hahaha Amei o tuto ;)

Junioryeah02

, 24/08/10 às 00:06
Onde baixo o elements?

Sembe

, 24/08/10 às 13:55
July só uma coisinha, a luz do cubo ta muito errada

chivil

, 24/08/10 às 14:28
Nossa é mesmo, o cubo ta incrivelmante errado

Ricardo

, 24/08/10 às 15:03
Não está nada a ver o cubo.

DJLucas.Pedroni

, 24/08/10 às 19:16
Prefiro ainda usar fireworks e usar Inner Shadow e Iner Glow :]

DJLucas.Pedroni

, 24/08/10 às 19:16
ou então só usar paint

=leon=4

, 31/08/10 às 10:37
Muito bom!

Staars

, 12/09/10 às 12:49
Massa, mais difícil

yankairalla

, 22/10/10 às 18:43
Eu tenho uma duvida eu tenho o PhotoShop CS5 da né?.

LukasDesign

, 03/07/12 às 18:59
Me ajudou muito! :D

Comentar

! Para comentar, você deve estar logado. Caso você já seja registrado, faça login, caso contrário, registre-se.
ESSE SITE TEM QUE VOLTAR! PRA SABER MAIS CLIQUE AQUI
x