Wallpaper Estiloso no Pixelmator

Neste tutorial vou mostrar a vocês como criar uma textura de alumínio e um efeito de pattern 3D usando técnicas bastante simples. Esse método é útil para fazer interfaces modernas e estilosas ou simplesmente um mockup fashion para o próximo MacBook Pro ou iPhone aluminum.

Este tutorial faz parte de uma série de tutoriais de Pixelmator que tenho escrito para o Pixelmator Learn site.

Passo 1

Abra o Pixelmator e crie um novo documento. Eu usei 1440×900 pixels, mas você pode usar o tamanho que quiser.

Passo 2

Vá até View > Show Gradients, e então crie um novo gradient preset. Use Radial para type. Use #1c1c1f para a cor escura e #363538 para a cor clara.

Passo 3

Adicione uma guia horizontal e uma vertical para encontrar o centro do documento. Depois, com a Gradient Tool (G), preencha a background layer com o gradiente que acabamos de criar.

Passo 4

Vá até Filter > Stylize > Noise. Use 1 para Amount, e deixe a cor intacta.

Passo 5

Selecione a Brush Tool (B) e vá até View > Show Brushes. Selecione um brush redondo e troque os presets como na imagem abaixo.

Passo 6

Usando a guia para referência, selecione a Brush Tool (B). Enquanto pressiona SHIFT, clique para adicionar um círculo na parte superior da imagem. Use a imagem abaixo como referência.

Passo 7

Continue pressionando shift e clique na parte de baixo da imagem para criar os círculos. É bem simples. Você pode também reduzir o tamanho do brush.

Passo 8

Selecione a layer com os "pontos" e duplique a coluna de círculos até que tenha um bloco bacana. Você pode fazer isso arrastando a layer para o ícone "+" no Layer Palette. Eu também os redimensionei, o que você pode fazer indo até Edit > Free Transform ou simplesmente pressionando Command + F.

Passo 9

Primeiro, reduza a opacity dos círculos brancos; use 40%. Depois duplique o bloco de círculos brancos e faça 'merge' deles via (Layer > Merge Layers). Selecione preto para cor e vá até Filter > Color > False Color. Assim os círculos brancos duplicados passarão a ser pretos. Mova-os 1 pixel para cima, o que vai criar um efeito bevel.

Passo 10

Duplique o pattern; você pode selecionar os blocos preto e branco e ir até Layer > Merge Layers para que o pattern inclua apenas uma layer. Simplesmente mova o bloco para o outro lado do canvas. Use a imagem abaixo como referência.

Passo 11

Posicione o ícone que quiser no meio do documento. Eu estou usando o ícone de energia. A cor não é importante nesse passo pois vamos usar aClipping Layer para mudar isso.

Passo 12

Crie uma nova layer acima do ícone e a preencha com branco.

Passo 13

Vá até Filter > Stylize > Noise. Use 40 para Amount e selecione Monochrome.

Passo 14

Vá até Layer > Create Clipping Mask; assim a layer ficará visível apenas nessa área do ícone.

Passo 15

Na clipping layer, vá até Filter > Blur > Zoom Blur. Use 20 para Amount e mova o controller para o centro do ícone.

Passo 16

Agora vá até Filter > Stylize > Noise. Use 2 para Amount e selecione Monochrome novamente. Isso vai criar um efeito de metal escovado no ícone.

Passo 17

Duplique a layer do ícone. O ícone que usei já era preto, então o coloquei atrás do ícone com a textura de metal. Depois, mova o ícone preto 2 pixels para cima, criando um efeito embossed.

Conclusão

Esse tutorial mostrou a você como criar uma textura de alumínio usando gradiente e noise. Nós também brincamos com o mecanismo deBrush para criar um pattern e demos ao pattern um efeito bacana 3D. O Pixelmator tm filtros muito úteis que permitem aos usuários criar qualquer tipo de efeito ou imagem; basta experimentar as ferramentas para saber o que pode fazer.

Click on the image for full preview

Versão Clara

Você pode criar uma versão mais clara do wallpaper simplesmente usando cinzas claros no background. Você pode também trocar a opacity do pattern de círculos brancos para 100% para que o efeito 3D fique mais visível.

Clique na imagem para ver um full preview

Download do Arquivo Pixelmator

Faça o Download do aruivo Pixelmator usado nesse tutorial