A Apple está prestes a lançar a nova versão do Mac OS X, conhecido também como Snow Leopard. Com esse lançamento teremos também uma nova versão do Quicktime, que tem um novo ícone muito legal. Quando vi o novo ícone resolvi brincar um pouco no Photoshop para tentar reproduzir o efeito. E é isso que vou mostrar aqui para vocês.

Passo 1

Abra um novo documento no Photoshop. Eu usei 512x512 pixels. Comece então a adicionar alguns guias usando quadrados como referência. Eles serão úteis para criar os circulos. Com a Ellipse Tool (U) crie um círculo.

Passo 2

Vá até Layer>Layer Style>Gradient Overlay. Use Normal para Blend Mode, e para as cores use #242e3c para o escuro e #b4c1d4 para o claro. Mude também o Angle para 90º.

Passo 3

Depois do gradient overlay, selecione Stroke. Troque o Size para 1 pixel e para o Fill Type use Gradient. Para as cores use #7f8a98 para a parte escura e #e9f1f4 para a clara. Use também 90º para angle. As cores claras ficarão na parte de cima.

Passo 4

Clique em Bevel and Emboss. Para Style use Inner Bevel. Para Technique use Smooth, para Depth use 20%, para Size use 45 pixels, para Soften use 15 pixels. Agora, para Shading use -90º para Angle, 65º para Altitude, e para Highlight Mode use Color Dodge, com branco e 100% opacity e para Shadow Mode use preto, Multiply e 100% opacity novamente.

Passo 5

Esse é o efeito que terá depois do Layer Styles.

Passo 6

Novamente com a Ellipse Tool (U), crie outro círculo. Clique então em Layer Palettes, clique com o botão direito do mouse na layer do círculo grande e selecione Copy Layer Style. Clique então na layer do novo círculo com o botão direito e selecione Paste Layer Style.

Passo 7

Na Gradient Overlay, troque um pouco as cores, deixe-as mais escuras e adicione outro ponto de cor. Use a imagem abaixo como referência.

Passo 8

Selecione Inner Shadow. Para Blend Mode use Multiply, para Opacity use 55%. Para Distance and Choke use 0 pixels, e para Size use 6 pixels.

Passo 9

Agora para o Stroke, as cores vão mudar um pouco, vamos adicionar algumas transparências. Use a imagem abaixo como referência. Olhem como adicionei 0% opacity bem no meio do esquema de cores.

Passo 10

Agora esse é o efeito que teremos depois do layer styles. Agora vamos adicionar outro círculo.

Passo 11

Mais uma vez com a Ellipse Tool (U), adicione outro círculo, que será a parte brilhosa do ícone.

Passo 12

Vá até Layer>Layer Style>Gradient Overlay. Use um azul escuro e um azul claro nas cores. Então para Style use Linear, e 90º angle. Use a imagem abaixo como referência.

Passo 13

Selecione Inner Glow. Troque o Blend Mode para Overlay. Para Opacity use 75% e preto na cor. Troque também o Choke para 0% e Size para 18 pixels.

Passo 14

Agora adicione uma Drop Shadow. Troque o Blend Mode para Multiply, e Opacity para 75%. Troque também o Angle para -90º, a Distance para 4 pixels, e Size para 10 pixels.

Passo 15

Esse é o efeito que terá depois do layer styles.

Passo 16

Com a Ellipse Tool (U) crie uma elipse usando branco na cor e troque a opacity para 30%.

Passo 17

Com a Elliptical Marquee Tool (M) crie uma elipse como na imagem abaixo, então com a layer da elipse branca selecionada vá até Layer>Layer Mask>Reveal Selection.

Passo 18

Vá até Filter>Blur>Gaussian Blur. Use 30 pixels para Radius.

Passo 19

Adicione outro círculo, um pouco mais acima da parte central. Aplique então Gradient Overlay através da Layer Styles. Para as cores use branco e branco, e troque as opacities para 0 e 100%. Para Angle use 90º e Style Radial. Mova um pouco o gradiente para cima como na imagem abaixo.

Passo 20

Pressione Command (mac) ou Control (PC) e clique no Vector Mask thumb no layer palette. Isso vai criar uma marquee selection. Vá até Layer>Layer Mask>Reveal Selection. Agora selecione apenas a layer mask e vá até Filter>Blur>Gaussian Blur. Use 2 pixels para Radius. Isso vai suavisar as bordas do efeito.

Passo 21

Crie uma nova elipse na parte de cima do ícone. Pressionando Command (mac) ou Control (PC) clique no thumb da elipse grande. Isso vai criar uma marquee selection de todo o círculo. Depois disso, novamente pressionando command ou control, e também Alt, clique no meio da elipse. Isso vai tirar essa área da marquee selection. Então apenas vá até Layer>Layer Mask>Reveal Selection.

Passo 22

Agora aplique o mesmo Gradient Overlay que aplicamos no passo 19. Apenas troque um pouco as configurações como na imagem abaixo.

Passo 23

Duplique a layer para o highlight do topo e com as marquee selections ainda tivas, vá até Filter>Blur>Gaussian Blur. Use 30 pixels para Radius. Depois disso altere a Opacity para 80%.

Conclusão

Para esse tutorial nós basicamente usamos a Ellipse Tool, com Layer Styles e um pouco de blur. O segredo é brincar com gradientes, shadows e strokes. Você pode ainda tentar cores diferentes na parte central no lugar dos tons de azul. A melhor parte de tentar recriar ícones é que você aprende várias novas maneiras de criar efeitos.

Outras Versões

Download do Arquivo Photoshop

Clique aqui para fazer o download do arquivoPhotoshop usado nesse tutorial