Tutorial Efeitos de Luz [FireWorks]
Olá pessoas e pessous.
Nesse tutorial irei dar uma explicada sobre iluminação de cenários em geral, sim eu sei, o Makeen Fire já fez um tutorial parecido, mas pretendo que o meu seja diferente do dele D8.
Aqui oque o tutorial oferece:
1. Noções básicas.
2. Desiluminar cenários.
3. Iluminação simples.
4. Iluminação coloridenha.
http://i6.tinypic.com/85pw3sk.png
Essa é a parte mais simples do tuto, aqui irei mostrar pequenas situações iluminadas, para se ter uma noção do que iluminar e do que não iluminar:
http://i13.tinypic.com/7xuxdzl.png
Note que as falas não foram iluminadas/desiluminadas.
http://i19.tinypic.com/7x9npyg.png
Nada excitante.
Nada de tão estranho, uma regra simples é: O cenário, lifebars, chars, enfim, quase tudo é iluminado, com excessão das falas, que ao contrário ficam na sua forma normal e não sofrem modificação alguma. :}
http://i8.tinypic.com/7yd6r8m.png
Chegou a parte da explicação û_u.
Então vamos lá, primeiro pegue a parte que irá ser desiluminada, aqui está a minha:
http://i18.tinypic.com/8bidnaa.png
Logo depois abra ela com o FireWorks, selecione a parte que irá ser desiluminada, chars, lifebars e cenário (no meu caso) e adicione um color fill em Filters>Adjust Color>Color Fill (ou na aba propeties effects>adjust color>color fill). Após adicionado esse efeito, surgirá uma pequena aba ali em baixo, em blend mode coloque darken, em cor coloque preto, e na transparencia depende de quanto escuro você quer que esteja o cenário, eu coloquei 25..
SS Explicativa:
http://i3.tinypic.com/85mw9lc.gif
É um gif
http://i5.tinypic.com/82s79u8.png
Algo bastante usado também é a iluminação mais simples, essa parte foi meio baseada com o tutorial do Makeen, é claro que passou por umas adaptadas e um método para GIFS.. ^^
Bem, então vamos começar, primeiro explicarei o método PARADO, ou seja, isso:
http://i9.tinypic.com/6t1iyy0.png
Vamos lá, primeiro de tudo, é claro, tenha seu cenário, logo depois abra o cenário com o fireworks, crie um quadrado do tamanho do cenário (no meu caso 224x224) e pinte com Gradient>Elipse, de modo que a parte de fundo fique preta, e o circulo fique branco, siga o GIF:
http://i12.tinypic.com/721md6q.gif
Feito isso, o próximo passo será mudar de Normal para Multiply o blend mode do quadrado, e logo depois deixar a transparencia em 60(ou do jeito que preferir) ficará mais ou menos assim:
http://i17.tinypic.com/71z1utv.png
Mas peraí, ficou uma merda U_U, HÁ, temos sua solução, ali do lado, onde muda as cores das coisas, clique lá, e onde tem o quadrinho branco empurre-o mais para perto do quadrinho preto, quanto mais perto do quadrinho preto o quadrinho branco ficar, maior a parte iluminada séra, siga a GIF:
http://i16.tinypic.com/6jdrfxc.gif
Agora explicarei essa mesma iluminação, só que animada... =)
Bem, usaremos o mesmo método acima, criar um quadrado com Gradient Elipse, deixar em Multiply, abaixar a Transparence, só que agora vamos usar principalmente a parte dos quadrinhos brancos e pretos, lembra? Vamos relembrar:
Quanto mais o quadrinho branco fica perto do preto, maior a parte iluminada será, certo? Mas em GIFs, podemos fazer de um modo que o quadrinho branco va e volte, ou seja, fazendo assim um movimento de ida e volta na claridade, semelhante aos movimentos daquelas tochas que ficam grudadas nas caves =)
Bem então vamos as screenshots explicativas =D...
Vamos então ver como ficará o primeiro frame:
http://i9.tinypic.com/8a5v3uh.png
Nada de tão diferente do que já falei acima...
Aqui como ficou o meu segundo frame:
http://i13.tinypic.com/819k64z.png
E por fim o resultado final:
http://i1.tinypic.com/6qdv381.gif
Usei um delay de 100, ou seja, 1 segundo.
Tenho um outro método também, dessa vez bem mais simples vejam só:
http://i15.tinypic.com/8dvwht1.gif
Usei um delay de 100, ou seja, 1 segundo.
Vamos à explicação, faça todo o processo de iluminação simples que vimos no começo, logo depois, duplique o frame, e no segundo frame aperte 'V' e clique no quadrado do Gradient Elipse, note que aparecerá um tracinho com dois quadrados em cada ponta e um circulo no meio, clique no quadrado de baixo, e desça-o sempre vizualizando como ficará seu cenário, o meu ficou assim:
http://i2.tinypic.com/72jf2pv.png
Lembre-se que esse é o segundo frame, o primeiro é o circulo normal.
http://i19.tinypic.com/8g8owlc.png
Essa parte também não é a das mais complicadas, no meu caso o meu cenário não terá uma fonte de luz, aconselho que ao usar essa iluminação sempre tenha uma fonte de luz =D~
Então vamos à algumas imagens de depois explicarei os processos:
1º
http://i5.tinypic.com/7xcwbr5.png
2ª
http://i6.tinypic.com/6u8f7ud.png
O primeiro apenas fiz alguns círculos usando uma intensidade proporcional ao circulo de Gaussian Blur(na aba Effects>blur>gaussian blur), e coloquei o blend mode em screen:
http://i12.tinypic.com/8bfd8aq.png
E sobre a segunda, descolori o cenário usando um Darken com transparencia de 65, e usei os mesmos círculos com Gaussian Blur.
Não vou dar tanta ênfase à essa parte, pois vai mais de cada um, uma regra simples é não economizar em Blurs. ^^
Bem, acho que chega assim ao fim do tutorial =D~
Obrigado àqueles que leram tudo, e caso alguma parte esteja confusa, pode postar aqui que eu tento explicar melhor... ^^
Se alguma imagem estiver com o link quebrado, só avisar que eu re-hosto. ^^
Se tiver erros de gramatica/concordância, me avisa também, sou meio retardado ta.
E se quiserem postem seus resultados, enfim...
Créditos à Makeen Fire(algumas idéias iniciais)
E Flashbek por ter me dado uma ajudinha também >]
IT'S ALL FOLKS!
:rolleyes:
