Destaques da Semana

Crie uma esfera de energia no Photoshop

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

Neste tutorial eu estarei mostrando como se fazer uma esfera de poder é um ótimo desenho para você colocar em seus trabalhos como splash ou plano de fundo eu mesmo... usei em um e-mail marketing que fiz sobre artigos místicos mas fique a vontade para usar em qualquer um de seus trabalhos :), então vamos ao que importa e vamos começar.

Abra o Photoshop e crie um arquivo de 700x700px e deixe o plano de fundo em preto, crie uma nova layer e coloque o nome de esfera, pegue a feramenta de seleção e faça uma elipse perfeita (faça segurando o shift) no centro do desenho,

Esfera de energia no Photoshop

Pegue a ferramenta de gradiente (G) e coloque as cores como na imagem abaixo,

Esfera de energia no Photoshop

Legenda:

1 - 002b51
2 - 0066cc

Preencha como na figura abaixo;

Esfera de energia no Photoshop

deixe esta layer com a opacidade em 20%;

Esfera de energia no Photoshop

feito isto vamos duplicar a layer da esfera, clique na layer da esfera e duplique-a ( CRTL+J ou clique com o bkotoão direito na layer e selecione a opção duplicate layer ou dois cliques na layer), após você ter duplicado a sua layer renomeia ela com o nome brilho e deixe a opção fill dela em 0%;

Esfera de energia no Photoshop

Agora para aplicar o brilho vamos usar as layers Styles ( com a layer selecionada vá em layer > layer style > Blending Options...), quando entras coloque as opções das imagens abaixo,

Esfera de energia no Photoshop
Esfera de energia no Photoshop
Esfera de energia no Photoshop

Agora vamos adicionar o reflexo, duplique a layer da esfera e coloque o nome de reflex, deixe a mesma com a opção fill em 0%, agora vamos fazer uma seleção desta esfera, para você fazer a seleção segure o CRTL e clique no desenho da layer que você quer fazer uma seleção,

Esfera de energia no Photoshop

Agora vá em select > Modify > Contract..., coloque em 7px e clique em ok, a seleção irá ficar menor então selecione a ferramenta Pen toll (P) e deixe na opção abaixo,

Esfera de energia no Photoshop

desenhe sobre a seleção onde você quer que a seleção seja cortada;

Esfera de energia no Photoshop

com ainda a ferramenta caneta clique com o botão direito sobre a forma que desenhou e coloque na opção Make selection.... nas opções que irão aparecer não precisa de mexer e clique em ok, o Photoshop irá cortar a seleção e ficará como abaixo.

Esfera de energia no Photoshop

agora preencha a seleção de branco, deixe a opacidade em 10 % e duplique-a, no brilho em que duplicamos vamos colocar na parte de baixo de nossa esfera, como na imagem abaixo;

Esfera de energia no Photoshop

Agora depois que já terminamos todas as partes de nossa esfera vamos pegar o vortex que aprendemos no tutorial anterior, puxe ele para dentro deste arquivo da esfera e deixe em cima da layer esfera e coloque a opção Screen no blending;

Esfera de energia no Photoshop

Conclusão

Pessoal nosso tutorial está concluído, fique a vontade para usar este efeito em qualquer tipo de seus trabalhos / montagens, não esqueça de entrar na nossa comunidade do Orkut, e até a próxima!!

Resultado final

Esfera de energia no Photoshop
Webtutoriais:BE3AD8F9
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 27th, 2009
imagem de Anônimo
Me amarro em efeitos assim. O meu ficou identico, só fiz em uma tamnho bem maior. Parabéns
imagem de Anônimo
muito bom o tutorial cotinuem assim =)
imagem de Anônimo
Boa
Muito bom ^^ E o pior de tudo é que é bem fácil...
imagem de Anônimo
mais um excelente efeito, muito facil...

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.