fevereiro 28, 2010 from abduzeedo's blog
Nesse tutorial eu vou mostrar para você como criar um foto feita apenas com texto ou como eu chamei em ingles de "typographic portrait" ou retrato tipográfico. A técnica é bem simples, nós vamos aplicar apenas alguns filtros básicos e brincar com os Blendings.
Passo 1
Abra o Pixelmator e crie um novo documento, o formato que eu usei é 1440x900 pixels. Após, preencha o layer do fundo com preto.
Passo 2
Importe a foto que você quer usar de referência, a que eu usei foi uma cortesia do Shutterstock e você consegue achar ela aqui: http://www.shutterstock.com/pic-46756228/stock-photo-sweet-girl.html).
Passo 3
Duplique o layer da image e vá em Image>Desaturate, depois vá em Filter>Blur>Gaussian Blur. Para o blur, use 15 de Radius. Então vai em Image>Invert. Nós vamos usar essa imagem mais tarde, para isso é necessário exportar ela. Vá em File>Export para fazer isso. Salve ela em formato JPG.
Passo 4
Com o Type Tool (T), adicione texto até que toda a tela esteja preenchida. Para a fonte eu use Georgia tamanho 19. Após isso, duplique o layer e mude a color do texto para preto e vá em Filter>Blur>Gaussian Blur, use 4 pixels para radius. Mova esse layer para baixo uns 2 pixels; dessa forma estamos criando uma sombra. Você não vai ver ela agora, mas no final do tutorial você vai entender, pois iremos adicionar mais layers embaixo.
Passo 5
Adicione mais texto, vá mudando o tamanho das fontes também. Para todo texto que você adicionar crie sombras como fizemos no passo anterior.
Passo 6
Abaixo de todos os texts adicione outro layer e novamente preencha esse layer com texto, dessa vez com uma fonte menor, tipo 13. Logo após vá em Filter>Blur>Gaussian Blur e use 3 pixels para o Radius.
Passo 7
Ponha a foto acima de todos os layers agora e mude o Blending dela para Blending to Linear Burn.
Passo 8
Selecione todos os layers de texto e vá em Layer>Merge Layers. Após isso vá em Filter>Distortion>Displacement. Uma caixa de dialogo do filtro vai aparecer. Você vai precisar usar a imagem que exportamos no passo 2. Apenas arraste ela de onde você salvou para dentro da caixa de dialogo do filtro. Então aumente o Scale para 120.
Passo 9
O filtro Displace vai deformar o texto mas vai ficar estranho, especialmente nas bordas do texto. Para concertar isso vá em Filter>Blur>Gaussian Blur. Use 6 para radius.
Passo 10
Duplique a foto e mude o Blending para Multiply e a opacity para 50%. Você pode selecionar todos os layers e duplica-los, então tranformar eles em um layer apenas e ir em Filter>Blur>Gaussian Blur. Usando 15 pixels para o radius e Screen para o Blending. Esses procedimentos vão criar um efeito de luz bem legal.
Conclusion
Esse é um efeito bem legal e útil, você pode tentar ele com outros objetos sem ser texto por exemplo. Como falei a técnica é bem simples mas pode tomar algum tempo para organizar o design com os textos nas posições corretas. Mas são esses detalhes que vão diferenciar o seu trabalho.
