https://eutenhoumhosterrs.files.word...05/banner1.png
https://eutenhoumhosterrs.files.word...2/05/intro.png
construção ok
Versão Imprimível
https://eutenhoumhosterrs.files.word.../2012/06/1.png
Fala aí, turminha!
Mais uma Dica do Mês chegando -após séculos sem nenhuma ;-; - para a galera e dessa vez abordarei um tema que faz parte de muitas fakes e que os perfeccionistas irão adorar: iluminação. Sei que existe um vídeo-tutorial muito famoso do VK, mas farei este tutorial para deixar como uma segunda opção. Vai que não curtam vídeo-tutoriais ou acharam aquele lá incompleto... Enfim, fica a opção para todos os gostos! :D
Neste tutorial iremos abordar os mais variados tipos de iluminação. Desde as mais básicas, como representar um ambiente escuro -uma caverna, por exemplo- até implementação de técnicas para deixar real uma magia. Portanto, não vá ser uma rúcula e deixar de ler este material, certo? Caso se sinta apto, as áreas de estudo estão divididas da seguinte forma:
- 3. Iluminações Básicas
- 4. Iluminações Naturais
- 5. Iluminações Artificiais
Caso você ache que não precisa saber de alguma área, é só pular para o número de seu interesse. :y:
Então, sem mais enrolação, vamos ao tutorial!
https://eutenhoumhosterrs.files.word.../2012/06/2.png
Dando início ao nosso tutorial, a primeira coisa que preciso falar é que todo ele foi realizado utilizando o Adobe Photoshop CS5.
Citação:
Portanto, tanto o visual quanto alguns comandos e/ou atalho de comandos podem não corresponder ao aplicativo de edição de vocês, caso usem Adobe/Macromedia Fireworks ou versões anteriores do Photoshop (embora no último, acho difícil dar algum erro). Entretanto, não se assuste: poste aqui o problema que você enfrentou e acharemos uma solução.
Ressalvas feitas, então letisgo!Citação:
Um pequeno pré-requisito:
[THREADTIBIABR="446242"]Dica do Mês - Falas[/THREADTIBIABR]
Como estou fazendo dicas mensais, isso meio que se torna uma bola de neve, logo, sugiro que leia o tópico para aumentar seu entendimento.
- Para começo de conversa, abra seu editor de imagens (preferencialmente Photoshop).
- Com ele aberto, abra um documento novo: File/New (ou CTRL+N) ou se já tiver algum trabalho salvo, File/Open (ou CTRL+O).
- Aberta a área para nosso trabalho, tire um Print Screen do seu mapa (não precisa ser bonito, apenas para ter o que trabalhar em cima -até porque não foi ensinado o assunto ainda-).
- Cole-o na área com um CTRL+V.
Até o momento, nosso trabalho está assim:
Como já temos a imagem, só precisamos saber quais ferramentas vamos ter de usar! (Se você já é íntimo do Photoshop, será fácil entender algumas instruções daqui para frente, mas caso você seja novato, eu fiz um [THREADTIBIABR="397685"]tutorial que pode ter dar uma luz[/THREADTIBIABR].)Citação:
https://eutenhoumhosterrs.files.word...12/06/img1.png
Screenshot retirada de um cenário meu . Você pode pegá-la e usá-la para servir como parâmetro no seu estudo!
- A primeira coisa que vemos fazer é deixar nossa paleta de camadas exposta. Para isso, podemos ir em Window/Layers (ou pelo atalho F7).
- Além disso, precisamos ainda conhecer a ferramenta que mais utilizaremos neste tutorial: Create new fill or adjustment layer. Sei que o nome é estranho, mas é bem fácil de achá-la:
- Existe outro método de chegar no mesmo resultado e é pelo caminho Image/Adjustments/lista-de-opções!Citação:
https://eutenhoumhosterrs.files.word.../06/layer1.png
Ícone que representa a ferramenta.
https://eutenhoumhosterrs.files.word...taoaberto1.png
Se você clicar no ícone, ele abrirá uma variedade de opções.
Entretanto, aqui o foco é apenas apresentar o que será estudado. Nas próximas seções estão todos os métodos que serão abordados. Portanto, se você conseguiu reproduzir em seu editor tudo que foi exibido aqui, pode passar para a próxima parte. :y:
https://eutenhoumhosterrs.files.word.../2012/06/3.png
Nesta seção, você será apresentado as situações mais comuns em fakes em que uma iluminação pode ser a chave para representar com fidelidade determinado contexto. Basicamente, veremos aqui como reproduzir iluminações em locais escuros e retratar as etapas de um dia: amanhecer, entardecer e anoitecer.
Finalmente chegou a hora: vamos trabalhar!
1- AMBIENTES ESCUROS:
https://eutenhoumhosterrs.files.word...12/06/semi.png
Esta situação é a mais fácil de fazer uma representação. Não há mistério algum: precisamos apenas escurecer.
- Para dar início, vamos criar uma nova camada: CTRL+SHIFT+N.
- Agora, aperte a tecla G para selecionar a Paint Bucket Tool (ferramenta Balde de Tinta). https://eutenhoumhosterrs.files.word...2/06/paint.png
(Caso a imagem não se pareça com essa, provavelmente você estará com a Gradient Tool. Para alternar entre elas é só apertar SHIFT+G.)
- Com a ferramenta selecionada, escolha a cor Preto (#000000) e pinte toda a camada dessa cor. Vale lembrar que você tem de selecionar a camada nova que acabamos de criar e pintar ela (e não a que contém o cenário).
Como resultado, teremos:
- Na paleta de camadas, ainda com a nova camada selecionada, mude sua Opacidade para 40%.Citação:
https://eutenhoumhosterrs.files.word...2/06/img21.png
Seu trabalho ficou todo preto.
https://eutenhoumhosterrs.files.word.../06/layer2.png
Neste momento, sua paleta de camadas deve estar assim.
Se você chegou até aqui sem nenhum erro, sua imagem está assim:Citação:
https://eutenhoumhosterrs.files.word...12/06/img3.png
Entenda que 40% é um número passível de mudança. EU sempre adoto esse valor, mas sinta-se livra para alterá-lo.
E, por mais incrível que isso pareça, o efeito de escuridão acabou! Bem fácil, não é? :2up:
Segue abaixo alguns exemplos de outros cenários com o mesmo efeito:
Citação:
2- AMANHECER:
https://eutenhoumhosterrs.files.word...12/06/semi.png
Aqui o processo já é mais diferente. Usaremos outras ferramentas para realizar o efeito de amanhecer. Desta vez, as técnicas não estão vinculadas com o balde de tinta e mexer na opacidade para escurecer mas sim trocar as cores do cenário todo.
- Pegue um cenário qualquer (usarei o mesmo de antes).
- Vá em Image/Adjustments/Color Balance ou aperte o botão Create a new fill or adjustment layer (https://eutenhoumhosterrs.files.word...012/06/adj.png)e selecione Color Balance.
- Uma Pop-up provavelmente abrirá:
Agora precisamos mudar o balanço de cores para que fique de acordo com a paisagem que queremos. Aplique as seguintes mudanças:Citação:
https://eutenhoumhosterrs.files.word...12/06/adj1.png
Se você optou pelo primeiro método, talvez tenha aberto uma janela com visual um pouco diferente, mas as funções e nomes são os mesmos!
- Se você fez tudo certo, seu resultado final deve estar assim:Citação:
https://eutenhoumhosterrs.files.word...12/06/adj2.png
Aplique essas configurações em Midtones.
https://eutenhoumhosterrs.files.word...12/06/adj3.png
Aplique essas configurações em Shadows.
https://eutenhoumhosterrs.files.word...12/06/adj4.png
Aplique essas configurações em Highlights.
Basicamente, para fazer esse efeito, precisamos mudar o Color Balance para que ele tenda à cor amarela. Entretanto, duas coisas importantes que precisam ser ditas:Citação:
- Não sature a imagem: a mudança deve ser discreta.
- Caso ache necessário, diminua a opacidade dessa camada de efeitos.
Embora seja o menos usado, utilizar esta técnica faz com que sua fake seja valorizada justamente pela raridade do efeito. Além disso, como é uma mudança pequena e muitas vezes imperceptível, vale a pena usar a estratégia de por horários nas fakes. Com certeza você terá um resultado interesse e -espero eu- bastante gratificações pela dedicação com a estética! :y:
3- ENTARDECER:
https://eutenhoumhosterrs.files.word...12/06/semi.png
Utilizando um método semelhante ao anterior, usaremos as mesmas ferramentas para realizar o efeito de entardecer. Entretanto, a mudança está na cor que iremos escolher como "destino".
- Pegue um cenário qualquer (novamente, usarei o mesmo de antes).
- Vá em Image/Adjustments/Color Balance ou aperte o botão Create a new fill or adjustment layer (https://eutenhoumhosterrs.files.word...012/06/adj.png)e selecione Color Balance.
- A Pop-up abrirá:
- Precisamos mudar o balanço de cores para que fique de acordo com a paisagem que queremos. Aplique as seguintes mudanças:Citação:
https://eutenhoumhosterrs.files.word...12/06/adj1.png
Relembrando: se você optou pelo primeiro método, talvez tenha aberto uma janela com visual um pouco diferente, mas as funções e nomes são os mesmos!
- Se você fez tudo certo, seu resultado final deve estar assim:Citação:
https://eutenhoumhosterrs.files.word...12/06/adj5.png
Aplique essas configurações em Midtones.
https://eutenhoumhosterrs.files.word...12/06/adj6.png
Aplique essas configurações em Shadows.
https://eutenhoumhosterrs.files.word...12/06/adj7.png
Aplique essas configurações em Highlights.
Basicamente, para fazer esse efeito, precisamos mudar o Color Balance para que ele tenda à cor vermelha. Entretanto, ao contrário da técnica anterior, um pouco de saturação é admissível, contanto que não exceda muito. Tenha bom senso nessa hora! E a dica de antes continua valendo: você pode mexer na Opacidade se sentir muita saturada a imagem. :y:Citação:
4- ANOITECER:
https://eutenhoumhosterrs.files.word...12/06/semi.png
Não muito obstante das outras maneiras de retratação anteriores, vamos novamente utilizar o balanço de cores para resolver esse problema. Entretanto, no decorrer do processo, vocês perceberão que algo ficará estranho. Não se assustem, pois veremos a solução deste problema também. Portanto:
- Pegue um cenário qualquer (novamente, usarei o mesmo de antes²).
- Vá em Image/Adjustments/Color Balance ou aperte o botão Create a new fill or adjustment layer (https://eutenhoumhosterrs.files.word...012/06/adj.png)e selecione Color Balance.
- A Pop-up abrirá:
- Precisamos mudar o balanço de cores para que fique de acordo com a paisagem que queremos. Aplique as seguintes mudanças:Citação:
https://eutenhoumhosterrs.files.word...12/06/adj1.png
Relembrando: se você optou pelo primeiro método, talvez tenha aberto uma janela com visual um pouco diferente, mas as funções e nomes são os mesmos!
- Se você fez tudo certo, seu resultado final deve estar assim:Citação:
https://eutenhoumhosterrs.files.word...12/06/adj8.png
Aplique essas configurações em Midtones.
https://eutenhoumhosterrs.files.word...12/06/adj9.png
Aplique essas configurações em Shadows.
https://eutenhoumhosterrs.files.word...2/06/adj10.png
Aplique essas configurações em Highlights.
Entretanto, convenhamos que ficou um tanto estranho esse resultado. Não é mesmo? Porém, o método para resolver ele é bem fácil e, veja só, foi a primeira coisa que abordamos no tópico! Devemos simplesmente criar uma camada que escurecerá a tela. :y:Citação:
- Crie uma nova camada (CTRL+SHIFT+N)
- Selecione a ferramenta Paint Bucket Tool pelo atalho G.
- Pinte a nova camada com a cor Preta (#000000).
- Diminua a opacidade para 35%.
- Sua paleta de camadas deve estar assim:
E seu resultado final assim:Citação:
https://eutenhoumhosterrs.files.word.../06/layer3.png
Repare que a camada Color Balance precisa estar em cima da camada que escurecemos!
Citação:
https://eutenhoumhosterrs.files.word...12/06/img8.png
Ao que tudo indica, resolvemos o problema da tonalidade e a aparência é de um cenário noturno.
Então é isso dessa primeira parte basicamente. Com esses 4 efeitos que aprendemos já nos ajudaria -e muito- para deixar nossa fake mais realística. Muitas vezes nos defrontamos com situações em que nossas histórias precisam acontecer em determinados horários e nãosabemossabíamos como retratar com fidelidade tais aspectos. Pois bem, agora nós sabemos e estamos aptos a aprender novas dicas! o/
Se, por alguma razão, alguém achou difícil memorizar para qual cor o tempo no dia deve pender, aqui vai um pequeno gabarito. Sintam-se a vontade para salvarem em seus computadores para ajudar na hora da produção:
Ah, e apenas mais um aviso:
"Não só nessa parte, mas em todo tutorial, serão apresentadas técnicas para iluminação que servirão como base para você. Ou seja, não é porque foi feito desse jeito que será sempre desse jeito. Quem é íntimo dessas técnicas sabe muito bem que as configurações podem variar bastante de cenário para cenário. Além disso, controlar a Opacidade é outra coisa importante: EU sempre deixo próximo de 35%, 40% geralmente. Entretanto, quando preciso fazer um cenário mais escuro, eu aumento a Opacidade para valores acima de 60%, por exemplo. Portanto, tenha em mente que você está aprendendo aqui quais ferramentas usar, mas precisará testá-las no seu trabalho!"
https://eutenhoumhosterrs.files.word.../2012/06/4.png
Nesta parte do tutorial, viraremos detalhistas. Será bem dizer uma extensão do que aprendemos anteriormente. Entretanto, a iluminação não será no cenário inteiro mas sim em pontos específicos do mapa.
https://eutenhoumhosterrs.files.word.../2012/06/5.png
https://eutenhoumhosterrs.files.word.../2012/06/6.png
https://eutenhoumhosterrs.files.word.../2012/06/7.png
https://eutenhoumhosterrs.files.word.../2012/06/8.png
https://eutenhoumhosterrs.files.word...12/06/semi.png
Legenda:
Citação:
Verde - Fake sem problemas.
Amarelo - Algumas partes danificadas.
Vermelho - Todas as partes danificadas.
http://eutenhoumhosterrs.files.wordp...13/03/brw1.png http://eutenhoumhosterrs.files.wordp...13/03/brw2.png
http://eutenhoumhosterrs.files.wordp...13/03/mdad.png http://eutenhoumhosterrs.files.wordp...13/03/doam.png http://eutenhoumhosterrs.files.wordp...013/03/crp.png http://eutenhoumhosterrs.files.wordp...2013/03/mr.png
http://eutenhoumhosterrs.files.wordp...13/03/ndmf.png http://eutenhoumhosterrs.files.wordp...3/03/ndmf2.png http://eutenhoumhosterrs.files.wordp...13/03/nmf3.png
http://eutenhoumhosterrs.files.wordp...13/03/fmsg.png http://eutenhoumhosterrs.files.wordp...013/03/rdn.png http://eutenhoumhosterrs.files.wordp...013/03/dda.png http://eutenhoumhosterrs.files.wordp...013/03/amf.png http://eutenhoumhosterrs.files.wordp...2013/03/sl.png http://eutenhoumhosterrs.files.wordp...13/03/gsp1.png http://eutenhoumhosterrs.files.wordp...13/03/esmb.png http://eutenhoumhosterrs.files.wordp...13/03/vcpk.png http://eutenhoumhosterrs.files.wordp...13/03/fdmf.png http://eutenhoumhosterrs.files.wordp...013/03/boh.png http://eutenhoumhosterrs.files.wordp...3/03/vaidl.png http://eutenhoumhosterrs.files.wordp...2013/03/fn.png
http://eutenhoumhosterrs.files.wordp...3/03/poptc.png http://eutenhoumhosterrs.files.wordp...3/03/ddbtc.png http://eutenhoumhosterrs.files.wordp...3/03/ddbtc.png http://eutenhoumhosterrs.files.wordp...013/03/tsj.png
http://eutenhoumhosterrs.files.wordp...013/03/pap.png http://eutenhoumhosterrs.files.wordp...013/03/pa1.png http://eutenhoumhosterrs.files.wordp...013/03/pa2.png http://eutenhoumhosterrs.files.wordp...2013/03/hj.png
http://eutenhoumhosterrs.files.wordp.../03/cepmet.png http://eutenhoumhosterrs.files.wordp...3/03/ceppf.png http://eutenhoumhosterrs.files.wordp...3/03/cepmp.png http://eutenhoumhosterrs.files.wordp...03/cepfunk.png http://eutenhoumhosterrs.files.wordp...13/03/cepn.png
http://eutenhoumhosterrs.files.wordp...013/03/fwn.png http://eutenhoumhosterrs.files.wordp...13/03/fwn1.png
http://eutenhoumhosterrs.files.wordp...13/08/gif1.gif
http://eutenhoumhosterrs.files.wordp.../08/banner.png
http://eutenhoumhosterrs.files.wordp...3/08/gif21.gif
http://eutenhoumhosterrs.files.wordp...2013/08/sp.png
http://eutenhoumhosterrs.files.wordp...13/08/gif3.gifhttp://eutenhoumhosterrs.files.wordp...13/08/gif4.gif
http://eutenhoumhosterrs.files.wordp...2013/08/sp.png
http://eutenhoumhosterrs.files.wordp...13/08/gif5.gif
http://eutenhoumhosterrs.files.wordp...2013/08/sp.png
http://eutenhoumhosterrs.files.wordp...013/08/pt6.png
http://eutenhoumhosterrs.files.wordp...013/08/pt7.png
http://eutenhoumhosterrs.files.wordp...13/08/gif6.gif
http://eutenhoumhosterrs.files.wordp...013/08/pt8.png
problem, sir?
y u no stop reserving posts?
omg why
that awkward moment...
reserve ALL the posts! o/
shit got real
fim~