14 dezembro 2009

Botões modernos no GIMP

Aqui vai um tutorial para quem quer aprender a fazer aqueles botões que a gente vê na web, utilizando o GIMP. Modernos né?

Então vamos ao tutorial!


01. Abra o GIMP e crie uma imagem com fundo transparente. Eu coloquei 120x120 px.

02. Faça um circulo no centro da imagem com a ferramenta Seleção Elíptica [E].







Faça como na imagem abaixo:


03. Agora selecione a Ferramenta de Mistura (degrade) [L] e selecione as seguintes cores:

Cor de frente: 6eb9f2
Cor de fundo: 4a7da5

Com a ferramenta degrade com as configurações padrões (só com a cor mudada) vamos fazer mistura na imagem. Clique no ponto mais alto do circulo e arrasta até o ponto mais baixo. Dai é só soltar.

Sua imagem vai ficar assim:



Lembrando para não desfazer a seleção, se você desfez, é só ir na janela de camadas, clicar com o botão direito na camada e ir em alfa para a seleção(só funciona se for com fundo transparente).

04. Crie uma nova camada transparente.

05. Vá em Seleção > Encolher... e deixe 3 px. Lembrando: é claro que se o tamanho da imagem for maior, mais você tem que diminuir! Não desfaça a seleção!

06. Selecione a Ferramenta de mistura[L] e pressione a tecla "D"(é um atalho para voltar as cores padrões, preto e branco) e "X"(atalho para inverter as cores, fundo > frente/frente > fundo). Selecione o degrade "Cor de frente para transparente" e clique em cima da imagem a arraste abaixo, como na imagem:



07. Vá novamente em Seleção > Encolher... e deixe 3 px.

08. Nessa mesma camada com a seleção ativa pressione Ctr+X para apagar a parte selecionada.

09. Com a seleção ativa, selecione a camada “Fundo” (a primeira camada da imagem) na janela de camadas e vá em Cores > Matiz-saturação. Deixe as propriedades assim:

Matiz:
0

Luminosidade: 50

Saturação: 100




10. Crie uma nova camada transparente.

11. Nessa camada, selecione a Ferramenta de Seleção Elíptica[E] e faça como na imagem:



12. Selecione a Ferramenta de Preenchimento (balde) [Shift+B] e pinte a seleção de branco e mude a opacidade dessa camada para 40,0.

Pressione Ctrl+A para desfazer a seleção e Ctrl+M para combinar as camadas.

Preferência: você pode fazer uma sombra, duplique a camada depois de combinada e vá em alfa para a seleção, preencha com preto, desfaça a seleção e vá em Filtros > Desfocar > Desfocagem gaussiana e deixe 15px. Deixe essa camada abaixo de 'todas'.
E você pode mudar a cor também!

Esta pronto!

Resultado:



Nenhum comentário:

Postar um comentário