Bem Vindo ao Gold Pixel aqui achará de tudo de bom para sua diversão.

Espero que achem oque precisam, caso não achem é só pedi em um novo tópico, para acessar qualquer conteúdo importante é preciso se Registrar primeiro e depois fazer login.



Participe do fórum, é rápido e fácil

Bem Vindo ao Gold Pixel aqui achará de tudo de bom para sua diversão.

Espero que achem oque precisam, caso não achem é só pedi em um novo tópico, para acessar qualquer conteúdo importante é preciso se Registrar primeiro e depois fazer login.

Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Você não está conectado. Conecte-se ou registre-se

Efeito Bokeh Hexagonal no Photoshop

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1Efeito Bokeh Hexagonal no Photoshop Empty Efeito Bokeh Hexagonal no Photoshop Dom Nov 11, 2012 3:32 pm

T-Lord

T-Lord
Fundador
Fundador

Nesse tutorial vou mostrar a vocês como criar um efeito digital bokeh com hexágonos. Nós vamos usar o sistema de brushes, patterns, blend modes e basic filters.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando 2560x1440 pixels no tamanho para que também possa usar a imagem como wallpaper. Preencha a background layer com um cinza escuro (#181818).
Efeito Bokeh Hexagonal no Photoshop Step_1
Passo 2

Adicione outra layer e a preencha com um gradiente usando amarelo escuro, vermelho e azul nas cores. Use 30º no angle. Depois disso troque o Blend Mode para Overlay.
Efeito Bokeh Hexagonal no Photoshop Step_2
Passo 3

Adicione uma nova layer e vá até Filter>Render>Clouds. Escolha preto e branco para as cores de background e foreground. Depois disso vá até Filter>Blur>Gaussian Blur. Use 70 to 100 em Amount, troque então o Blend Mode para Color Dodge.
Efeito Bokeh Hexagonal no Photoshop Step_3
Passo 4

Agora vamos criar uma forma exagonal para usar como brush. Selecione a Polygon Tool (U) e crie um hexágono com preto. Depois disso vá até Layer>Layer Styles>Strokes. Use 7 pixels para Size e Inside para Position. Vá até Blending Options: Custom e troque o Fill Opacity para 50%.
Para criar o brush apenas selecione o hexágono pressionando Command(mac)/Control(pc) e clicando no thumb da layer. Vá então até Edit>Define Brush. Nomeie seu brush e volte ao documento com o design.
Efeito Bokeh Hexagonal no Photoshop Step_4
Passo 5

Vá até Windown>Brushes. Selecione Shape Dynamics e use 40% em Jitter. Mantenha os outros valores. Selecione então Scattering, selecione Both Axes para Scatter e use 700% no value. A última coisa aqui é o Transfer. Use 40% para Opacity Jitter e mantenha os outros valores com 0%.
Efeito Bokeh Hexagonal no Photoshop Step_5
Passo 6

Adicione uma nova layer e agrupe essa nova layer, ela ficará dentro de um folder. Troque o Blend Mode do folder para Color Dodge. Com a Brush Tool (B), selecione o brush que criamos no passo anterior e usando branco pinte a layer com alguns exágonos.
Efeito Bokeh Hexagonal no Photoshop Step_6
Passo 7

Vá até Filter>Blur>Gaussian Blur. Use 2.0 pixels para Radius.
Efeito Bokeh Hexagonal no Photoshop Step_7
Passo 8

Duplique a layer e vá até Filter>Blur>Gaussian Blur novamente, mas dessa vez use 5 pixels para Radius. Troque o Fill Opacity para 60%. Also with the Eraser Tool(E) delete some areas that might get too bright.
Efeito Bokeh Hexagonal no Photoshop Step_8
Passo 9

Selecione o folder no Layer Palette e vá até Layer>Add Layer Mask>Reveal All. Selecione o layer mask thumb e vá até Filter>Render>Clouds. Depois disso vá até Filter>Blur>Gaussian Blur. Use 20 pixels para Radius. Aplicando o clouds fliter com a mask vai esconder algumas áreas baseadas nas cores das nuvens.
Efeito Bokeh Hexagonal no Photoshop Step_9
Passo 10

Adicione uma nova layer acima das outras e selecione então a Paint Bucket Tool (G), troque o tipo para Pattern e selecione uma pattern listrada. A que usei você encontra aqui. Depois disso gire 30º. Você vai precisar duplicar a layer e mover a nova cópia para preencher toda a tela. Selecione as duas layers e vá até Layer>Merge Layers.
Troque o Blend Mode para Overlay e mais uma vez adicione uma layer mask e aplique o clouds filter com blur na layer mask como fizemos no passo anterior.
Efeito Bokeh Hexagonal no Photoshop Step_10
Passo 11

Adicione uma nova layer e agrupe essa nova layer em um folder. Troque o Blend Mode do folder para Color Dodge e selecione a Brush Tool (B). Com um rounded and very soft brush e a cor branca, pinte algumas áreas.
Efeito Bokeh Hexagonal no Photoshop Step_11
Passo 12

Adicione uma nova layer ainda dentro desse folder. Com a Gradient Tool (G), clique no gradiente para abrir o Gradient Editor. Troque o Type para Noise e Roughness para 100% e selecione as duas opções Restric Colors e Add Transparency. Preencha a layer usando esse gradiente mas usando um Angle Gradient type.Efeito Bokeh Hexagonal no Photoshop Step_12
Passo 13

Com a layer do Angle gradient selecionada vá até Filter>Blur>Gaussian Blur. Use 10 pixels para Radius. Depois disso, com a brush tool, adicione outro light spot exatamente no meio do angle gradient.
Efeito Bokeh Hexagonal no Photoshop Step_13
Passo 14

Adicione uma layer acima das outras e a preencha com preto. Com a Eraser Tool(E)
e um big soft and rounded brush, delete um pouco do centro até que crie
um efeito vignette. A ideia aqui é escurecer as margens do design.
Efeito Bokeh Hexagonal no Photoshop Step_14
Passo 15

Selecione todas as layers e as duplique. Depois disso, com as layers duplicadas selecionadas vá até Layer>Merge Layers. A próxima coisa a fazer é ir até Filter>Blur>Gaussian Blur. Use 15 pixels para Radius .
Efeito Bokeh Hexagonal no Photoshop Step_15
Passo 16

Duplique essa 'blurry layer' para que tenha 2 layers. Para a primeira troque o Blend Mode para Overlay e a Opacity para 40%. Para a segunda, a que vai ficar acima das outras, use Screen para Blend Mode e 30% para Opacity.
Efeito Bokeh Hexagonal no Photoshop Step_16
Conclusão

Esse é um efeito simples de criar no Photoshop, e como podem ver nós não
usamos nenhum plugin especial ou stock photos, usamos apenas basic
filters, o brush engine e alguns blend modes. Podemos criar muitos
efeitos no Photoshop, e esse tipo de efeito abstrato é meu favorito.
Agora é com vocês!
Efeito Bokeh Hexagonal no Photoshop Conclusion

https://goldpixel.forumeiro.com

2Efeito Bokeh Hexagonal no Photoshop Empty Re: Efeito Bokeh Hexagonal no Photoshop Qua Nov 14, 2012 1:10 pm

MakyBory

MakyBory
Fundador
Fundador

Excelente Tutorial.

Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos