Hoje irei ensinar como cria botões e ícones no photoshop!
1- Crie um novo documento no tamanho 200 px X 200 px. (a cor de fundo é de sua preferência)
2- Pegue a ferramenta Rounded Retangle Tool (U).
3- No radius coloque 10 px.
4- Agora desenhe o quadrado na área de trabalho.
5- Feito isso, crie uma nova layer: (Ctrl+Shift+N) ou clique no botão (create new layer) na janela dos layers.
6- Criada a nova layer, faça uma seleção do quadrado segurando o Ctrl e clicando em cima da layer do quadrado.
7- Feita a seleção, vá em Select->Modify->Contract. Na caixa que abrirá digite 5 para o valor.
Ficará assim:
8- Agora pegue a ferramenta Gradient Tool:
9- Configure o gradiente assim:
Na primeira caixa coloque 40% de opacidade, e na caixa abaixo escolha a cor branca.
Na seguna caixa coloque 0% de opacidade, e na caixa abaixo escolha a cor branca.
10- Feito isso, aplique o gradiente na seleção do quadrado. Com a ferramenta gradient tool, clique e segure na parte superior do quadrado e arraste até a parte de baixo. Você deverá fazer tudo isso em cima da seleção e na nova layer.
Ficará assim:
11- Com a ferramenta Eliptical Marquee Tool faça uma seleçao mais ou menos assim:
12- Feita a seleção inverta ela, Ctrl+Shift+I. E aperte o Delete.
Ficará assim:
13 - Agora é só colocar um texto, e está pronto o seu ícone.
Você pode dar mais alguns efeitos para incrementar.
No exemplo acima eu coloquei sombra no texto, e fiz o reflexo do botão....
No próximo tutorial vou ensinar como criar esse reflexo.
Até mais!!!!
15 comentários:
Olá Marco!
Cheguei aqui através do fórum do webmasters online, pq estava procurando uma tuto de photoshop...
Parabéns pelo site. Muito bom estruturado e com uma didática passo-a-passo muito legal...
Vou coloca-lo no CP, ok?
Abraços
Obrigado denovo Ricardo!
Sempre quis saber como se faz esse efeito ai cara, muito obrigado!!
como configuro a ferramenta?
Obrigado
Dê um duplo click em cima do Gradiente...
em que formato eu salvo
Olá!Também não estou conseguindo configurar a ferramenta...Nem clicando duas vezes tah dando...
Preciso de ajuda, nesse criando botoes e icones, eu faço direito quando chego no 11 q tem q usar aquela ferramento eu nao consigo deixar igual...me ajuda
E aí Velho, blz?
Como faço um convite de aniversário de criança, tipo a foto da criança junto com um presonagem dedesenho animado?
VAleu Obrigado
Parabéns pelo post, valeu!!!
Adorei o seu blog,é fácil de entender o passo a passo, não sou da geração do computador, imagina a dificuldade.Já coloquei o seu link no meu blog.Eu posso usar esses ícones ou botões para link do msn ou orkut????
aor seus tutorias são ótimooos mais meu photoshop éé em portugues
por isso fica muitoo dificil mexer nele então sera kii dava pra vooc mii dizer onde baixa o photoshop em ingles ou como muda o idioma!!
Cara.. oq eu to mesmo precisando é conseguir agregar o link do site ao icone. O icone eu sei fazer mas não sei como colocar o link nele.
Entendeu? Do tipo, quando clicar no ícone, ele remeter a pessoa ao site desejado!
Preciso urgente disso!
Vlws!
Faz um tutorial para background personalizado,
Obrigado :)
cara eu to querendo recortar um icone de uma foto que tem fundo branco e fazer um botão, tem como isso?
é porque eu recorto tiro o fundo ele fica transparente, mas não consigo tirar o fundo transparente dele.
ajuda ae
Postar um comentário