Mac+

O artigo anterior desta seção foi uma apresentação da tipografia mais comumente disponível no Mac OS X, de um ponto de vista de contexto histórico. O ponto de partida foi uma questão que confunde muitos designers gráficos: como fazer um trabalho retrô parecer realmente velho e não uma releitura óbvia, contaminada por nosso olhar moderno?

Essa questão é importante porque uma quantidade enorme de recentes trabalhos tipográficos cita outras épocas de maneira muito deliberada. Isso quando não usam tipos atuais, com efeitos e distorções que façam o trabalho parecer “envelhecido”. Para comprovar essa afirmação, abra a página de busca de imagens do Google, digite “typographic posters” e veja o que ele mostra. Ou então, vá direto a uma boa fonte: o site www.typographicposters.com. (Os pôsteres autorais são uma ótima maneira de conferir o que os designers estão criando para prazer pessoal, livres das limitações e exigências dos clientes.)

A maioria desses trabalhos não é exploração de novas veredas criativas, é reciclagem esperta de maneirismos visuais de épocas passadas.

Para simular os materiais e técnicas de outras épocas, o primeiro passo é conhecer bem os usos da tipografia e saber quais tipos combinar entre si (tema que, sozinho, já rende um outro artigo). O segundo passo é como “sujar” a arte, que é o que veremos agora. Naturalmente é apenas uma introdução, já que o assunto não tem limites.

Praticamente tudo o que você precisa conhecer é o funcionamento dos efeitos de camadas no Adobe Photoshop.

Papel envelhecido

O efeito favorito do momento é simular papel velho com impressão gasta ou defeituosa. Ainda que o fato de comentá-lo aqui incorra no pequeno risco de estimular mais criações do mesmo tipo, a demanda por elas é muito alta. Existem diversos métodos; este é apenas um deles.

Você nem sequer precisa procurar e escanear um papel autenticamente velho e amassado. O site Bittbox generosamente colocou à disposição uma coleção de texturas gratuitas. Confira em http://tinyurl.com/cdmhux.

Uma busca detalhada no Google vai revelar uma grande quantidade de scans de outros tipos de papéis, também livres para uso: folhas de caderno, páginas de livros amareladas, embalagens etc.

Inclua os elementos gráficos necessários. Em nosso exemplo, foram trazidos dois objetos vetoriais do Illustrator, via copiar e colar (copy & paste), convertidos em Smart Layers (ver box). Mas também poderiam ser textos digitados diretamente no Photoshop. Os objetos (alternadas linhas de texto vazado) são separados para que se possa atribuir cores individuais a eles.

O que faz nosso texto não parecer coisa velha é a absoluta limpeza dos traços. Vamos sujá-los um pouco com efeitos de camada, sem precisar editar suas formas. Selecione o ícone do texto na lista de camadas. Clique na área à direita do ícone (ou selecione Blending Options no menu do painel Layers). Aparecerá a caixa Layer Style.

Ative o Color Overlay e selecione a cor desejada para o texto. Fazendo assim, você pode colocar qualquer cor em seus vetores. Deixe a opacidade abaixo de 100% para deixar visível a textura do papel.

Para deixar o visual do texto mais rústico, o primeiro truque é adicionar um Stroke bem fino (2 pixels, em nosso caso), na mesma cor do Color Overlay, posicionado como Center, efeito Dissolve e opacidade de 70% a 85%. Os contornos do texto ficaram “sujos” com pixels aleatórios.

Agora, volte ao Blending Options, a primeira opção da caixa, e altere os valores da escala de baixo no pé da janela (Underlying Layer). Essa escala determina o que é visível ou não dessa camada em relação ao que está embaixo dela. Empurre um pouco para dentro do gráfico as duas setas. Surpresa! Parece que a tinta está sendo apagada de algumas partes da arte. Apagá-la pelos tons claros sugere que a tinta descascou, e apagá-la pelos tons escuros dá um aspecto de impressão falhada.

Duas observações importantes sobre o Blending Options. A primeira é que o contorno do efeito é abrupto e serrilhado, então o resultado fica melhor se a arte tiver uma resolução bem alta. A segunda coisa é que você terá de refazer o ajuste sempre que alterar os tons da camada de papel que está por baixo.

Texto cinzelado em pedra

Os especialistas em tipografia consideram o alfabeto maiúsculo gravado em edifícios e monumentos da Roma Antiga como o molde básico de nossa escrita atual. Tanto é assim que um dos tipos mais populares da atualidade, Trajan, é diretamente baseado em uma inscrição romana. Vejamos como duplicar com exatidão esse tipo de inscrição.

Onde encontrar uma textura gratuita de pedra?
O Texturez.com tem algumas muito boas. Vá para http://texturez.com/textures/stone. Na página 3, você encontrará algumas fotos de mármore.

Se não houver comprometimento algum de seu trabalho com um tema clássico, é lógico que você pode pirar na tipografia. Usaremos Trajan em nosso exemplo apenas para manter um ar histórico. Note que não mexemos no espaçamento entreletras e não condensamos nem estendemos o texto, porque os antigos não faziam isso! Nessa fonte e contexto, a separação entre palavras consecutivas é feita com o caractere Bullet ([Option][8]), não se usa ponto final e a letra U deve ser substituída por V.

Agora vamos fazer esse texto parecer que está entrando na pedra, exatamente como as inscrições gravadas. Selecione o ícone do texto na lista de Layers. No menu do topo, mude de Normal para Overlay. O texto ficará transparente. A seguir, clique na área à direita do ícone da camada. Aparecerá a caixa Layer Style. Ative a opção Bevel and Emboss, e, nos menus do topo, Inner Bevel, Chisel Hard, Direction Down.

Ajuste os valores que darão o caráter tridimensional às letras. O Depth deve ser aumentado. É necessário que o ângulo da luz em Shading esteja coerente com as sombras naturais na pedra (mas perde a força em ângulos próximos a 90 graus). Provavelmente você terá de aumentar o Highlight e reduzir o Shadow.

O texto foi digitado em preto, por isso as sombras não estão muito naturais. Para integrá-las melhor ao fundo, selecione o texto e altere sua cor no seletor para combinar com os tons mais escuros da pedra.

Quando a textura da pedra é bem marcada, as letras podem ficar difíceis de ler. Faça o seguinte: abra novamente Layer Styles e ative a opçao Outer Glow. Mude o Blending de Screen para Normal. Selecione a cor clara da pedra como cor do efeito. Zere o Spread, aumente o Size e diminua o Range, até que o efeito fique imperceptível mas ao mesmo tempo as letras não sejam mais interrompidas pela textura. Vai dar a sensação de que a pedra foi polida ao redor delas.

Experimente usar o controle preto do Underlying Layer para sujar o relevo das sombras nas letras.

Incrivelmente, isso é tudo. Você já tem sua inscrição clássica perfeita. Caso queira adicionar mais textos e elementos, como linhas retas e ornamentos, componha-os normalmente, clique com o botão direito no símbolo “fx” da camada com estilo, acione Copy Layer Style, e então selecione as demais camadas de objetos e dê Paste Layer Style.

Para inscrições mais rústicas ou mais envelhecidas, a tipografia limpa aplicada diretamente à pedra não funcionará muito bem. Você deve converter o texto em pixels e dar um efeito Filter > Noise > Median para arredondar e desgastar um pouco os contornos das letras.

Estampa em madeira ou couro

Recentemente, vi de perto um computador (que infelizmente não era da Apple) que tinha um lindo gabinete folheado com madeira. A marca vinha estampada, dando um aspecto artesanal. Isso me inspirou a tentar criar uma marca “concorrente”. Pois produzir uma versão convincente desse efeito no Photoshop é mais simples do que parece.

Você já tem sua textura de madeira? Há muitos sites que oferecem texturas de graça. Por exemplo, o Beiz Graphics: www.beiz.jp. No pé da página, à esquerda, há uma esplêndida galeria de madeiras para baixar em 3072 por 2048 pixels. O já mencionado Bittbox também tem madeiras gratuitas, em http://tinyurl.com/ct7ehf.

A madeira escolhida tem um pouco de reentrâncias e veios. O efeito não fica tão bonito em madeira perfeitamente lisa e polida. Digite seu texto ou cole um símbolo em vetor.

Como no caso da pedra, a camada com o símbolo será modificada no painel Layers para Overlay. Dê um duplo clique no espaço à sua direita para abrir o Layer Style. Vamos usar o Emboss novamente. Os ajustes são similares ao da pedra, mas com a opção Chisel Soft para criar um pouco de irregularidade rústica no interior do efeito; um pouquinho só de Soften para a “dureza” do fundo do relevo não ficar muito artificial; e Depth e Size bem maiores que no exemplo da pedra.

Já conseguimos criar um efeito surpreendentemente parecido com o daquele gabinete de computador. Mas o logo não está suficientemente legível. Em vez de deixá-lo transparente, vamos adicionar uma cor. De volta ao Layer Style, selecione Color Overlay, encontre a melhor cor para preencher o símbolo e escolha a opacidade, que determina o quanto a “tinta” encobre a textura subjacente. Pronto!

O título deste tópico fala em couro porque a mesma técnica serve para esse material, conforme vemos em carteiras, capas de livros e bolsas. As principais diferenças são usar o Emboss com a Technique ajustada para Smooth, em vez de Chisel, e um Depth bem mais suave.

Por fim, modificando um pouco os valores para couro, você também tem o efeito correto para metal ou água-forte.

Dica final

Vá ao site www.brusheezy.com. Lá você encontrará uma biblioteca de pincéis gratuitos para o Photoshop. Com ela, poderá incrementar sua arte com respingos de tinta, manchas, pinceladas e várias outras sujeiras realistas.

Tags: Photoshop, retrô