Línguas

Top Navigation

Feliz Ano Novo no Pixelmator

janeiro 11, 2010 from abduzeedo's blog

Nesse tutorial, vou mostrar a vocês como criar um design inspirado no logo da Dreamworks, com belas nuvens e alguns efeitos de luz. Nós vamos usar o brush de nuvem que vem com o Pixelmator e algumas stock photos. O processo todo vai levar uma hora.

Esse tutorial é parte da série de tutoriais que tenho feito para o Pixelmator Learn site.

Passo 1

Crie um novo documento no Pixelmator, e com a Gradient Tool (G), preencha o background com um Linear Gradient usando Azul Escuro e Preto de baixo para cima.

Happy New Year in Pixelmator

Passo 2

Vá até View>Show Brushes. Dê um duplo clique no brush das nuvens (clouds brush) —esse brush vem com o Pixelmator. Vamos mudar alguns presets, especialmente a Opacity — vamos mudar isso para 55%. Mude o Flow para 80%. Use a imagem abaixo como referência.
Esse brush será usado para criar nossas nuvens.

Happy New Year in Pixelmator

Passo 3

Adicione uma nova layer, selecione então a Brush Tool (B) e branco para a cor. Agora, com o brush que criamos, comece a pintar algumas nuvens. Pinte mais em algumas áreas que em outras, especialmente nos cantos.

Happy New Year in Pixelmator

Passo 4

Adicione outra layer acima da anterior com as nuvens brancas. Agora, ainda usando a Brush Tool (B) com o mesmo brush. Pinte algumas nuvens usando preto na cor. O preto é importante para criar profundidade nas nuvens.

Happy New Year in Pixelmator

Passo 5

Adicione outra layer acima das outras duas das nuvens. Pinte novamente com a Brush Tool (B), mais uma vez com branco. Assim teremos três layers para as nuvens: branco em baixo, preto no meio e branco em cima.

Happy New Year in Pixelmator

Passo 6

Agora vamos criar alguns efeitos de luz. Adicione uma layer acima da primeira layer de nuvem, a branca. Preencha a layer com preto, troque o Blending para Color Dodge. Selecione a cor salmon (#a78888) e pinte novamente algumas nuvens. Como você pode ver na imagem abaixo, efeitos de luz aparecem nas nuvens.

Happy New Year in Pixelmator

Passo 7

Adicione uma nova layer abaixo das outras e a preencha com preto usando a Paint Bucket Tool (N). Depois disso, vá até Filter>Stylize>Noise. Use 15 para Amount, e não selecione a opção Monochrome.

Happy New Year in Pixelmator

Passo 8

Vá até Image>Levels. Ajuste o Black input para 37, o Gray para 55 e o White para 74. Essa é a maneira mais fácil de criar estrelas. Você também pode adicionar um pouco de blur e repetir os passos se quiser fazer estrelas maiores. Depois disso, troque o Blending para Screen.

Happy New Year in Pixelmator

Passo 9

Vamos adicionar mais uma layer. Selecione então a Brush Tool (B) com um 'basic round brush'. Usando a cor roxa, pinte um ponto de luz no centro de seu design. Vamos colocar uma lua no centro do design, então faça o ponto grande. Troque o Blending para Screen e a Opacity para 30%.

Happy New Year in Pixelmator

Passo 10

Para a lua, usei uma stock photo. A que usei foi cortesia do Shutterstock e você encontra ela em: http://www.shutterstock.com/pic-40812199/stock-photo-moon.html. Coloque a imagem do centro do documento, depois vá até Edit>Transform>Scale. Redimensione e troque o Blending para Screen.

Happy New Year in Pixelmator

Passo 11

Com a Type Tool (T), digite “2010.” Use uma fonte que tenha um zero bem arredondado, como um círculo perfeito. A que usei foi a Instanter. Use branco na cor e troque a Opacity para 40%. Vá até Layer>Rasterize Layer.

A type layer é agora um bitmap

  • Com a Eraser Tool (E) delete o primeiro “0.”
  • Com a Rectangular Marquee Tool (M), selecione o número “2,” e com a Move Tool (V), mova ele para perto da lua; selecione então o “1” e também o mova para perto da lua. Depois disso, selecione o outro “0” e o coloque bem perto do “1.”
  • Com a Eraser Tool (E), selecion um basic rounded brush; para o tamanha, escolha um maior que a lua. O brush também precisa ser suave. Delete então a área abaixo da lua para que parte do “2” e do “1” sejam afetados.

Happy New Year in Pixelmator

Passo 12

Vamos adicionar uma textura ao texto. Importe uma textura de concreto, e posicione a layer acima do 2010. Vá então até Layer>Create Clipping Mask. A textura será exibida apenas onde estão os números.
A textura que usei é do Shutterstock e pode ser encontrada em http://www.shutterstock.com/pic-16751947/stock-photo-large-concrete-wall....

Happy New Year in Pixelmator

Agora é hora de colocar uns fogos de artificio. Mais uma vez usei minha conta do Shutterstock para encontrar boas imagens. A que usei pode ser encontrada em http://www.shutterstock.com/pic-43315858/stock-photo-many-golden-firewor....
Importe a imagem e troque o Blending para Screen. Com a Eraser Tool (E), delete as áreas da imagem que não são necessárias. Para criar mais fogos, duplique a layer e a gire (Edit>Transform>Rotate). Você também pode trocar as cores usando Image>Colorize. Eu criei duas — uma verde e outra vermelha — como pode ver na imagem abaixo.

Happy New Year in Pixelmator

Passo 14

Adicione uma nova layer acima das outras e a preencha com um gradiente. Criei um gradiente usando amarelo, vermelho, roxo e azul. Use Linear Gradient e pinte na diagonal.

Happy New Year in Pixelmator

Passo 15

Troque o Blending da layer do gradiente colorido para Overlay. Depois disso, selecione todas as layers e vá até Layer>Duplicate Layer. Com todas as cópias duplicadas ainda selecionadas, vá até Layer>Merge Layers. Você terá uma layer com o design flat.

Happy New Year in Pixelmator

Passo 16

Com a layer flat, vá até Filter>Blur>Gaussian Blur. Use 25 para Radius. Depois disso, troque o Blending para Screen. Esse passo vai dar um toque de brilho a imagem. Dica: você pode usar a Eraser Tool (E) para deletar algumas áreas para dar brilho.

Happy New Year in Pixelmator

Passo 17

Selecione todas as layers e as duplique novamente. Depois disso, 'merge all the layers to a new layer', e vá até Filter>Halftone>CMYK Halftone. Use 3 para Width, 24 para Sharpness e 25 para UCR.

Eu adoro esse filtro pois ele dá um estilo antigo ao design, deixando o visual retro.

Happy New Year in Pixelmator

Passo 18

Na minha opinião as cores estão muito vívidas, então fui até Image>Hue and Saturation e reduzi a Saturation para -10.

Happy New Year in Pixelmator

Conclusão

O design está pronto. Nós usamos um brush básico do Pixelmator para criar as nuvens. Nós também usamos algumas stock photos e blendings para completar a peça. A idéia desse tutorial, e de todos os tutoriais que tenho escrito para o Pixelmator, é praticar as ferramentas e testar os ajustes. Eu acho que a melhor maneira de aprender é tentando; dessa maneira, você pode descobrir novas possibilidades que poderão ser úteis para próximos designs.
Desejo um feliz 2010 a todos e espero que possamos dividir e aprender mais sobre o Pixelmator.

Happy New Year in Pixelmator

Download do Arquivo Pixelamtor

Clique aqui para fazer o download do arquivo Pixelmator usado nesse tutorial.

Sobre o autor

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. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Eclipse Super Fácil da Abertura do Heroes no Photoshop
Eclipse Super Fácil da Abertura do Heroes no Photoshop
Se você alguma vez viu a série Heroes, sem dúvida vai lembrar da abertura fantástica mostrando um eclipse. Ela dura apenas alguns segundos, mas na minha opinião é uma das melhores aberturas da televisão, principalmente pela suasimplicidade e design incrível. Nesse tutorial, vamos aprender a recriar a imagem do eclipse solar com um look um pouco retro usando nada além do photoshop.

Try this Wallpaper

Wallpaper da Semana #66 - James White
Wallpaper da Semana #66 - James White
O wallpaper dessa semana é muito legal, é a arte Tron Legacy criada por James White. Bom, acredito que James já não precise mais ser apresentado. O trabalho dele é incrível e o design, sem comentários.

Book Suggestion

Sugestão de Livro: The Lean Startup
Sugestão de Livro: The Lean Startup
A série semanal de sugestão de livros já é um sucesso no Abduzeedo.com e hoje estamos começando a postar a série aqui no Abduzeedo Brasil também, esperamos que gostem. O livro sugerido nessa semana é um livro de leitura obrigatória na minha opinião, é o livro The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful Businesses de Eric Ries.