Tipografia metálica

Publicada em
Última atualização em 24/11/2009 09h 00min

Crie uma letra no estilo steampunk usando imagens de catálogo e o Photoshop


 



  Nesta edição, fomos inspirados pelo Steampunk em todos os aspectos! Se você já experimentou nosso tutorial de pintura digital, vai encontrar aqui a tipografia perfeita para usar com ele.
  No passo a passo a seguir, vamos descobrir o que é necessário para criar uma fonte no estilo steampunk. Ela incluirá ornamentos neovitorianos combinados com elementos industriais da era da tecnologia a vapor, tudo isso usando imagens de catálogo ou até mesmo suas próprias fotos. Como ambos têm uma presença forte e distinta na linguagem visual, os dois elementos inspiram enormemente muitos ilustradores e artistas digitais em seu trabalho.
  Antes de tudo, aprenderemos a montar a estrutura de uma peça de tipografia ilustrada, a qual poderá ser aplicada a qualquer trabalho tipográfico. Depois disso, usaremos o Photoshop para construir uma letra usando diferentes elementos de imagens de catálogo e reuniremos tudo para fazer um só todo. Na última etapa, veremos como apresentar a ilustração de maneira adequada.
  Para este tutorial, não será preciso nada mais do que o bom e velho Photoshop e algumas imagens de objetos metálicos. Usamos o CS3, mas você pode usar qualquer versão do programa, já que empregaremos apenas funções básicas como recorte e pincéis.

1 Prepare o documento

Vá diretamente ao Photoshop e crie um documento. Fizemos uma pesquisa sobre o assunto para descobrir como aplicar bem este estilo. Nas configurações, deixe a tela no formato A3, na posição de paisagem, tamanho 420x297mm a 300 dpi.

2 Faça uma amostra

Neste momento, você já deve ter uma ideia das formas que serão usadas e onde serão postas. Todavia, é útil criar uma amostra para garantir que aquilo que você planeja é de fato possível. Esta captura de tela mostra um exemplo disso, ajudando a ter uma ideia da estrutura da amostra.



3 Forme uma estrutura

Fica claro que as linhas do ornamento são bem retas. O estilo steampunk é caracterizado por vigas industriais bem retas, enquanto os outros elementos combinados com ornamentos se entrelaçam nelas. Círculos ficam bacanas nas juntas, já que eram formas geométricas comuns na indústria a vapor. Eles também podem ser cobertos com ornamentos.






“ O estilo steampunk é caracterizado por vigas industriais bem retas, enquanto os outros elementos combinados com ornamentos se entrelaçam nelas”


4 Desenhe uma grade

As letras precisam ter linhas bem retas para se encaixar no tema. Antes de tudo, preencha o plano de fundo com uma cor preta.
Para obter uma grade, crie uma camada e desenhe um quadrado (segure Shift enquanto desenha) com a ferramenta Rectangle, usando a cor branca. Diminua o alpha um pouco, depois repita mais algumas vezes para criar uma estrutura semelhante à desta ilustração. Há um exemplo no CD.

 

5 Ative as réguas

Mescle estas camadas e, segurando Opt/Alt e Shift, arraste e copie de acordo com a estrutura da ilustração. As linhas verdes são as guias a adicionar. Primeiro, ative as réguas do Photoshop (Cmd/Ctrl + ;). Com as réguas ativadas, clique e arraste as guias a partir das réguas para a tela e cubra a estrutura completa dessa maneira.

6 Desenhe a fonte

A seguir, desenhe uma fonte semelhante à de nossa ilustração em uma nova camada. A ferramenta Rectangle é útil para isso. Tenha em mente que o trabalho estará bem rústico neste momento, já que essas letras serão usadas apenas como referência. Mantenha a fonte dentro da moldura das letras e estruturas centrais, colocando-a sobre o meio da linha. Feito isso, diminua a transparência mais ou menos à metade e desative as guias.

7 Atrás do catálogo

Neste momento, as letras precisam de um pouco mais de personalidade. Procure por boas imagens de catálogo na internet ou fotografe as suas próprias. Para este tutorial, usamos imagens gratuitas de www.cgtextures.com, um dos melhores recursos da web para texturas. Depois de encontrar bons exemplos, é preciso cortá-los e apará-los, usando, por exemplo, as ferramentas Pen ou Polygonal Lasso.

8 Recorte as imagens com a ferramenta Pen

Para recortar um ornamento, selecione primeiro a ferramenta Pen. Desenhe o path com o auxílio das teclas Cmd/Ctrl e Opt/Alt para modificá-lo enquanto desenha. Depois de fechar o path, vá ao painel Paths e transforme o demarcador em seleção para recortar.

9 Importe os elementos

Quando alguns dos elementos estiverem recortados, você pode começar a importá-los para a tela de sua fonte. Basta adicionar tantos elementos quanto possível, já que quanto mais variedade houver, melhor ficará sua tipografia.
Em outras palavras, quanto menos for preciso duplicar, melhor.






TRABALHE COM NÍVEIS
Não tenha medo de experimentar novas maneiras de trabalhar. Por exemplo, em vez de trabalhar com Levels, você também pode usar Curves. Seu ajuste é um pouco mais preciso, ao passo que os Levels geralmente ajudam em um fluxo de trabalho mais veloz. Para saber mais, visite *www.cambridgeincolour.com/tutorials/ levels.htm*. Este site traz uma boa visão geral das possibilidades da ferramenta.


10 Ponha no lugar

Para evitar que a tela fique atafulhada, comece a redimensionar e aplicar a transformação livre (Cmd/Ctrl + T) às peças e tente encaixá-las no lugar em que deseja que fiquem. Em seguida, diminua a saturação (Cmd/Ctrl+Shift+U) dos elementos. Para fins de praticidade, nos próximos passos, vamos nos concentrar apenas no “Y”.

11 Camadas

Lembre-se de que para a estrutura  você precisa das formas circulares nas juntas e vigas. Depois, empilhe as camadas dos elementos. O melhor é deixar as camadas dos círculos sobre as das vigas. Ponha a maior parte dos elementos entre os círculos e as vigas, alguns sobre os círculos e alguns abaixo das vigas.



 

“ Adicione tantos elementos quanto possível, já que quanto mais variedade houver, melhor”



12 Combine os níveis

Nem todas as fotos se combinam bem com as outras. O problema, aqui, não é a cor; esse efeito se deve principalmente aos níveis. Ajuste-os sempre que necessário. Brinque com os deslizantes e procure combinar os ajustes de Levels com os das outras imagens.

13 Tudo junto

Depois de inserir e posicionar todos os elementos com os valores corretos, a imagem deve se parecer com a da nossa ilustração. Não demora muito para criar todas as outras letras da mesma maneira, mas provavelmente será preciso correr atrás de muito mais imagens.

14 Se ajeite com as sombras

Adicione sombras aos pequenos elementos para que se mesclem melhor. Esse também é um bom modo de mascarar alguns dos problemas com níveis e iluminação que não puderam ser resolvidos antes. Problemas com fendas e luzes estão entre os que podem ser resolvidos projetando sombras sobre os objetos.

15 Acrescente sombras

A seguir, selecione a camada a que deseja adicionar sombra, depois segure Cmd/Ctrl + H e clique nessa camada para transformá-la em seleção. Depois, em uma nova camada, use um pincel preto suave com um tamanho em torno de 35 a 45 e pinte algumas sombras. Controle a densidade da sombra no ajuste de opacidade. Isso pode ser feito em todas as camadas que precisam de sombra.



“Adicione sombras aos pequenos elementos para que se mesclem melhor. Esse também é um bom modo de mascarar alguns dos problemas com níveis e iluminação”

16 Sombra global

Depois de completar as sombras de todas as camadas, mescle-as e dê à fonte inteira uma sombra global. Isso pode ser feito exatamente como na etapa anterior. Desse modo a tipografia fica menos plana e parece mais integrada.

17 Paleta de cores

Agora que está tudo combinado, é hora de adicionar novamente algumas cores. Crie uma pequena paleta de cores em uma nova camada e escolha os tons que poderiam se adequar ao tema. Depois de criar a paleta e uma nova camada, transforme a fonte em seleção (segure Cmd/Ctrl + H e clique na camada) e comece a pintar com um pincel grande e macio com uma das cores escolhidas. Use o modo de mesclagem Color na camada da cor e diminua a opacidade para 57.

18 Acobreados

As cores precisam ter um toque de cobre, o que obtivemos com uma nova visita às texturas do CGTextures. Antes de importar a textura principal de cobre para a tela, passe um Gaussian Blur grande. Repita esta etapa com uma textura de cobre oxidado, com um blur mais suave para manter algumas manchas.

19 Mais cores

Importe as texturas e coloque-as por cima da fonte. Selecione as letras (segure Cmd/Ctrl + H e clique na camada) e inverta a seleção para apagar as partes indesejadas da textura. Brinque com os modos de mesclagem para ver o que funciona melhor, embora, em geral, sejam os modos Multiply e Overlay os mais recomendados.

20 O fundo

A última etapa é criar um belo ambiente para suas letras. Mescle todas as camadas de tipografia e de cores para acertar o espaçamento das letras e a composição; um fundo clarinho fica melhor aqui, talvez com um dégradé suave. Com um pincel largo, pinte uma borda mais escura ao redor do quadro.