TMJ do meu jeito

Hoje vou ensinar como criar um logotipo usando o Sumo Paint, que é uma alternativa grátis ao photoshop.

Primeiro, acessem o Sumo Paint: http://www.sumopaint.com/app/

Criem uma nova imagem acessando File-> New Image. O bom é que a imagem fique grande, de bom tamanho. Assim dá mais liberdade para trabalhar:

Vamos trabalhar em camadas aqui porque fica mais fácil. O logotipo que vamos criar tem duas partes. A primeira é o nome escrito em vermelho, com contorno preto e amarelo. O segundo é aquele “Turma da(o)” e “Jovem”.

Então vamos fazer o nome. Para isso, crie uma nova camada que vai ficar acima da camada “Background”:

Agora vamos escrever. Selecione a ferramenta texto da barra de ferramentas:

E coloque as seguintes confugurações. O nome da fonte é TMJ. O tamanho é o maior possível. Ela deve estar normal, sem negrito, itálico ou sublinhado. E a cor é vermelha.

É bom colocar um tamanho grande. Mas enquanto estiver escrevendo, Também dá para colocar outro tamanho selecionando o texto e alterando o tamanho da fonte. Clique em um lugar branco da tela e comece a escrever. Importante: Depois de terminar de escrever, não dá mais para alterar, então tome cuidado para não errar, senão vai ter que escrever de novo.

 

Isso dá ao nome aquele contorno preto. Agora vamos dar aquele contorno amarelo. Selecionem "Outer Glow" e mudem as configurações:

Com isso, o nome também vai ficar com aquele contorno amarelo. Se é só esse o objetivo, então acabamos por aqui. Mas quem quiser adicionar o "Turma da(o)" e "jovem", siga os passos abaixo. Primeiro, crie mais uma camada diferente. Depois selecione a ferramenta de texto e escolha a fonte Desyrel. Ela deve estar em negrito e tamanho 45. A cor é #593090.


Depois escreva. Escrever com o Sumo Paint é meio chatinho mesmo, vai ser preciso alguma prática. Escrevam o "Turma da(o)" e "Jovem" nos lugares certos. Eu sugeri tamanho 45, mas dependendo do nome, talvez precise ser menor ou maior.

Depois de ajeitar tudo, vamos formatar para dar aquele efeito que já conhecemos. Primeiro, selecione Layer Effects-> Stroke. Quando a tela aparecer, mudar as seguintes configurações:

Depois selecione Inner Shadow e mude deixe desse jeito:

Resultado Final:

Bem... confesso que o Sumo Paint é um tanto limitado, então será preciso alguma prática e experiencia para conseguir fazer bem esse efeito. Isso é para quem não tem o Photoshop e não pode instalar. Quem já tem, eu recomendo usá-lo porque é melhor.

Há um tempo eu venho tentando fazer as fontes da turma da Mônica. Finalmente consegui terminar e tá aí o resultado. A fonte pode ser baixada aqui: Fonte TMJ

 Agora eu preciso dizer algumas coisas.

1 – Não roubei essa fonte de lugar nenhum, que fique claro. Eu fiz todas as letras, números, etc. aqui no meu computador usando um programa para fazer fontes.

2 – Essa fonte eu fiz usando como referência as letras que aparecem no logo da turma da Mônica. Por exemplo: o “u” foi feito a partir do “n”. O “p” e o “q” foram feitos a partir da letra “a”.

3 – Existem letras que nunca aparecem, como a letra “h”, “v”, “f”, etc. Essas eu tive que adivinhar usando como base as que já existem.

4 – Como eu fiz muitas letras na base do chute, então não posso garantir que estejam exatamente iguais as usadas na MSP.

5 – Muitas pessoas vão querer escrever o próprio nome, mas é bom avisar que dependendo do caso, não posso garantir um resultado perfeito. Nomes que começam com a letra “M” terão um resultado melhor.

Para conseguir os efeitos com bordas pretas, etc, a pessoa vai ter que saber fazer no photoshop ou em outro lugar. A fonte não faz isso automaticamente.

Vou ensinar, no Photoshop, como fazer esse efeito:

Primeiro, Escreva o seu nome na cor #fd0000.

Depois, dê um duplo clique na camada até aparecer a tela “Layer Style” e altere as seguintes propriedades. Para aparecer essa tela, pode dar um duplo clique na camada, ou então apertar o botãozinho indicado nessa imagem. Aí selecione primeiro "Outer glow"

Os valores podem variar dependendo do tamanho da fonte.

Vocês devem ter notado também o jovem, que é em outra fonte. Essa outra fonte pode ser encontrada aqui: http://img.dafont.com/dl/?f=desyrel.

Para conseguir esse efeito, primeiro escreva tudo em maiúsculo. Depois coloque na cor #593090. Aí aplique os seguintes efeitos:

Hoje eu vou falar do Sumo Paint - http://www.sumopaint.com/app/. Esse programa, que roda online sem ter que instalar no computador, é um editor de imagens.

Vou logo avisando que esse programa tem um pequeno porém: ele é grátis, mas existem recursos que para usar, tem que fazer um upgrade para a versão pro. Mas tudo bem, para a maioria das coisas que precisamos, os recursos da versão grátis são suficientes.

Ele tem um bocado de recursos interessantes e posso dizer que é bem enxuto e tem uma interface limpa e tranqüila de usar. Mesmo estando em inglês, dá para usar numa boa.

 

Ao entrar no site, vemos uma tela central oferecendo a opção de criar uma imagem em branco ou abrir uma do nosso computador. Se escolher criar imagem em branco, eles vão criar uma de 800 x 600. Mas se quiser um tamanho diferente, vá em File -> New Image.

Vai aparecer uma telinha com as especificações da nova imagem como nome, tamanho e se o fundo vai ser ou não transparente. 

Para determinar a largura, altere o valor de onde está escrito width. E para a altura, altere o valor de height. O fundo pode ser branco ou transparente, o que vocês acharem melhor. E pronto! Pode começar a desenhar!

Sabe, uma coisa que eu gostei nesse editor é que além de ter camadas, também tem o blend mode. Como falei antes, esse recurso tem muitas utilidades, pode acrescentar efeitos interessantes a imagem e para quem quer colorir linhas, é uma mão na roda.

Por exemplo: eu já vi muita gente colorindo as imagens das revistas da TMJ. Algumas vezes, essas imagens são pintadas com o Paint do Windows e quem já tentou fazer isso deve saber o trabalhão que dá, né? Com o Sumo Paint, tudo fica mais fácil.

Basta abrir a imagem e colocar o blend mode dela para multiply. Obsevem o exemplo abaixo. Eu usei uma imagem da Ed. 55. Normalmente, ela ficaria com o fundo branco. Mas se eu mudar o blend mode dela para multiply, vocês podem ver que o fundo dela fica transparente. Aí é só adicionar camadas em baixo dessa e pintar. Se acontecer de a imagem estar meio amarelada, vão em Adjustments -> Desaturate. Aí fica tudo preto e branco.

Agora eu vou mostrar um pouquinho das coisas que dá para fazer com esse programa. Primeiro, dá para ver que ele tem bastante opções de brushes com várias configurações para gente brincar a vontade. Vão escolhendo e desenhando para conhecer melhor. Podem mudar as cores também e criar suas obras de arte.

Queria também chamar a atenção para as ferramentas de formas que eles oferecem. Usando preenchimentos diferentes e alterando o número de lados, vocês podem criar formas bem elaboradas apenas clicando e arrastando o mouse. 

Outra coisa que eu também achei interessante é o Symmetry Tool, aquele que parece ter a forma de uma florzinha. Com ele dá para criar desenhos tipo uma mandala. A gente desenha e ele completa o resto dando simetria ao desenho. Acho que é mais fácil experimentar do que falar. Dá para fazer coisas tipo assim:

O symmetry tool tem esse formato: 

 

Tem também os filtros, só que a maioria tem que pagar. Mas os que eles disponibilizam são bons. Num deles, que está em Filters -> 3D Effects - > Cube Designer, dá para criar uns cubos bem legais e até com transparência. Dá para ajeitar a posição dele, iluminação, etc. O resultado é esse aqui:

O meu preferido nesse programa é um filtro chamado Kaleidoscope, que pode ser acessado clicando em Filters -> Distort -> Kaleidoscope. O que ele faz? Transforma qualquer imagem em um caleidoscópio, dando um efeito bem maluco. A gente pega uma imagem bem sem graça, muda algumas configurações desse filtro e pronto! Um belo efeito sem ter que suar a camisa. Eu fiz dois exemplos usando as imagens que eu já tinha no meu computador.

Na esquerda tem a imagem original. Na direita, o resultado da aplicação do filtro. Bem artístico, não acham?

 

Pois é. Apesar de muitos recursos só estarem disponíveis na versão paga, ainda dá para fazer muita coisa legal com o Sumo Paint. O bom é que ele salva as imagens no formato png também, aí quem quiser fazer algo com fundo transparente já tem uma boa ferramenta disponível.