Efeitos de Glow Avançados

Este tutorial foi originalmente feito por: Collis – Effects.

Neste tutorial que vamos criar, alguns efeitos glow realmente realistas usando uma combinação de estilos de camadas, a ferramenta pen e cores blending (misturar). O efeito final é completamente impressionante e espero que você ache algumas dicas que não soube antes.

Passo 1:

Na maioria dos tutoriais que tenho escrito começo com um gradiente radial. Este é consideravelmente áspero e vai de uma cor marrom avermelhada ao preto. Aqui estão os códigos exatos das cores:

Cor Foreground – #922f00
Cor Background – #000000

Crie um arquivo 500×500 pixel, 72 dpi.

Passo 2:

Neste tutorial nós necessitamos realmente um intenso centro bonito, assim o que faremos é duplicar a camada que criamos e ajustamos essa acima para aplicar o modo blending de “Color Dodge”. Existem alguns tipos de modo de blending, darken, lighten, colour e invert. Color Dodge olha para a informação de cada canal de cor e ilumina a cor de base para que reflita a cor de mistura. Misturando preto não produz mudanças.

Passo 3:

Agora em nosso efeito de glow ajuda-nos ter um bonito background texturizado. Assim estamos criando um tipo de esfumaçado embaçado. Faça isto criando uma nova camada, certifique-sa que você tem branco – #ffffff e preto – #000000 selecionando as cores de background e foreground.

Então vá para Filter > Render > Clouds. Este nos dará um padrão de muitas nuvens aleatórias, como abaixo.

Passo 4:

Agora deixe a opacidade de sua camada em “Overlay” e 30% de transparência. Em muitas ocasiões seria o bastante, mas para a nossa necessidade desejámos um olhar mais fumegante!

Então vá para Filter > Sketch > Chrome e use as configurações padrão 4 e 7 para o “Detail” e “Smoothness” respectivamente. Realmente você poderá mudar tudo isso se desejar, mas o padrão nos servi muito bem.

Quando terminar o resultado será um olhar um pouco fumegante (dede que a camada esteja em overlay à 30% de transparência). Você poderá ver o resultado no background de sua próxima tela.

Passo 5:

Agora antes de começarmos a fazer os “glows”, precisamos ter algo PARA o ” glow”. É aqui que vamos sacar a nossa ferramenta “Pen”. Se você a ferramenta “Pen” muito eu sugiro você brincar com ela um pouco. Há algumas coisas complicadas que você pode fazer com, mas para este tutorial você não precisará deles.

De fato tudo que queremos conseguir é algumas curvas agradáveis. Felizmente isto não é tão difícil assim. O truque é não usar pontos demais. Em vez de confiar nas curvas naturais da ferramenta pen arraste o mouse para fora de cada ponto assim que você começa cada ângulo grande. Nesta curva S mostrada abaixo eu usei somente três pontos,o ponto inicial, o ponto final e um entre eles para dar a curvatura.

Passo 6:

Uma vez que você tem uma curva agradável, crie uma camada nova. Então clique na ferramenta paintbrush (B) e escolha uma “brush” muita fina e dura. Como você sabe os soft brushes são embaçados e os hard brushes são muitos sólidos. Neste caso eu recomendo usar uma ” thickness” de 3.Note que você pode ter qualquer cor selecionada como sua cor de brush porque substituiremos com um estilo de camada.

Passo 7:

Agora retorne para a ferramenta PEN. Você precisa trocar de ferramnetas para fazer este próximo passo.

Então clique com o botão direito e selecione “Stroke Path”. Você terá uma pequena caixa de diálogo. Escolha “Brush” e marque o quadrado onde está escrito “Simulate Pressure”. Isto é muito importante porque tornará estreito gradualmente suas curvas!

Próximo, clique com o botão direito novamente e selecione “Delete Path”.

Passo 8:

Você deve ter algo como abaixo. Algo fino, algo bem legal.

Passo 9:

Agora vamos adicionar “glows”. A maneira mais fácil de fazer nossos glows é usar “Layer Style”. E a melhor maneira de dizer qual estilos de layer usar é dizendo para baixar a amostra do PSD do Photoshop, o link está no final desta página, então abri-lo e dar uma olhada como está.

Em poucas palavras eu adicionei dois tipos de glows. Para fazer isto primeiro use “Outer Glow” e então porque desejo um segundo glow, Eu mudo as configurações do “Drop Shadow” do modo que se transfome num “glow” (você pode fazer isto reduzindo a ” Distance” e mudando o modo blend para algo como “Color Dodge”)

Ah, também usei uma “Color Overlay” para fazer o ítem branco tenha o centro de um “glow” mais intenso.

Passo 10:

Assim agora você tem a mesma linha mas com um “glow” legal que vem por fora dele. A beleza de usar uma “Llayer Style” é que você pode copiar e colar para outras camadas. Para fazer isto você clica com o botão direito na camada e selecione “Copy Layer Style” então crie uma nova camada e clique com o botão direito sobre ela e escolha “Paste Layer Style”.

Passo 11:

Vamos repetir o mesmo processo várias vezes para fazer mais linhas rabiscadas.

Neste instante fiz uma gossinha mudando o tamanho paint brush antes eu fiz o processo do “Stroke Path” anterior. E também fiz uma terceira linha e apaguei parte dela e a fiz de uma maneira que parecesse uma forma triangular.

Passo 12:

Aqui adicionei texto e apliquei a camada o mesmo “Layer Style” das camadas anteriores.

É importante dar muita atenção a este texto. Quando iniciei o texto usei fontes simples com espaçamento entre as letras, palavras e tamanho. Você pode conseguir muito com truques pequenos. Aqui eu contrastei as três palavras fazendo o Glow muito maior e a cobertura regular, a seguir fiz o “Advanced” e o “FX” muito menor, com espaço grande entre letras e todos em maiúsculo,

Você pode controlar o espaçamento do texto usando a janela Character. Se não estiver aberta vá para Window > Character e ele aparecerá. Mexa os ajustes de maneira diferentes até que você aprenda o que cada um controla.

Passo 13:

Agora vamos adicionar partículas. Para fazer isto criamos uma nova camada e selecionamos um pequeno paint brush – tamanho 3 – e pinte alguns pontos sobre a camada. Ajuda se forem aglomerados para o centro do glow de modo que seja visto como vindo de lá.

Você pode fazer alguns das partículas centrais maiores, aplicando sobre eles uma segunda paint brush.

Então cole nosso “Layer Style” Glow sobre aquela camada também!

Passo 14:

Agora vamos dar uma olhada, pois está ficando bem legal, mas olhará mesmo se nós dermos uma sutil coloração em vez desta super berrante vermelho.

Então criamos uma nova camada e usamos um gradiente radial desenhando um gradiente do azul ao branco, como mostrado.

Passo 15:

Então ajuste esta camada no modo blending de “Color” e mude a opacidade para 50%.

Você verá que a imagem para o tipo azulado. Eu acho que você esta vendo de uma maneira bem legal, mas para ir além dessa etapa eu criei também um par de camadas extras, uma com algum amarelo fraco e uma com um roxo fraco. Você pode vê-los na tela baixo.

Eu ajustei cada camada ao blending “Color” e mesma opacidade de modo que todos desapareçam juntos.

Passo 16:

Agora lembre-se de experimentar outras configurações e tente aplicar o glow a diferentes coisas e veja como fica. E tente uma combinação de cores diferentes, algumas conbinações interagem entre si e ficam realmente bonitas. Boa sorte!

Amostra do PSD

:: BAIXE O PSD PARA ESTE TUTORIAL ::