Destaques da Semana

Desenhe um globo da época da disco 80'

Junte-se aos mais de 2500 seguidores no Twitter e RSS, siga-me no ou RSS.

Neste tutorial eu estarei mostrando a vocês como fazer uma bola de discoteca com o Photoshop e Illustrator, aqueles globos brilhantes que ficaram famosos nas baladas que nossos avós iam, apesar de que hoje em dia ainda tem algumas baladinhas que ainda tem :) mas voltando ao tutorial...

Para este tutorial iremos usar o Illustrator somente para fazer uma pequena parte.

Então vamos começar agora.

Passo 1

Abra um arquivo novo no Photoshop de 800x800 e deixe o plano de fundo na cor preta, Faça uma elipse no centro do desenho (esta será a nossa bola),

Passo 2

Feito isto vamos aplicar o gradiente na nossa bola, não esqueça de deixar a opção radial gradiente abilitada;

Passo 3

Aplique no gradiente as cores abaixo;

Legenda:

1-cccccc
2-999999
3-666666
4-333333

Ficará mais ou menos assim,

Passo 4

Agora vamos aplicar o filtro noise (Filter > Noise > Add Noise) com as seguintes opções.

Passo 5

Feito isto, na layer que desenhamos abola coloque o nome de "bola" e salve seu documento (mas não o feche ainda), agora abra o Illustrator, faça um documento novo (de qualquer tamanho) e faça um quadrado, clique com o botão direito nele e vá em Transform > Transform Each..., coloque as seguintes opções e clique em copy.

Passo 6

O Illustrator duplicará o seu quadrado, então use o atalho CTRL+D para repetir a ação que você acabou de fazer, e você terá um resultado semelhante a este;

Passo 7

Agora vamos duplicar para baixo, selecione todos os quadrados e agrupe-os (CTRL+G), e clique com o botão direito e vá para a opção Transform > Transform Each..., e coloque as seguintes opções,

Passo 8

Clique em copy e repita o passo nº 6 para duplicar, você terá um resultado assim,

Passo 9

Feito isto, agrupe (CTRL+G) todos os quadrados e puxe para o Photoshop,

Passo 10

Você pode duplicar esse grupo para deixar os quadrados menores (se possível), coloque o nome da layer de "quadrados" no meu caso eu diminui o grupo e depois dupliquei, fiquei com o resultado abaixo;

Passo 11

Agora feito isto clique com o botão direito do mouse na layer "bola" e coloque a opção Select Pixels (com esta opção o Photoshop irá fazer uma seleção da sua layer (no caso a bola)), com a seleção feita clique na layer "quadrados" e use o atalho CTRL+J para duplicar, o Photoshop irá duplicar somente a seleção, nesta layer que você acabou de duplicar coloque o nome de "quadrados 2";

Passo 12

Novamente clique com o botão direito sobre a layer "bola" para fazer outra seleção, clique na layer "quadrados 2" que duplicamos anteriormente a aplique o filtro em Filter > Distort > Spherize..., coloque as opções abaixo;

Passo 13

Feito isto clique com o botão direito do mouse na layer "quadrados 2" e coloque a opção Select Pixels para selecioná-los, e preencha a seleção de branco, como nos exemplos abaixo;

Passo 14

Clique com o botão direito > select pixels na layer dos quadrados brancos para fazer uma seleção deles, agora com a seleção ainda ativa clique na layer "bola" e use o atalho CTRL+J para duplicar, coloque o nome desta layer que acabamos de fazer de "emboss".

Passo 15

Clique na layer "quadrados 2" e vamos aplicar o filtro para o brilho, vá em Filter > Blur > Radial Blur...

...coloque as opções abaixo;

Você chegará a este resultado,

Passo 16

Agora que fizemos o brilho vamos usar a layer "emboss".

Vamos usar os layer styles nesta parte (Layer > Layer Style > Stroke...) em stroke deixe as opções,

Na opção Bevel and Emboss deixe as seguintes opções;

A estrutura de layers que ficará nosso tutorial será esta:

  1. layer "quadrados 2";
  2. layer "emboss";
  3. layer "bola";

E está finalizado nosso tutorial!!!

fique a vontade para você usar em qualquer um de seus trabalhos, qualquer dúvida estou a disposição, caso você queira aumentar o brilho da bola é só duplicar a camada de brilho, espero ter ajudado até a próxima.

Sobre o Autor
Victor Tiago, web designer fundador do site Bons Tutoriais, fez o site com o intuito de estar compartilhando um pouco de sua experiência na area de web design e desing gráfico. Caso queira entrar em contato envie uma mensagem pelo formulário de contato, twitter:victortiago
Por victortiago - setembro 18th, 2009
imagem de PatrickandLauren
Desculpa mas não entendi o passo 5 pode por mais detalhes? Obrigado
imagem de victortiago
O que você vai fazer é...
Na layer que você desenhou a bola no Photoshop, coloque o nome de bola. Slave seu documento minimize o Photoshop e abra o Illustrator, crie um documento novo no Illustrator neste documento novo crie um simples quadrado, selecione ele e clique com o botão direito em cima dele e vá na opção - Transform > Transform Each... – coloqhue as opções que está no foto e dê ok, (dependendo do tamanho do seu quadrado você terá que definir outro valor pare que você chegue ao resultado)... espero que tenha ajudado...
imagem de Anônimo
Que efeito legal. O resultado final fica muito bom. Parabéns!!!

Comentar

  • Endereços de páginas de internet e emails viram links automaticamente.
  • Tags HTML permitidas: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike> <caption>

Mais informações sobre as opções de formatação

Anúncios Patrocinados

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina
Portal da Festa

Atualizações dos Usuários

Efeito Freddie mercuryprateado

Acompanhar

Participe da nossa comunidade no Orkut! Siga-me no Twitter e fique por dentro das novidades Facebook Feed Posts

Wallpapers

Amigos

Quem sou

Em primeiro lugar muito obrigado por visitar o meu site, meu nome é Victor Tiago sou Designer Web/gráfico, localizado em São Paulo adoro mecher com design e programação e fiz este blog com o intuito de compartilhar com vocês minha experiência nesta área através de tutoriais. Sejam Bem vindos!

Caso queira entrar em contato comigo envie um e-mail para victortiago@yahoo.com ou acessem meu twitter @victortiago

Sugestões ?

Bons Tutoriais é um site de tutoriais/ vídeo aulas de vários programas variados não só tutoriais mas também dicas e inspirações, o site é focado para a área de marketing, publicidade e design.

Bons Tutoriais é um site dinâmico em que os usuários podem divulgar seus trabalhos ou tutoriais e também pedir sugestões de tutoriais enviando os links pelo formulário de contato, o conteúdo deste blog é protegido sob a licença Creative Commons.

Você pode usar o conteúdo dos tutoriais para trabalhos e demonstrações, em caso cópia do post para outros sites colocar a fonte.

Seja nosso parceiro

Adicione nosso banner em sua pagina e faça parte do nosso quadro de amigos!

Copie o código do banner desejado abaixo.

Res: 180x40

Bons Tutoriais - Vídeo-aulas e Tutoriais

Código

Res: 120x60

Bons Tutoriais - Vídeo-aulas e Tutoriais

Código

Bons Tutoriais 2009 Todos os direitos reservados. Hospedado por Homehost. Site desenvolvido em Drupal Tema desenvolvido por Victor Tiago.