Smiley do Yahoo!
Aprenda a desenvolver o smiley que o Yahoo! usa no seu Messenger. Muito bonito e simples. Bom para ter idéia de como se faz um smile mais robusto.
Crie uma nova imagem 250×250px. Sete as cores para foreground: #e9d5ed e em background: #9533ad. Com a ferramenta Gradient Tool, selecione a opção Radial Gradient.
Do canto esquerdo baixo trace uma diagonal até o topo direito. Com isso, vamos obter esse resultado:
Selecione a ferramenta Elliptical Marquee Tool, selecione a opção em Style: Fixed Size, defina tanto a altura quanto a largura em 49px.
Crie uma nova camada. Clique em qualquer parte da imagem e o círculo irá aparecer. Eu usei a cor #f7ee67. Pinte o fundo, como mostra a imagem:
Em Layer > Layer Style > Drop Shadow: Na cor, use #333333
Em Gradient Overlay. Clique sobre o Gradient(geralmente está setado como preto para branco) e coloque as cores: #F7EE67 e na outra ponta #F69F13:
Sua imagem deve estar como mostra a imagem abaixo:
Pressione CTRL + Clique sobre a camada do círculo.
Agora em Select > Modify > Contract. Coloque 1 pixels e pressione Ok. Crie uma nova camada e pinte o fundo de branco (#ffffff).
Agora, com a seta do teclado, pressione 4 vezes a seta para a direita.
Pressione Delete.
Usando a lupa(Zoom Tool), aumente a tela e com a borracha, apaque 1 pixel.
Duplique a camada e coloca os nome ‘baixo reflexo branco’ e ‘Topo reflexo branco’.
Na camada ‘Topo reflexo branco’, apague do corte para baixo, e na camada ‘baixo reflexo branco’ apague a parte do corte para cima. Desse modo, a camada ‘Topo reflexo branco’ vai ter apenas a parte de cima e o ‘baixo reflexo branco’ apenas a parte de baixo.
Na camada ‘topo reflexo branco’ mude a opacidade para 90% e a camada ‘baixo reflexo branco’ para 60%. Sua imagem deve ficar assim:
Agora selecione a ferramenta Elliptical Marquee Tool, no topo de opções, Style: Fixed Size e altura e largura de 5px.
Agora, crie uma nova camada, clique sobre o círculo e pinte-o de azul, eu usei a cor: #2b37a5. Ainda com a seleção, pressione umas 14 vezes a seta para o lado direito(caso você tenha selecionado mais para o lado esquerdo) e pinte esse círculo também. Cas não tenha entendido muito bem, olhe a imagem abaixo e faça igual. =)
Selecione a ferramenta Elliptical Marquee Tool e selecione a opção Style: Normal.
Faça um círculo que pegue dos olhos para baixo, como mostra a imagem:
Crie uma nova camada e pinte-o de preto.
Com a ferramenta Rectangular Marquee Tool, selecione uma área reta do topo do círculo e pressione delete. Assim, você obterá a boca 
Baixe o Gradient aqui. Extracteie esse gradiente.
Agora, em Layer > Layer Style > Gradient Overlay. Clique sobre a seta do Gradient, depois selecione a seta azul e selecione Load Gradient…
Carregue o gradient.
Chegue essa tela um pouco para o lado no seu photoshop, a ferramenta Move Tool irá aparecer e com o mouse, clique sobre o "Smiley" e mexa esse gradient para fazer a colocação da boca no lugar certo.
Em Stroke:
A cor usado é #CC660B
Aumente a imagem novamente e selecione a área dos dentes.
Baixe esse gradient aqui para os dentes.
Em Layer > Layer Style > Gradient Tool. Depois, selecione novamente a seta perto do gradient, clique na seta azul e clique em Load Gradients…
Carregue esse gradient.
Selecione Inner Shadow: A cor usada é #CC660B.
Agora, em Gradient Overlay, vamos usar o gradient que importamos:
Pronto. Seu smiley está pronto.
Esse tutorial foi bem grande, não sei se consegui explicar tudo direito. Caso tenha dúvidas, pode perguntar =)
Quer aprender a fazer uma montagem igual a essa?
Compre o eBook GuiaTutoriais e seja um profissional.
