Olá pessoinhas!
Antes de tudo, me desculpa por não postar ontem, a budega da internet não tava pegando e deu no que deu, só voltou uma meia-noite, daí nem dava mais que dó.
Anyway, como a Isa lindja me pediu esse tutorial de buttons, vou fazer ele, já que tinha prometido isso pra ontem até. Vamos lá?
Clique em Continue Lendo
Abra o seu GIMP, já tendo escolhido a imagem que quer usar. Aperte Ctrl + N ou vá em Ficheiro> Novo, vai abrir uma mini-janelinha. Nessa janelinha, no valor de largura, coloque aproximadamente 231 pixels e na de altura, 226, que fica um tamanho bacanaji.
Então vai abrir lá a imagem quadradinha, bonitchenha, o que você faz? Selecione, na janela de camadas, o Fundo branco e clique na lixeirinha mais abaixo na janela. Exclua a camada de fundo sem dó nem piedade!
O fundo branco agora vai encher de quadradinhos, que significam transparência.
Agora crie uma nova camada, apetando Ctrl+Shift+N e a nomeie como quiser, selecionando a opção transparência.
Agora, aperte Crtl+V, colando a camada e ajeite ela, movendo com a ferramenta e alterando o tamanho com a ferramenta . Quando terminar, grude a imagem na camada, clicando em qualquer lugar com a seleção quando aparecer a imagem de uma âncora no mouse. A minha ficou assim:
((Momento: Ignore que a imagem é diferente, já que eu tive que editar o tutorial c: ))
Ele apenas vai deixar uma marcação redonda na imagem, mas agora precisamos deixar ela realmente redonda.
Copie a imagem com o Ctrl+C, pegue a ferramenta de seleção retangular e clique em um lugar qualquer quando aparecer a âncora (para facilitar, apenas coloque nos limites da imagem, naquele fundo cinza que tem) e aperte Delete. Tudo vai desaparecer, mas a camada vai permanecer ali.
Agora, aperte Ctrl+V e a imagem vai se encaixar direitinho, apenas a prenda na camada clicando em qualquer lugar.
Ótimo, já temos a imagem redonda, agora é só adicionar as sombras! Vá em Camada>Transparência> Alfa em Seleção (p), isso fará que ele selecione a imagem. Crie uma nova camada de novo, selecionando a transparência e a nomeie como quiser. Agora, na nova camada, selecione a ferramenta e nas Opções de Ferramentas, ao lado de "Gradiente", clique na imagem, selecione a opção "Frente para transparente".
Agora, clique em um lugar fora da imagem onde queira colocar a sombra e arraste até chegar na imagem. Quanto mais distância tiver entre o ponto que você clicou inicialmente e até onde arrastou, maior o efeito degradê.
Agora, para aplicar a luz na sua imagem, vá na janela de ferramentas e nas cores, inverta elas.
Agora, faça ao contrário do que fez com a sombra. Por exemplo, eu coloquei minha sombra em cima, então irei colocar a luz embaixo.
Por enquanto, sua imagem deve estar mais ou menos assim:
Agora, o que mais falta? A sombra final, pra dar aquele "TCHAM"!
Selecione a camada onde está a imagem, já pode tirar a seleção. Agora vá em Filtros> Luz e Sombra> Sombra Projectada.
Irá abrir uma nova janela. Aqui, você configura como quiser e dá ok. (Eu pessoalmente nunca coloco a sombra como preta, apenas um cinza mais escuro)
Agora, pode deixar que o programa vai fazer todo o resto, criando uma camada já com sombra.
"Ah Lu, mas ficou maior que a imagem original!". Ah, caro amiguinho feliz, é assim mesmo o bagulho. É normal.
O resultado vai ser algo bem seduzente assim:
Podem já ir pegando ele se quiserem até.
Ah, sim, diquinha da Tia Lu procêis: Além de exportar a imagem, guarde ela (automaticamente o final dela vai ser .xfc), pra ter uma base pra buttons. É bastante útil, já que você só vai precisar mudar a camada de imagem, ajustando e arrendondando ela.
Bem, pessoinhas, é isso. Gostaram, não gostaram? Comente, e já deixe a sugestão pro material de amanhã!
Adorei o tuto bem fácil de fazer!
ResponderExcluirSim, e descobri recentemente como fazer ^_^
ExcluirFica ainda mais fácil quando se tem a base já pronta aí é só pegar a imagem e arredondar mesmo xDD
Obrigadi pelo o comentário! *----*
lol tentei fazer um button
ResponderExcluirficou legal até:
http://imageshack.us/a/img594/3544/buttoncw.png
:D
Mas tenho que ter o tutorial do lado porque sozinha num vo lembrar não kkkkk
Que bonitinho *---*
ExcluirHahaha, como eu sou preguiçosa só deixo a base ali mermo e depois só mudo a imagem! \o ~que grande exemplo néah~ que a única coisa que precisa se lembrar é isso xDD
Que programa que é para fazer, eu só tenho o photoscape, mais não consigo fazer nele fica horrível
ResponderExcluirTodos os tutoriais até agora eu faço no GIMP, haha. Se quiser eu deixo o link aqui pra vocês, já que só sei mexer no GIMP, my goda! (sim, eu tenho que aprender a mexer em outros baguios -qqq)
ExcluirMas acho que no Baixaki tem, vou ver se consigo o link aí passo pra vocês ^-^
Ah, finalmente um tutorial do GIMP.
ResponderExcluirNossa, me ajudou bastante.
Muito obrigada mesmo ^...^
AHUAHAUHA, aqui éum lugar em que a maioria dos tutoriais são do GIMP xDD
ExcluirDe nada, fico feliz em ter ajudado :3
Buaaaaaaaa eu consegui fazer só que que guardei na minha pasta e quando abre aparece ele só no gimp buaaaaaaaa
ResponderExcluirAhh, isso é porque você deve ter só Guardado a imagem. Você tem que Exportar ela e salvar como .png :3
ExcluirEu to tentando fazer só que eu boto o circulo pra fica redondo e aperto o ctrl+v só que não fica
ResponderExcluirHmmmm, você apertou o Ctrl+C antes? xDD Aí você tem que deselecionar a imagem: pegue a seleção retangular e clique em qualquer ponto da imagem que não seja onde você selecionou antes (qualquer ponto que não seja o círculo). Aí você aperta o Delete na camada, e depois aperta o Ctrl+V.
ExcluirPS.: Eu vou editar o tutorial, lol, já que eu notei agora o erro na explicação ^-^´
No meu a imagem não se torna redonda mais aparece um circulo nomeio e atras não fica os quadradinhos continua a imagem com a marquinha redonda na imagem
ResponderExcluirA imagem não se torna redonda automaticamente, na verdade :3 Você só dá Ctrl C, tira a seleção dela e aperta delete. Depois é só dar Ctrl V e a imagem vai aparecer redonda direitinho :3
ExcluirOi adorei o tutorial.
ResponderExcluirEu gostaria de fazer um tutorial igual a esse no meu blog,se eu poder eu darei ao seu blog todos os créditos e dizendo que aprende a fazer buttons aqui.
Ah, não, pode ensinar sem problemas. Só dê os créditos se pegar as mesmas imagens, mesmo *u*
ExcluirOBRIGADA <3
ResponderExcluirO tutorial me ajudou muito ^^
ResponderExcluirEu exportei a imagem e a salvei em formato png, mas quando eu vou abrir a img, ela abre no PhotoScape :/
Oh, isso deve ser porque você o computador deve ter configurado em algum momento que quando você abrir a imagem, ela aparecerá no Scape. Se você hospedar ela, creio que ela deve dar certinho :3
ExcluirSou novata no Amor Doce , então vim burramente perguntar (T^T)
ResponderExcluirOs Buttons servem como imagem de início de perfil néa ? e.e
Oh, os buttons servem para várias coisas~ Você pode tanto usar eles como welcomes ou como prêmios, aí você decide ;3
ResponderExcluirMuito legal, já um tempo q jogo AD e só agr estou tendo tempo de aprender novas coisas muito facil de como fazer buttons... uma gracinha o ursinho.
ResponderExcluirBjkasss =^.^=
Adorei o tuto, Luh :3
ResponderExcluirE eu achava que ia ser super complicado, mas até EU, que, sendo eu, não manjo quase nada dessas coisas, tô conseguindo xD
Agora vou tentar aprender os outros!
Super legal! Pena que eu não posso baixar o GIMP, se não eu poderia fazer :(
ResponderExcluirToda vez que eu salvo, eu salvo png né, nao consigo postar no blog :(
ResponderExcluir