Globo 3D no Photoshop

abduzeedo seg, 07/04/2011 - 15:51

Algumas semanas atrás um amigo meu perguntou como fazer um globo 3D bacana usando o Photoshop. Eu não sabia como fazer um mas achei a ideia interessante, então decidi tentar. Sabia que o Spherize funcionaria mas não sabia como.

Então neste tutorial eu vou mostrar a vocês como criar um globo 3D no Photoshop usando ferramentas básicas e o filtro Spherize. Não vai levar mais de 30 minutos para completar o tutorial e a técnica é bastante útil para ícones e logos, então vamos lá.

Passo 1

Abra o Photoshop e com a Rectangle Tool (U) crie um retângulo, duplique-o até ter 7 colunas. Use Distribute Horizontal Centers para deixar as distâncias iguais. Depois duplique os 7 retângulos e gire-os para criar um grid.

Easy 3D Globe in Photoshop

Passo 2

Com a Elliptical Marquee Tool (M) crie uma seleção como a que fiz na imagem abaixo.

Easy 3D Globe in Photoshop

Passo 3

Vá até Filter>Distort>Spherize. Use 100% em Amount e Normal em Mode.

Easy 3D Globe in Photoshop

Passo 4

Recorte a seleção e cole para ter a parte da frente do globo.

Easy 3D Globe in Photoshop

Passo 5

Vá até Layer>Layer Styles>Gradient Overlay. Aplique um gradiente de vermelho escuro para azul claro no linear mode. Você também pode tentar com Radial.

Easy 3D Globe in Photoshop

Passo 6

Duplique a layer e a gire 45º Troque também as cores do gradiente para vermelho claro na parte de cima e azul escuro na parte de baixo. Isso vai criar um efeito legal 3D e é algo super simples de fazer.

Easy 3D Globe in Photoshop

Passo 7

Selecione a background layer e vá até Layer>Layer Styles>Gradient Overlay. Use (#aa616b) e (#2c354d) nas cores, Radial em Style e 140% em Scale. Posicione o centro do gradiente um pouco acima do centro do globo. Para fazer isso apenas clique e segure para mover a posição do gradiente enquanto estiver em Gradient Overlay properties.

Easy 3D Globe in Photoshop

Passo 8

Selecione as duas layers do globo e as duplique. Depois vá até Layer>Merge Layers. Você terá uma layer com o globo. Vá até Layer>Layer Styles>Color Overlay. Use preto na cor. Depois vá até Filter>Blur>Gaussian Blur. Use 15 em radius. Depois redimensione e troque opacity para 20% para criar um efeito de sombra bacana.

Easy 3D Globe in Photoshop

Passo 9

Selecione a parte da frente do globo e edite Layer Styles. Clique então em Inner Shadow e use branco na cor, Color Dodge no Blend Mode com 60% Opacity. Troque também Angle para 100%, Distance para 3 pixesl e Size para 7 pixels.

Easy 3D Globe in Photoshop

Passo 10

Depois do Inner Shadow você terá um efeito legal de luz no globo.

Easy 3D Globe in Photoshop

Passo 11

Selecione todas as layers e as duplique. Depois disso vá até Layer>Merge Layers para ter uma layer com todas as imagens. Vá até Filter>Blur>Gaussian Blur. Use 20 pixels em Radius.

Easy 3D Globe in Photoshop

Passo 12

Troque o Blend Mode para Overlay e você terá um efeito legal de luz.

Easy 3D Globe in Photoshop

Conclusão

Agora apenas adicione o texto que quiser, e você também pode aplicar textura no globo. Estou usando um scanline pattern que criei. A ideia do tutorial era mostrar como criar um globo legal 3D usando apenas o Photoshop, e essa técnica é bem legal para logos e ícones, e é super simples de fazer.

Easy 3D Globe in Photoshop

Faça o Download do arquivo Photoshop

Clique aqui para fazer o download do arquivo Photoshop usado nesse tutorial

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.

Sponsored Links

More articles about: