Criando um Retrato Tipográfico no Pixelmator
dom, 02/28/2010 - 03:43
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.
Baixar o Arquivo Pixelmator
Share this post with your friends and followers using:
