Fireworks 8 – Orby

Coluna Fireworks – Fireworks 8 – Orby

Olá Comunidade MXStudio! Depois de algum tempo sem postar uma coluna venho trazer um efeito um pouco conhecido do pessoal de Photoshop e Fireworks, mas agora com as novas capacidades do Fireworks 8 podemos criar algumas melhorias neste objeto: um Orby.

Então vamos lá:

Criando a Orby:

1) Crie um documento 500x500px com cor de fundo #222222, pode ser um pouco menor, mas estas dimensões são boas para trabalharmos livremente.

2) Com a ferramenta Ellipse Tool, crie um círculo de 250x250px com cor de preenchimento radial:

Aplique o efeito Inner Glow com as seguintes configurações:

Ficando assim o nosso círculo:

3) Crie um outro círculo, de modo que este fique no centro do nosso outro círculo, com 214x214px:

4) Mude o preenchimento do nosso círculo para radial, com as cores:


O preenchimento deverá ser distribuído da seguinte maneira:

Agora aplique o efeito Inner Glow neste círculo com as seguintes configurações:

Ficando assim a nossa imagem:

5) Vamos criar agora o reflexo. Com a ferramenta Ellipse Tool, crie uma circulo de 185x185px com cor de preenchimento #FFFFFF que fique deste modo sobre os outros círculos:

6) Agora crie uma elipse de 200x185px de modo que fique um pouco acima da outra elipse branca que criamos:

Selecione as duas elipses, vá em Modify » Intersect:

Mude a cor de preenchimento para:

Colocando o preenchimento desta forma(a parte transparente deve ficar para baixo):


Obtendo o seguinte resultado:

7) Vamos criar a segunda parte de reflexos. Com a ferramenta Ellipse Tool, crie uma circulo de 41x41px que fique no local com mais iluminação da nossa imagem:

Mude o seu preenchimento para:

Colocando da seguinte forma(a parte transparente para fora):

Ficando assim a nossa imagem:

8) Crie um retângulo de 1x72px que passe exatamente no eixo vertical central do ultimo cículo que criamos:

Coloque o preenchimento em linear com as seguintes configurações:

Colocando o preenchimento desta forma(as pontas são transparentes):

Ficando assim a nossa imagem:

9) Repita o passo 8 só que agora construa um retângulo de 72x1px que passe pelo eixo horizontal central. Ficando assim a nossa imagem:

10) Faça duas cópias deste ultimo reflexo que criamos, diminu-a os e coloque-os na parte esquerda do topo:

11) Selecione agora o círculo verde e os reflexos. Agrupe-os pressionando Ctrl+G. Faça uma cópia(Ctrl+v) e cole(Ctrl+V) sobre ele mesmo, de modo que fique exatamente em sua posição original. Mude o blend mode para Overlay e coloque a opacidade da camada em 50%:

Sua imagem ficará assim:

12) Agora criaremos mais um efeito igual ao do passo 5 e 6, você pode copiá-lo e colá-lo na camada mais superior para darmos um destaquem melhor para o reflexo.

Colocando um logo dentro da orby temos um efeito final:

Espero que tenham gostado desta orby que criamos. Vocês podem tentar vários blend modes, aplicar glow’s diferentes e mudar o reflexo, a questão é usar os novos recursos do Fireworks 8 para melhormos as técnicas já conhecidas.

Até a próxima.

Autor: fabioricotta – Colunista de Fireworks do MXStudio

Qualquer dúvida envie um email para fabioricotta@mxstudio.com.br ou acesse o nosso fórum.

Escrito por Fábio Ricotta on novembro 3, 2005. Arquivado em Fireworks. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

3 respostas a Fireworks 8 – Orby

  1. Caraca pessoal que desrespeito, vc´s alteram o site e tiram o conteúdo o correto dele tb?

  2. Robson, enviado, só que não é desrespeito. Foi uma falha de importação. Ou você acha que iriamos tirar o conteúdo de propósito.

    Mesmo assim obrigado por ter avisado, são muitos artigos e alguns na importação vieram errado.

    Abraços

  3. Parabéns pelo tuto!
    Ficou muito bom.
    Na verdade, ficou excelente!
    Valeu! Ajudou pra caramba!

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>