Texto 3D com GIMP

Prévia do material em texto

Texto em 3D − Tutorial 2
Autor:Stefan Kamphausen
Tradutor:Davi Ferreira
O tutorial a seguir lhe confere o conhecimento necessário para se obter belos textos ou letras que parecem estar
pressionadas ou saindo da tela. Eu irei descrever alguns passos básicos que você sempre deverá usar para obter este
efeito. Depois disso, nós aplicaremos uma sombra ao texto. Este tutorial foi criado utilizando a versão 1.0 do GIMP em
um SuSE 5.3. É claro que após escrito este tutorial, uma nova e melhor versão do GIMP já estará disponível, mas eu
não possuo uma no meu computador de 5 anos que continuo usando em minha casa.
Antes de tudo, crie uma nova imagem de tamanho 256x256, tipo RGB, com fundo branco e abra a janela
de camadas (Ctrl+L). Crie uma nova camada transparente pressionando Ctrl+N na janela de Layers &
Channels. Dê o nome de "text orig".
 
 
Agora crie uma letra. Isto pode ser feito em diferentes maneiras. Por uma lado você pode ter boas fontes
instaladas, ou mais do que isso, você está rodando um sistema XWindow com fontes TrueTypes. Por outro
lado, você pode usar a ferramenta Bezier de seleção e criar sua própria letra. Aqui eu usei a ferramenta de
texto e criei um G maiúsculo com a fonte cooper que eu instalei do pacote freefonts (você pode encontrá−las
no site do GIMP, na parte de recursos/fontes). Eu configurei então o tamanho para 150 que funciona bem com fontes
escaláveis.
Gimp Brasil − http://www.gimp.hpg.com.br
1
Mova a floating selection para próximo do centro da imagem e ancore−a clicando no ícone da âncora na
janela de Layers. Agora duplique esta camada e dê o nome de "text map", clicando duas vezes sobre ela.
Gimp Brasil − http://www.gimp.hpg.com.br
2
Agora faremos um mapa da camada "text map" slecionando−a na janela de Layers & Channels e utilizando
Filters > Blur > Gaussian Blur (IIR) com radius de 15. Após isso torne as camadas de texto invisíveis
clicando sobre o olho a esquerda na janela de Layers. O último passo nesta fase é criar uma nova camada (do
mesmo jeito de antes) com o nome "text", pois ela conterá o texto final.
Gimp Brasil − http://www.gimp.hpg.com.br
3
Nós agora iremos preencher a nova camada (text) com uma texttura. Ok, com a camada do texto final
selecionada, marque tudo (Ctrl+A). Você sabe quando tudo está marcado quando existe um controno de
"formigas andando" ao redor da imagem. Clique duas vezes sobre a ferramenta de balde. Isto lhe trará uma
outra janela, com as opções da ferramenta. Escolha o parâmetro "pattern fill", que é usado pra
preenchimento com texturas. Qual textura usar é selecionada na janela "Pattern Selection", que pode ser
acessada via Ctrl+P ou no menu Dialogs. Escolha a textura "Grey Paper" (100x100) que fará um belo texto 3D. Agora
clique na imagem e preencha a camada.
Gimp Brasil − http://www.gimp.hpg.com.br
4
Agora deixaremos o estágio de preparação e iremos para o que interessa. Vamos selecionar a camada
preenchida pela textura de papel e abrir o filtro Bump map: Filters > Map > Bump Map. Lá nós escolhemos a
camada "text map" como o bump map, marcaremos também a opção "Compensate for darkening" que é
sempre uma boa escolha se você já tiver uma textura na camada que irá sobresaltar a outra. Depois brinque
com as opções até chegar no nível 3D que você deseja. Aqui vão minhas sugestões: configure o parâmetro Waterlevel
para um valor alto, depois posicione a origem da luz alterando os valores de Azimuth. Se a letra não estiver visível na
pré−visualização você pode se movimentar utilizando o botão esquerdo do mouse. Você pode tentar advinhar o que o
parâmetro Depth (profundidade) faz.
O que nós fizemos agora foi usar os valores cinza da letra distorcida como informação de altura para o mapa.
Gimp Brasil − http://www.gimp.hpg.com.br
5
Gimp Brasil − http://www.gimp.hpg.com.br
6
Certo, agora nós temos este enorme G com bastante papel cinza ao seu redor. Porém, nós só queremos o
G então precisamos cortar a "parte de fora".
Primeiro precisamos fazer a máscara. Crie uma nova camada entre a camada text map e a camada text orig, com
fundo branco. Dê o nome a camada de mask. Agoa selecione a camada text orig, marque tudo (Ctrl+A) e copie para a
área de transferência (Ctrl+C). Selecione a text e torne−a invisível. Selecione agora a camada mask e cole o conteúdo
nela, colocando em cima exatamente do G das camada text orig. Feito isso ancore a imagem e selecione Image
>Colors >Invert na camada mask. Ela ficará agora com o fundo preto e o G branco. Marque tudo e copie novamente,
só que agora na camada mask. Você pode até apagá−la neste ponto.
Na janela de Layers marque a camada text e com o botão direito do mouse selecione Add Mask Layer. Feito isso,
uma camada de máscara aparecerá sobre a camada text. Selecione−a e cole o conteúdo qe você tinha copiado antes.
Pronto! Sua máscara está feita e você deverá estar vendo apenas o G em um fundo branco.
Agora escolha Image >Colors>Level. Brinque com os valores e observe o resultado. Escolha uma configuração que
você goste.
Gimp Brasil − http://www.gimp.hpg.com.br
7
Gimp Brasil − http://www.gimp.hpg.com.br
8
Agora vamos adicionar uma sombra. Apenas ative a camada "text map" e mova ela do original (para isso
escolha a ferramenta de mover e utiliza as setas do teclado). A sobre pode estar muito negra. Então configura
a opção de Opacity da camada para aproximadamente 70%.
Tudo bem, tudo bem. Nós não queremos uma sombra preta. Para começar, marque o botão Keep Trans na
janela de Layers e ative a camada text map (agora sombra). Então abra o filtro Qbist: Filters > Render >
Qbist. Você verá um campo de texturas 3x3. Toda vez que você clicar em uma delas ela irá para o centro
gerando 8 novas texturas derivadas. Brinque um pouco até conseguir uma que goste.
Você pode até preencher a camada backgroud com preto, pois neste caso, com sombra colorida, funciona melhor.
Gimp Brasil − http://www.gimp.hpg.com.br
9
Junte as camads visibles (Merge Visible Layers) caso você queira salvar uma imagem sem camadas (jpg,
png, gif, tiff etc.). Estes formatos obrigam você a colocar todas as informações em uma camada.
 
A versão original deste tutorial você encontra em:
http://www.skamphausen.de/gimp/tut/3dtext.html
Gimp.br – http://www.gimp.hpg.com.br
Gimp Brasil − http://www.gimp.hpg.com.br
10