Acordei ontem pensando em uma ideia para um tutorial e lembrei que na semana passada vi um efeito de texto muito legal onde as letras eram feitas de pão. Então achei que seria muito legal criar um texto de biscoito usando o Photoshop.

Neste tutorial vou mostrar como criar um efeito de texto muito legal brincando com texturas de biscoitos e layer styles. A técnica é super simples e o processo não demora mais de 30 minutos.

Passo 1

Abra o Photoshop e crie um novo documento. Estou usando o tamanho 2560x1440 pixels. Depois dê um duplo clique na background layer para conseguir editá-la. Vá até Layer>Layer Style>Gradient Overlay. Use #fdebc2 e #f7efe0 nas cores, Radial no Style e lembre de deixar o centro mais claro que as margens.

Yummy Cookies Typography in Photoshop

Passo 2

Adicione o texto que quiser. Eu digitei usando a fonte Cooper Std Black, que é arredondada e bold para deixar o visual ainda mais realista.

Yummy Cookies Typography in Photoshop

Passo 3

Agora vamos usar texturas de biscoitos reais. Usei uma stock photo do Shutterstock que você encontra em http://www.shutterstock.com/pic-74918797/stock-photo-three-peanut-butter.... Cubra o texto com biscoitos e agrupe para que fiquem em um folder.

Yummy Cookies Typography in Photoshop

Passo 4

Crie uma marquee selection do texto pressionando Command (Mac)/Control (PC) e clicando na thumbnail da layer. Depois selecione o folder com a textura e vá até Layer>Layer Mask>Reveal Selection.

Yummy Cookies Typography in Photoshop

Passo 5

Selecione a mask layer e vá até Filter>Brush Strokes>Sprayed Strokes. Use os valores abaixo como referência.

Yummy Cookies Typography in Photoshop

Passo 6

Ainda com a mask selecionada, vá até Filter>Blur>Gaussian Blur. Use 2 pixels em Radius. Dica: esse valor pode variar dependendo da fonte que estiver usando.

Yummy Cookies Typography in Photoshop

Passo 7

Ainda com a layer mask selecionada, vá até Image>Adjustments>Levels. Troque os valores para 100, 1.00 e 150. A ideia aqui é corrigir as blurry edges removendo o cinza. Então primeiro fizemos as margens irregulares mas ficou muito exagerado, então com o blur deixamos um pouco mais suave mas ficou muito blured, então com Levels nós corrigimos isso.

Yummy Cookies Typography in Photoshop

Passo 8

Aqui está o resultado final do processo de masking. O legal de fazer masking em um folder é que você tem a liberdade de brincar com as layers dentro dele.

Yummy Cookies Typography in Photoshop

Passo 9

Crie uma marquee selection da layer mask que tem todas as margens irregulares e então adicione uma nova layer. Preencha essa layer com qualquer cor e vá até Layer>Layer Style>Blending Options. Troque Fill Opacity para 0%.

Yummy Cookies Typography in Photoshop

Passo 10

Selecione Inner Shadow e use os valores abaixo.

Yummy Cookies Typography in Photoshop

Passo 11

Selecione Inner Glow e use novamente os valores abaixo.

Yummy Cookies Typography in Photoshop

Passo 12

E por último mas não menos importante, selecione Drop Shadow. Use Color Burn no Blend Mode e use a imagem abaixo como referência.

Yummy Cookies Typography in Photoshop

Passo 13

Este é o resultado final com layer com layer styles acima do folder com as texturas.

Yummy Cookies Typography in Photoshop

Passo 14

Desabilite a Drop Shadow e então selecione a layer com layer styles e o folder das textures. Duplique os dois e faça merge em uma nova layer. Troque o Blend Mode da nova layer para Overlay then.

Yummy Cookies Typography in Photoshop

Passo 15

Como puderam ver, criar o efeito de texto com biscoitos foi bastante simples, brincamos com masks, texturas e layer styles.

Yummy Cookies Typography in Photoshop

Conclusão

Você pode adicionar texto e também girar alguns caracteres para deixar o efeito mais realista. Lembre que os valores da layer style vai mudar em textos menores, como na imagem abaixo, onde digitei o alfabeto. O legal da técnica é que você pode usá-la em vários tipos de textos. É só começar a fazer experimentos :)

Yummy Cookies Typography in Photoshop
Click on the image for full preview

Download do Arquivo Photoshop

Download do Arquivo Photoshop usado no 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.