Semana passada eu publiquei um tutorial mostrando como misturar uma fonte customizada criada no Illustrator com algumas stock fotos de leite, criando um efeito bacana. Neste tutorial vamos repetir algumas daquelas técnicas mas usando fotos de carne e vamos também adicionar um pouco de perspectiva para criar uma palavra feita de bifes. Também vamos brincar com blurs para criar mais profundidade de campo ao efeito.

Vamos usar Adobe Illustrator e Adobe Photoshop para criar a composição e usaremos também imagens do Shutterstock, mas sinta-se livre para usar as stock fotos que quiser.

Passo 1

No Adobe Illustrator crie um documento novo e vá até View>Show Grid e View>Snap to Grid. Então com a Rectangle Tool (M) crie 4 quadrados que serão as letras da palavra MEAT. Depois disso selecione a Pen Tool (P) e crie as letras M, E, A e T como na imagem abaixo.

Image from the Meat Text Effect in Photoshop

Passo 2

Como faremos uma fonte de carne, é necessário fazer a letra com cantos arredondados. Para fazer isso, selecione as letras e vá até Effects>Stylize>Round Corners. Use 10 pixels para Radius.

Image from the Meat Text Effect in Photoshop

Passo 3

Copie as letras do Illustrator e cole no Photoshop em layers diferentes. Cada letra em uma layer.

Image from the Meat Text Effect in Photoshop

Passo 4

Vamos usar a foto de um bife para a primeira letra, as fotos que estou usando são do Shutterstock pois tenho registro para baixar algumas imagens por dia. Mas você pode usar imagens diferentes. Esta pode ser baixada de http://www.shutterstock.com/pic-3079359-piece-of-a-beef-on-white.html

Image from the Meat Text Effect in Photoshop

Passo 5

Pressionando a teclaCommand (MAC)/Control (PC) clique no thumbnail da layer da letra M para criar uma marquee selection como na imagem abaixo.

Image from the Meat Text Effect in Photoshop

Passo 6

Vá até Layer>Layer Mask>Reveal Selection. Como podemos ver as bordas estão muito perfeitas, então precisaremos deixá-las menos uniforme.

Image from the Meat Text Effect in Photoshop

Passo 7

Vamos criar um brush para pintar a mask para assim poder deixar as bordas mais reais e menos uniformes. Vá até Window>Brushes e selecione um brush regular e use os ajustes abaixo para Brush Tip Shape, Shape Dynamics, Texture and Other Dynamics.

Image from the Meat Text Effect in Photoshop

Passo 8

Com o Brush Tool (B) selecione o brush que acabamos de criar e então na Layer Palettes clique no thumb da layer mask. Usando branco para a cor de pintura das bordas conforme a imagem abaixo.

Image from the Meat Text Effect in Photoshop

Passo 9

Repita os passos 4, 5, 6 e 8 para a letra E. A imagem que usei pode ser encontrada em http://www.shutterstock.com/pic-3681127-raw-ribeye-steak.html

Image from the Meat Text Effect in Photoshop

Passo 10

Novamente repetiremos as mesmas técnicas para o A. A imagem que usei é a mesma do passo anterior mas eu fiz uma rotação para usar uma parte diferente do bife.

Image from the Meat Text Effect in Photoshop

Passo 11

Para a letra T eu usei outra stock foto que você encontra em aqui.

Image from the Meat Text Effect in Photoshop

Passo 12

As letras M e T precisam de mais alguns ajustes de cor. Selecione o T e vá até Image>Adjustment>Brightness /Contrast. Use 50 para Brightness. Faça o mesmo com a letra M.

Image from the Meat Text Effect in Photoshop

Passo 13

Vamos reduzir a saturação (saturation) da letra M. Selecione o M e vá até Image>Adjustments>Hue/Saturation. Use -26 para Saturation e 8 para Lightness.

Image from the Meat Text Effect in Photoshop

Passo 14

Vamos adicionar uma textura de madeira para criar a tábua ou mesa onde os bifes estarão posicionados. A que eu usei foi também do Shutterstock e você pode fazer o download em: http://www.shutterstock.com/pic-23743900-wooden-texture.html

Image from the Meat Text Effect in Photoshop

Passo 15

Selecione as 4 letras e vá até Layer>Smart Objects>Convert to Smart Objects. Então vá até Edit>Transform>Distort. Depois disso, pressionando a tecla Shift distorça (distort) a layer como na imagem abaixo.

Image from the Meat Text Effect in Photoshop

Passo 16

Agora que os bifes estão na perspectiva correta vá até Layer>Layer Style>Bevel and Emboss. Use Inner Bevel para Style, Chisel Soft para Technique, 530% para Depth, Down para Direction, 30 pixels para Size e 10 pixels para Soften. Também nas opções de Shading use 90º para Angle, 0 para Altitude, Cor Preta para Highlight Mode com Linear Burn e 30% Opacity. Para o Shadow Mode use Overlay e mude a opacity para 0%.

Image from the Meat Text Effect in Photoshop

Passo 17

Depois do Bevel and Emboss selecione a opção Drop Shadow. Use Color Burn com a cor preta e 90% para opacity. Para o ângulo (angle) use 90º, 9 pixels para Distance, 0 para Spread e 10 Pixels para Size.

Image from the Meat Text Effect in Photoshop

Passo 18

Depois de fazer o Layer Styles sua carne estará como na imagem abaixo. Para fazer com que os bifes fiquem mais espessos ou finos, apenas altere os valores do Bevel and Emboss.

Image from the Meat Text Effect in Photoshop

Passo 19

Adicione uma imagem para o background e vá até Filter>Blur>Gaussian Blur. Use 20 ou mais para radius para que a imagem do backgound fique fora de foco.

Image from the Meat Text Effect in Photoshop

Passo 20

Você pode adicionar mais elementos como por exemplo vegetais. Eu usei alface para dar um tom verde legal na imagem. Você pode baixar a que usei aqui.

Image from the Meat Text Effect in Photoshop

Passo 21

Selecione todas as layers que foram utilizadas para criar a composição e vá até Layer>Merge Layers. Então vá até Layer>Layer Mask>Reveal All. Selecione a Gradient Tool (G) e usando preto e branco preencha a mask com um gradiente de preto (topo) para branco (1).

Depois disso vá até Filter>Blur>Lens Blur. Use Faster para Preview, para Depth Map use Layer Mask . Para Blur Focal Distance use 75 e Invert. Na Iris Options, use Hexagon para Shape mude o Radius para 30. Pressione OK. O Lens Blur vai criar um bom efeito de profundidade de campo.

Image from the Meat Text Effect in Photoshop

Conclusão

Bem, o efeito está praticamente pronto, mesmo sendo um pouco difícil de ler a palavra, mas essa era a idéia de criar um texto feito com bifes. Você pode adicionar seu logo e outros elementos, contudo o mais importante será tentar manter a perspectiva ou o efeito não será tão convincente. Com essa técnica você conseguirá criar algumas boas manipulações de imagens. Espero que o tutorial tenha sido útil. Mande sua opinião sobre esse tutorial e também sugestões para próximos tutoriais.

Image from the Meat Text Effect in Photoshop

Download de Arquivos

Faça o Download dos arquivos Photoshop usados nesse tutorial

Editado por GisMullr

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.