Efeito Bokeh Hexagonal no Pixelmator

abduzeedo dom, 05/30/2010 - 18:21

Dois anos atrás criei uma imagem de um efeito bokeh digital no Pixelmator que ficou muito conhecida na Internet. Eu criei a imagem facilmente usando filtros do Pixelmator, que na época era novidade, usei o filtro Defocus. Eu simplesmente apliquei o filtro e adicionei uma gradient overlay layer para criar o efeito. No entanto, nesse tutorial, vou mostrar a vocês como criar um efeito bokeh um pouco diferente, mas de um jeito simples e que nos dê um resultado muito legal.

Passo 1

Abra o Pixelmator e preencha a background layer com um cinza escuro (#0a0a0a).

Hexagons Bokeh in Pixelmator

Passo 2

Adicione uma nova layer e troque o Blending para Color Dodge. Vá até Filter > Quartz Composer > Generator > Floor. Use os valores default.

Hexagons Bokeh in Pixelmator

Passo 3

Adicione outra layer e a preencha com preto. Depois troque o Blending para Color Dodge. Selecione essa nova layer e vá até Filter > Quartz Composer > Generator > Defocus. Esse filtro é randômico, então você não conseguirá criar o mesmo efeito que criei.

Hexagons Bokeh in Pixelmator

Passo 4

Duplique a layer dos hexágonos. Caso tenham algumas áreas mais escuras, use a Eraser Tool (E) para apagá-las.

Hexagons Bokeh in Pixelmator

Passo 5

Duplique a layer mais uma vez.

Hexagons Bokeh in Pixelmator

Passo 6

Duplique a layer novamente e vá até Filter > Blur > Gaussian Blur. Use 60 para amount. Troque novamente o Blending para Color Dodge.

Hexagons Bokeh in Pixelmator

Passo 7

Adicione outra layer e vá até Filter > Generator > Stripes. Use 2 para width e 0 para sharpness.

Hexagons Bokeh in Pixelmator

Passo 8

Vá até Edit > Free Transform. Gire as listras 30º para ficarem na mesma posição dos hexágonos. Torque então o Blending para Color Dodge.

Hexagons Bokeh in Pixelmator

Passo 9

Com a stripes layer (listras) selecionada vá até Layer > Add Layer Mask. Selecione a layer mask thumb no layer palette e vá até Filter > Generator > Clouds. Use o clouds filter para 'mask the stripes'.

Hexagons Bokeh in Pixelmator

Passo 10

Adicione uma nova layer acima das outras mas abaixo das stripe layers. Preencha essa nova layer com preto. Troque então o Blending para Color Dodge. Selecione agora a Brush Tool (B). Usando um brush básico e very soft, comece a pintar para adicionar alguns pontos brancos no seu design.

Hexagons Bokeh in Pixelmator

Passo 11

Adicione outra layer e a preencha com preto. Troque o Blending para Color Dodge. Com a Brush Tool (B), selecione o clouds default brush. Então, com tinta branca, adicione algumas nuvens sobre uma área.

Hexagons Bokeh in Pixelmator

Passo 12

Vá até Filter > Blur > Zoom Blur. Coloque o controller no centro da área onde quiser criar o light burst. Troque então o amount para 60.

Hexagons Bokeh in Pixelmator

Passo 13

Adicione uma nova layer acima da floor layer e abaixo das outras layers. Troque o blending para overlay. Com a Gradient Tool (G), preencha a layer com um gradiente. Estou usando um gradiente com amarelo, vermelho e azul.

Hexagons Bokeh in Pixelmator

Passo 14

Aqui você pode ver a ordem das layers.

Hexagons Bokeh in Pixelmator

Conclusão

Aqui está o resultado final desse tutorial. Como você pode ver nós usamos apenas filtros básicos e blend modes para criar esse efeito. Nós não utilizamos nenhuma stock photo para alcançar esse resultado. Uma das melhores características do Pixelmator é sua rapidez. Você completa esse tutorial relativamente rápido pois os filtros são rápidos. Agora é com você.

Hexagons Bokeh in Pixelmator

Dowload Arquivo Pixelmator

Faça o Download do Arquivo Pixelmator usado nesse tutorial.

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.

Sponsored Links

More articles about: