Gradientes (degradês) no Adobe Flash

Gradientes (degradês) no Adobe Flash

Utilizar gradientes no Flash é algo muito simples. Utilizarei o Flash CS 3 neste tutorial para mostrar como utilizar os diversos tipos de gradiente do Flash.

Gradiente Radial

Utilize a Oval Tool [O] para criar um círculo no stage. Para manter as proporções do círculo, pressione SHIFT enquanto arrasta o mouse.

Por padrão, qualquer forma que criamos no Flash vêm preenchido com cores sólidas. Para mudarmos para o gradiente, vá na paleta Colors no canto superior direito do Flash ou se esta paleta não estiver visível vá em Window > Color ou tecle SHIFT + F9. Obs: Nas versões anteriores a paleta se chama color mixer panel e pode ser acessada através do menu Windows > Color Mixer.

Para criar um gradiente radial, selecione o círculo no stage, vá a paleta Color e no menu Type escolha Radial [Figura 1]. Para mudar as cores do gradiente basta clicar duas vezes nos indicadores na parte inferior da barra de gradiente [Figura 2], que se parecem com pequenos lápis. Aparecerá o swatch onde você poderá escolher as cores que quiser. Você ainda pode utilizar a barra de controle de tonalidade para escurecer ou clarear uma das cores. Ainda há a opção de adicionar mais indicadores de cor. Para isso basta clicar com o mouse abaixo da barra de gradiente. Veja na Figura 3 que o ícone do mouse muda para uma seta com o sinal de +.

Figura 1

Figura 2

Figura 3

O resultado deve ficar parecido com a figura abaixo:

Gradiente Linear

Para criar um gradiente linear, siga os mesmos passos do exemplo acima. Basta na paleta Color mudar no menu Type a opção para Linear. Veja a Figura 4.

Figura 3

O resultado deve ficar parecido com a figura abaixo:

Gradientes com Imagem ou Bitmap

Você também pode optar por utilizar uma imagem como gradiente. Para isso na paleta Color escolha a opção Bitmap. Automaticamente abrirá uma janela para você especificar o caminho da imagem que utilizará como gradiente. Depois na mesma paleta através do botão Import… você pode trocar a imagem conforme sua necessidade.

Figura 4

O resultado deve ficar parecido com a figura abaixo:

Utilizando gradientes padrão do Flash

O Flash já possuí alguns gradientes na paleta Swatches (Paleta Colors nas versões anteriores do Flash). Você pode utilizá-las clicando no gradiente na paleta Swatches. Depois retornando a paleta Color você pode personalizar o gradiente ao seu gosto.

Figura 5

O resultado deve ficar parecido com a figura abaixo:

Mudando a direção do gradiente ou ampliando e diminuindo o gradiente

Você deve utilizar a Gradient Transform Tool [F] para alterar a direção do gradiente ou redimensioná-lo. Na versão CS3 do Flash esta ferramenta está junta com a Free Transform Tool [Q]. Na barra de ferramentas clique na Free Transform Tool e fique pressionando o mouse até aparecer as e mais opções.

Selecionando o objeto no stage e utilizando esta opção você, aparecerão os controles da Figura 6.

O círculo central serve para deslocar o centro do gradiente, como mostra a Figura 7.

O círculo superior serve para rotacionar o gradiente, como mostra a Figura 8

.

O ícone do quadrado com uma seta, serve para ampliar ou diminuir o gradiente, como mostra a Figura 9