How-to de como eu traduzo as tiras.

Com este how-to, pretendo mostrar como realizo as traduções das tiras utilizando o GIMP
O GIMP pode ser obtido em:
http://www.gimp.org/

Para SOs não-unix, deve se baixar o GTK e o GIMP.
Ambos estão na mesma página de download, apenas faça o download dos dois.


Primeiro, o computador deve estar ligado



Depois, colocamos uma música, porque ficar na frente do computador sem ouvir nada é dose.




Depois, eu pego a tira do Garfield, que vem direto no e-mail




Salvo a tira numa pasta, junto com as outras




Abro a tira em dois programas
O GIMP para a edição.
e o kuickshow, para ficar comparando o que eu edito com a tira original




Seleciono o texto da tira, com a ferramenta "Select Retangular Regions (R)"
E deleto a área com CTRL+K
A ferramenta e a opção estão na imagem abaixo.




Faço isso com a tira toda




Antes de colocar o texto, transformo a figura, que é um GIF, com as cores em uma tabela indexada, limitando o número de cores em 256, em uma figura RGB, que tem um suporte muito maior de cores.
Esse passo é necessário para o "anti-aliasing" do texto, que não ficará bom numa figura que tem limite de 256 cores.




Agora, escrevo o texto.
Utilizo a fonte "Komika Text", que também está disponí­vel no site
Aqui
Tamanho 13, e line spacing -3
É o padrão que uso pras tiras do Garfield
O Antialiasing está ativado, e o texto é centralizado
Tudo em MAIÚSCULO





Agora, faço isso com a tira toda




Como a tira será salva em formato .png, e .png não suporta camadas, vou "achatar" a tira, deixando ela com uma camada só.
Por que PNG?
Aqui



Com a tira devidamente com uma única camada, voltaremos ela para um número limitado de cores.
É desperdício de espaço, salvar uma tira que tem poucas cores, em um modo que suporta milhões de cores.
Só fará o tamanho da tira "inflar", sem nenhum ganho adicional na qualidade da imagem.





Primeiro, coloque "Color Dithering", em "None"
A não ser que queira um pouco de "ruí­do" na imagem.

Para as tiras do garfield, 32  ou 16 cores está de bom tamanho

Se achar que a tira ficou feia (os rostos dos personagems começarem a ficar verdes), desfaça a ação e aumente um pouco o número de cores.
Tirinhas não devem ser salvas em RGB, não há necessidade
E em rarí­ssimas ocasiões, usa-se todas as 256 cores, pois também não há necessidade (Uso em raras ocasiões em tiras que tem degradê, e utilizam um grande número de cores)
Coloque um número baixo, se a tira ficar feia, com cores deformadas, aumente um pouco quantidade de cores, até ficar boa.



Agora, vamos salvar a tira.

File / Save As...




Selecione ".png" no "File Type"




As minhas configurações para ".png" são essas.
Creio que não deve diferir muito das configurações-padrão



E é isso aí­, a tira está salva.


Agora, veremos um detalhe nas tiras em preto e branco.

Nas tiras em preto e branco, adicione esse passo abaixo ANTES de voltar a tira para um número limitado de cores.

Nas tiras em Preto e Branco, antes de limitar ela com um número de cores, coloque ela no modo "Grayscale"
Caso contrário, a tira ficará "Amarelada", se você limitar o número de cores dela, trabalhando com a tira no modo RGB (RGB é colorido)





Então, depois limite ela a um número de cores (bem baixo, afinal a tira é P&B)

Eu costumo usar 7 ou 8
Por que não 2 cores? (Preto e Branco)
Porque a tira tem escalas de cinza



O texto não cabe no balão


Uma das coisas que pode acontecer com certa freqüencia, é o texto não caber no balão
Olha que bonito o texto abaixo, pena que está fora do balão.
Eu poderia diminuir a fonte do texto, mas ficaria um balão com fonte menor do que as outras.




Nesse caso eu vou esticar o balão
Primeiro eu seleciono uma parte do balão já existente




E vou duplicar ela
Primeiro, Edit -> Copy




Depois, Edit -> Paste




Teremos uma "Pasted Layer" flutuando.




Essa camada não é definitiva
Vou transformar ela em uma camada definitiva
Botão direito na "Floating Selection", na janela "Layers, Channels, Paths..." -> "New Layer..."




Agora temos uma nova "Pasted Layer", na frente de tudo.



Reordene as camadas, na janela "Layers, Channels, Paths..."
É só clicar em cima do nome da camada, e arrastar.
Vou arrastar ela para o fundo, antes do "Background", para ela não ficar na frente do texto



Agora, com a ferramenta "Move Layers & Selections (M)", é só clicar na camada que foi colada ("Pasted Layer")
Segure e arraste em direção ao texto, para cobrir o fundo.
Dando assim a impressão de que temos um balão grande.





Resultado final:
Ninguém nem percebe.







Efeitos de texto

Os mais comuns


Negrito, Itálico e Sublinhado

Primeiro, no GIMP um objeto de texto, só pode ter uma única fonte.
Você não pode ter uma palavra com a fonte Courier e outra palavra com a fonte Arial no mesmo objeto ou bloco de texto.
Mas você pode sobrepor os objetos, colocando um na frente do outro.


O GIMP não faz o "Fake Bold" e "Fake Italic" que outros programas fazem, e que muitas vezes tem resultados indesejáveis com algumas fontes.
Se a fonte que você usar não tem suporte para Negrito ou Itálico, pode-se fazer manualmente, mas eu recomendaria uma outra fonte.
Para realizar o Negrito e Itálico, basta você selecionar a fonte Negrita ou Itálica.




Uma das formas mais simples de sublinhado, é colocar vários "_" abaixo do texto





Rotacionar e Espelhar


Temos aqui uma palavra "Fliperama", que deve ser rotacionada e espelhada, pois a idéia é que quem está do lado de fora que irá ler.




Basta clicar com o botão direito em cima do objeto, Tools -> Transform Tools -> Rotate





Vou girar o objeto em -10 graus




Clique em Rotate.
Agora, espelhar a imagem.

Botão direito no objeto, Tools -> Transform Tools -> Flip




É só clicar em cima do objeto
Se segurar o CTRL, você espelha o objeto no outro eixo.

Apenas movendo um pouco o objeto de lugar, com a ferramenta "Move Layers & Selections (M)"
E o resultado é esse abaixo




Perspectiva

Temos aqui a palavra "Recepção", que se recusa a encaixar no espaço designado à ela.

Botão direito nela, Tools -> Transform Tools -> Perspective




Simplismente vou "puxar" os cantos do objeto, para se encaixar no desenho ao fundo.
Clique em "Transform"





E voila





Texto com Borda (Outlined Text)


Temos aqui o texto de nossa loja "Culunga"
Para ficar mais bonito vamos colocar uma borda preta nesse lindo texto amarelo-ovo.

Note que o objeto texto tem uma àrea maior que o texto, pois a borda também será maior que o texto.
Uma linha branca em cima, espaços ao lado da palavra, e uma linha branca em baixo





Botão direito no nome do objeto, na janela "Layers, Channels, Paths..."
E "Duplicate Layer"





Uma cópia do "Culunga" foi criada.
Deixe-a de lado.
Botão direito no "Culunga" original de novo.
"Alpha To Selection"





A palavra "Culunga" foi selecionada (Ou melhor, o contorno dela)




Com essa seleção ainda não dá prá fazer a borda.

Menu "Select" -> "Grow"




Vamos aumentar a seleção em 2 pixels




Clique em "OK"
E pronto, temos uma seleção "expandida" da palavra "Culunga"





Com a ferramenta "Paint hard edged pixels (N)"
Com as configurações da imagem abaixo, clique e arraste para pintar de preto dentro da seleção




Pronto, um texto amarelo com uma borda preta





Provavelmente há outras formas de se fazer essas mesmas coisas, mais fáceis ou mais difíceis.
Essas acima são as que eu uso.