Este tutorial tem como objetivo ensinar algumas técnicas para iniciantes e intermediários,o resultado final é a imagem acima, um logo texto com reflexo usando um dos layers que eu disponibilizei para download no
post anterior.
Como eu ainda não postei um resumo de todas as ferramentas do Gimp, então terei que fazer um tutorial super detalhado, me desculpem os usuários mais experientes mas assim que eu postar esse resumão eu irei fazer um tutorial mais sucinto e leve.
Vamos lá!
Passo 1Inicie o Gimp (de preferência a versão mais atualizada, download aqui).
Iremos criar um novo arquivo: File > New Layer, o tamanho que eu usei foi 420x300 e então iremos selecionar a ferramenta de texto e fazer um pequeno quadrado para entrarmos no campo de texto, digite o que você quiser (se for algo muito grande você terá que criar um novo arquivo com uma maior width/largura.
ferramenta de texto
Passo 2Tem uma ferramenta do Gimp 2 que é essencial para fazer qualquer tipo de tarefa, ela se chama Layers, no segundo passo iremos primeiramente adicionar essa ferramenta de Layers (Figura 1 e 2) caso ainda não tenha ela na sua barra de ferramentas, depois de adicionada iremos mudar o Layer do texto para Main Text e iremos marcar o quadrado do
Lock (Figura 3).
adicionar ferramenta de layer e mudar o nome do layer para main text
Passo 3Agora iremos usar como exemplo um dos Layers que eu disponibilizei aqui no blog
neste post, caso você não tenha feita o download e nem queira fazer, não se preocupe, eu irei ensinar aqui mesmo como fazer um gradiente legal.
Primeiramente iremos adicionar a Tab de Gradientes (Figura 1), depois de adicionada a tab iremos clicar em new gradient (Figura 2), renomearemos o gradiente para "Web 2.0 Grey Blue 3D" (Figura 3). Clique com o botão direito em qualquer lugar do Gradiente que está na tela e iremos editar tanto quanto a setinha da esquerda quanto a setinha da direita (Figura 4), na setinha da esquerda (Left Endpoint's Color) iremos colocar dentro do HTML notation o seguinte código hexadecimal:
6291c0, na da direita (Right Endpoint's Color) iremos colocar
cce6f9, está pronto o seu gradiente, irá ficar igual à Figura 5.
adicionar ferramenta de gradiente e criar a nova cor para o exemplo
Passo 4Agora que temos o gradiente, selecione a ferramenta
Blend Tool e selecione na tab dos gradientes a nossa nova cor (Web 2.0 Grey Blue 3D).
ferramenta blend tool
Passo 5Iremos fazer um traço com a ferramenta de cima para baixo (Figura 1), tente não fazer até o final pois o efeito fica mais legal, faça o mais próximo possível da Figura 1, o resultado irá parecer com a Figura 2.
usando o blend para traçar o nível de gradiente
Passo 6Na ferramenta de layer clique em
Main Text com o botão direito e selecione a opção
Alpha to Selection.selecionando o layer
Passo 7Feito, iremos em
'Select > Grow', iremos aumentar 3 pixels.
Passo 8Iremos criar um novo layer com o nome de
Border (Figura 1 e 2) e nesse layer selecionaremos a ferramenta
Bucket Fill Tool e alteraremos a cor para o seguinte html notation:
293a47 (Figura 3), pintaremos o nosso texto e ficará igual à Figura 4.
Passo 9Iremos arrastar o nosso border para baixo do nosso texto para fazer um efeito de sombra bem legal.
Passo 10No passo 10, iremos duplicar os 2 layers existentes:
Main Text e
Borders, na tab de layers clique com o botão direito em cima de
Borders e então
Duplicate Layers, faça o mesmo com o
Main Text. Agora organize os layers para que fique igual a esta imagema abaixo.
Passo 11Agora iremos usar o merge na tab de layers para juntar os 2 layers duplicados para formar o nosso tão esperado reflexo. Clique em
Main Text#1 com o botão direito e selecione a opção
Merge Down, os 2 layers irão se tornar 1 só, agora renomeie esse layer para
Reflection.
Antes de mover o nosso reflexo, iremos deselecionar tudo, para isso iremos em
'Select > None', selecione a
Move Tool e coloque o reflexo abaixo do nosso texto principal.
ferramenta move tool
Passo 12Agora iremos girar o nosso reflexo com a
Flip Tool, depois de selecionada a ferramenta iremos mudar a configuração dela para
Vertical Mode, segure o botão esquerdo do mouse de baixo para cima para que vire o reflexo.
ferramenta flip tool
Passo 13Na tab dos layers clique em
Reflection com o botão direito e selecione
Add Layer Mask, selecione
Black Full Transparency e então em
Add.
Passo 14Selecione o
Blend Tool e nas opções dele selecione o gradiente
FG to RGB (RGB)(Figura 1) e aplique no reflexo de baixo para cima (Figura 2). O resultado será parecido com o da Figura 3.
Passo 14Estamos quase acabando, só falta adicionar um pequeno Glassy Effect.
Selecione a ferramenta
Ellipse Select Tool (Figura 1), coloque no modo
Subtract (Figura 1), clique no nosso
Main Text na tab Layers com o botão direito e selecione
Alpha to Selection, arraste o mouse para pegar aproximadamente metade do seu texto ou aonde você desejar e aperte enter depois de selecionado (Figura 2).
Passo 15Na tab do layer, crie um novo layer e nomeie o mesmo para
Glassy Effect, selecione a ferramenta
Bucket Fill Toll com a cor Branca selecionada pinte tudo que estiver selecionado com o atalho Shift+Botão Esquerdo do mouse, volte para a tab de layers e mude a
Opacity para quanto você achar melhor, eu selecionei 40 de Opacity.
Pronto! Agora você pode cortar um pouco do reflexo para dar um efeito mais elegante, espero que tenha gostado.