Neste tutorial vou mostrar a vocês como criar um texto dourado bonito e realista no Pixelmator. Ele pode ser útil para o seu próximo design de Natal. Nós vamos usar ferramentas básicas e gradientes para imitar ouro, com uma técnica super fácil. Eu escrevi um tutorial mostrando como criar o mesmo efeito, mas no Photoshop, você encontra o tutorial no PSDTUTS.

Este tutorial é parte de uma série de tutoriais que escrevi para o Pixelmator Learn Site.

Passo 1

Abra o Pixelmator e crie um documento novo. O tamanho não é importante, mas estou usando 1440×900 pixels. Vá etnão até View>Show Gradient para abrir o Gradient Panel. Crie um novo Radial gradient de marrom escuro no centro para preto. Preencha a background layer com esse novo gradiente.

Golden Text in Pixelmator

Passo 2

Vá até Filter>Stylize>Noise. Use 1 para amount e garanta que a opção monochrome NÃO esteja selecionada.

Golden Text in Pixelmator

Passo 3

Com a Type Tool (T) digite VIVAVIDA (ou qualquer texto que quiser). Nós vamos quebrar o texto em layers e vamos criar uma nova palavra. Para fazer isso, vá até Layer>Rasterize Type Layer. Então, com a Lasso Tool (L), selecione cada caracter, recorte e cole de volta. Cada um estará em uma layer diferente. (A fonte que usei foi Adobe Garamond.)

Golden Text in Pixelmator

Passo 4

Agora que você tem layers para cada letra, vamos criar a palavra nova. A que eu escolhi foi VIVAD. O VIV está conectado e o AD também. Selecione as layers que formam a palavra, vá até Layer>Merge Layers. Você terá novamente a palavra em uma layer.

Golden Text in Pixelmator

Passo 5

Volte ao Gradient Panel e crie um novo gradient preset. Desta vez crie um linear. Use marrom escuro, bege e branco para as cores, exatamente como na imagem abaixo.

Golden Text in Pixelmator

Passo 6

Adicione uma nova layer acima da palavra VIVAD e vá até Layer> Create Clipping Mask. Use a Gradient Tool (G) para preencher a layer com o gradiente que criamos no passo anterior. Comece na parte de cima da palavra e termine na parte de baixo.

Golden Text in Pixelmator

Passo 7

Adicione outra layer acima da anterior e volte a Layer>Create Clipping Mask. Troque o Blending para Multiply. Com a Rectangular Marquee Tool (M), crie uma seleção retangular começando 2 pixels abaixo do topo da palavra. Com a Gradient Tool (G), preencha a layer com o gradiente que usamos para a letra dourada; desta vez a direção será o oposto, com a cor escura no topo. Use a imagem abaixo como referência.

A idéia é criar uma pequena linha para criar o reflexo do ouro.

Golden Text in Pixelmator

Passo 8

Vamos repetir esse passo para a parte de baixo da palavra. O Blending precisará ser trocado, então use Color Dodge ou Screen. Eu usei Color Dodge, mas precisei duplicar a layer para ter um resultado mais forte.

Repita o passo anterior, mas a idéia agora é colocar uma linha de brilho na parte de baixo da palavra que era escura.

Golden Text in Pixelmator

Passo 9

Esse é o resultado que precisamos atingir.

Golden Text in Pixelmator

Passo 10

Duplique a layer com a palavra VIVAD e a mova para baixo do efeito dourado. Vá então até Edit>Stroke. Use qualquer cor, 1 para Width e Outside.

Golden Text in Pixelmator

Passo 11

Novamente no Gradient Panel, adicione um novo preset usando marrom escuro, bege e marrom escuro. Use a imagem abaixo como referência. Nós vamos usar esse gradiente para criar outro reflexo para o nosso texto dourado.

Golden Text in Pixelmator

Passo 12

Crie uma nova layer acima da layer em que aplicamos o stroke. Vá então até Layer>Create Clipping Mask. Preencha esta layer com o gradiente que criamos no passo anterior. A parte bege precisa ficar na parte de baixo da palavra.

Golden Text in Pixelmator

Passo 13

Duplique a layer com a palavra VIVAD e a coloque abaixo das outras layers mas acima do background. Vá até Image>Invert. Era branco e agora é preto; vá até Filter>Blur>Gaussian Blur. Use 30 para Radius. A idéia é criar uma sombra bacana abaixo do texto dourado.

Golden Text in Pixelmator

Passo 14

Essa é a ordem de gradientes que tenho. Confira o seu para ver se ficou similar ou simplesmente faça o download do arquivo usado nesse tutorial para entender como as layers estão organizadas.

Golden Text in Pixelmator

Conclusão

Esse é um efeito simples e muito bonito. Mesmo sem ter a opção de layer styles que temos no Photoshop, podemos criar Bevels e Gradients usando layers e clipping layers com gradientes. Nós observamos a realidade e tentamos recriá-la com as ferramentas que temos em mãos.

Golden Text in Pixelmator

Versões

Você também pode criar outros tipo de metais, como a prata. Você pode ainda tentar outros gradientes ou apenas aplicar Hue and Saturation.

Golden Text in Pixelmator

Download do Arquivo Pixelmator

Faça o Download do Arquivo Pixelmator usado nesse tutorial

About the author of this post

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.