Então neste tutorial nós vamos criar uma composição desde o início,
primeiro usaremos o Illustrator, onde vamos brincar com shapes e Blend
Tool. Depois disso vamos usar o Photoshop para adicionar efeitos de luz e
pattern overlay.

Passo 1


Vamos começar nossa imagem no Adobe Illustrator. Nós poderíamos fazer tudo no Adobe Photoshop,
mas eu gosto de usar a ferramenta certa para cada tipo de trabalho,
sempre uso o Illustrator quando vou trabalhar com vetores, é mais fácil e
rápido. No Illustrator selecione a Star Tool e crie uma estrela.




Passo 2


Com a Line Segment Tool (\) crie 2 linhas seguindo a forma da estrela. Use a imagem abaixo como referência.




Passo 3


Com a Blend Tool (W), clique em uma linha e depois
clique na outra. Você vai aplicar o blend effect nas linhas. Agora dê um
clique duplo no ícone da Blend Tool para abrir as Blend Options. Troque o Spacing para 10.




Passo 4


Duplique todo o blend object e o mova para o outro lado da estrela.




Passo 5


Faça um flip horizontal de um lado para fazer o outro.




Passo 6


Continue duplicando até que tenha feito todos os lados.




Passo 7


Agora vamos adicionar algumas cores as linhas. Eu usei vermelho, amarelo, verde, ciano e roxo.




Passo 8


Abra o Photoshop e crie um novo documento. Eu usei 1920x1200 pixels. Preencha então a background layer com um cinza escuro.




Passo 9


Copie cada um dos blend objects do Illustrator e cole no Photoshop
separadamente, você terá 5 layers. Agora é importante organizar essas
layers.

Usando a Lasso Tool (L) e mask (Layer>Layer Mask>Hide Selection),
esconda partes das linhas para que elas não se cruzem. Dessa maneira as
linhas verdes ficarão sobre as azuis e amarelas. Use a imagem abaixo
como referência.




Passo 10


Selecione todas as layers das linhas e vá até Layer>Merge Layers. Duplique essa layer. Depois vá até Filter>Blur>Gaussian Blur. Use 10 pixels para Radius.




Passo 11


Na layer duplicada vá até Filter>Blur>Gaussian Blur. Use 2 pixels para Radius.




Passo 12


Vá até Layer>Layer Style>Color Overlay. Para a cor use branco. Depois disso agrupe a layer e troque o Blend Mode para Color Dodge.




Passo 13


Esse é o efeito que terá depois desses passos. Dê uma olhada na ordem das layers, é muito importante para o efeito das linhas.




Passo 14


Adicione uma pasta grupo no layer palettes e troque o Blend Mode do grupo para Color Dodge. Depois disso, dentro do grupo, adicione outra layer. Com a Brush Tool (B), selecione branco para a cor e escolha um soft brush para começar a pintar os pontos de luz sobre as linhas verdes.




Passo 15


Vamos usar uma imagem para adicionar outro efeito de luz. Você pode fazer o download grátis da que usei em [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Posicione a imagem e troque o Blend Mode dela para Screen. Depois disso, com a Eraser Tool (E) delete boa parte da imagem, deixando apenas o efeito de luz no meio do documento.

Depois disso vá até Image>Adjustments>Hue and Saturation. Mova o Hue até que tenha uma coloração esverdiada.




Passo 16


Com a Brush Tool (B) e um 'very soft brush', torque a opacity para 20%
e comece a pintar com uma cor verde. Pinte sobre as linhas verdes,
adicione outra layer e selecione ciano para pintar sobre as linhas
ciano. Faça o mesmo com as outras cores. A idéia é deixar o efeito de
luz um pouco mais forte. Essaslayers ficarão abaixo das linhas.




Passo 17


Adicione outra layer, desta vez acima das layers que pintamos no passo anterior e abaixo das linhas. Vá até Filter>Render>Clouds. Garanta que tenha preto e branco para as cores de background e foreground. Troque o Blend Mode para Overlay, e com a Eraser Tool (E) delete algumas partes da layer para deixar as nuvens menos uniformes.




Passo 18


Agora vamos criar um pattern, na verdade vamos usar uma imagem e
criar um pattern a partir dela. Faça o download grátis do Seamless
Vector Perforated Metal Pattern (http://www.bittbox.com/freebies/free-seamless-vector-perforated-metal-pa...) e abra ele no Photoshop. Vá até Edit>Define Pattern.

De volta para o nosso design, adicione outra layer acima das outras e a preencha com qualquer cor. Vá então até Layer>Layer Styles. Primeiro vá até Blend Options e troque o fill opacity para 0. Depois disso vá até Pattern Overlay. Selecione o pattern que acabamos de criar para Pattern e reduza a Scale para 50%.




Passo 19


Vá até Layer>Layer Style>Create Layer. Você
vai quebrar o layer style em layers, assim você terá uma layer com o
pattern que aplicou. Delete as outras layers e com a pattern layer,
troque o Blend Mode para Multiply, vá então até Edit>Transform>Warp. Use Fish Eye para Warp e mova os controles para reduzir o tamanho da warp no meio. Use a imagem abaixo como referência.

Depois disso, troque a Opacity para 20%.




Passo 20


Essa é a ordem das layers que tenho, assim você pode ter uma idéia para usar como referência.




Conclusão


O efeito de luz que criamos aqui não é nada novo, já mostrei esse
efeito para vocês algumas vezes. Contudo, dessa vez brincamos
compatterns e warp transform para adicionar um efeito legal a imagem.
Mais uma vez me inspirei em um design de deck de skate e quis reproduzir
o efeito no Photoshop. A idéia do tutorial é mostrar que nós podemos
brincar com a ferramenta para aprender coisas novas.


Clique na imagem para um full preview/>


Download do Arquivo Photoshop


Clique aqui para fazer o download do arquivo Photoshop usado nesse tutorial