Gradientes (degradês) no Adobe Flash | Design in a Box


Postado por em Nov 25, 2020 sob as tags Flash | 1 comment
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 3.00 out of 5)
Loading ... Loading …

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






Sobre o autor


Tiago Pimentel

Estudei design gráfico na EPA e por uma ironia do destino, me tornei diretor de arte digital. Também sou ilustrador e músico, trabalho na Jazz Digital e sou adicto a links interessantes e todas as coisas boas da vida: fotografia, moda, cinema, viagens, arte, cultura, internet. Além disso dedico meu tempo livre às artes plásticas.
Entre em contatos através das redes sociais, Facebook, Twitter, etc. Os links estão no MeAdiciona:
www.meadiciona.com.br/tiagopimentel

Você também deve curtir:

Tutorial Flash: Utilizando a função Math.random() Algumas formas de utilização da função Math.random(): Para obter um número randômico de 0 até...

Tutorial Photoshop: Criar Arquivos .ico Essas últimas semanas foram de grande aprendizado e quero muito passar a vocês algo que me ajudou muito.
Precisei...

Banner Clear Your Head Simplicidade e criatividade na campanha para o Panadol, remédio contra dor de cabeça da GlaxoSmithKline....

Novo pôster virtual de “O Exterminador do Futuro: A Salvação” A Sony Pictures lançou hoje o primeiro pôster virtual de "O Exterminador do Futuro: A Salvação",...



Uma respostapara ““Gradientes (degradês) no Adobe Flash”

  1. Tiago Royer says:

    Como eu faço para excluir um indicador de cor? Estou usando Flash CS4.

Deixe uma resposta










GOOGLE FRIEND CONNECT




http://www.designinabox.com.br/images/banners/banner_tonka3d-300x250
FACEBOOK