Criando Userbars

[nP] GIMP Project - Tutorial: Criando Userbars

Criado por: [ADM] Narutoelf

Data: Domingo, 08/03/2009

Versão GIMP: 2.6

1 - Abra o gimp e crie uma nova imagem de 348x17.

2 - Caso tenha criado com alguma cor de fundo, delete a camada e cria uma nova transparente. Pinte esta camada de preto e depois, dê um clique invertido na camada (janela "layers") e selecione o alpha da camada (o contorno da camada ("Alpha to selection")). Vá em seleção ("Select") e selecione a opção de encolher a seleção ("Shrink"). Pegue a borracha e apague tudo que tem dentro da seleção. Você irá ficar com uma borda preta em volta da imagem. Se ficou assim é porque está certo:



3 - Agora, crie uma nova camada transparente e arraste-a para baixo da borda. (se quiser, renomeie a camada da borda para "Borda" hehehe) Selecione a ferramenta de seleção circular e faça um meio-circulo raso, que chega com sua extremidade de baixo um pouco abaixo da metade da imagem. Veja:



4 - Pinte a seleção do circulo de branco e deixe a opacidade em 20. Caso a imagem seja mais clara pode pensar em aumentar um pouco e dexar entre 25 e 30. Deixe como mais lhe agradar. Este é o "relfexo" da barra.

5 - Esta parte é opcional, mas o resultado fica bem interessante. Crie uma nova camada abaixo da ultima que você criou. Agora dê um bom zoom na imagem, e pegue o lápis com a menor ponta (1x1 px), crie um ponto no pixel mais perto da borda da imagem. Depois, segure ctrl+shift, você irá perceber uma linha se formando a partir do ultimo ponto que você desenhou. Com isso, crie uma reta q vá até a parte de cima da imagem. Assim ó:



6 - Agora, duplique esta camada, mova ela tres pixels para um dos lados e combine ela com a camada de baixo com a outra linha. Vá fazendo isso até ocupar a imagem toda e ficar assim:



7 - Agora, selecione o alpha da seleção ("Alpha to Selection") e crie uma nova camada. Selecione a ferramenta de gradiente (degradê) e selecione o padrão "FG to Transparent". Nas configurações do gradiente deixe como bilinear sem repetição. Agora, crie o gradiente de maneira que as exteremidades das linhas fiquem brancas e o centro transparente, como na imagem:



8 - Agora facilita um pouco. Selecione a ferramenta de texto. Selecione a fonte que deseja usar no texto. Aqui eu uso a "Clearly U Alternate Glyphs", com tamanho 8. Digite o texto que deseja na lateral esquerda da imagem com letras maúsculas. Eu no exemplo escrevi "U'TWO FAN", pois gosto dessa banda coreana (não é o U2). Caso o texto fique meio apagado como aqui, duplique a camada de texto. Coloque esta camada abaixo das linhas que acabou de criar. Agora, selecione o alpha de uma das camadas, vé em "Select" e selecione "Aumentar" ou "Grow" e aumente a seleção em 1 px. Crie uma nova camada abaixo do texto e pinte a seleção de preto. Depois disso, duplique a camada que acabou de criar e deixe-a em baixo da camada original. Vá em Filtros e depois em Desfoque Gaussiano ("Gaussian Blur"), e deixe o desfoque em 3 px para X e Y. Ficará assim:



9 - A penúltima parte, agora tudo facilita. Crie uma nova camada e pegue uma imagem, ou crie a sua para usar como fundo da barra. Eu usei esta imagem como fundo. Deixe esta camada como a ultima da imagem. Caso não queira colocar um logotipo seu trabalho terminou por aqui e deve ficar assim.



10 - Mas eu não me contento com pouco e quero sim um logotipo para ficar mais bonitinho. Crie uma nova camada e nela coloque sue logo ou então crie ele. Depois disso, deixe esta como a segunda camada de baixo para cima, apenas na frente do fundo.

Agora sim está pronto. Você pode criar várias barras e animá-las no Gimp, isto é facil de fazer e achar no google como se faz também. Minha barra animada ficou assim:



Espero que tenham gostado do tutorial.