facebook twitter youtube rss
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

parceiros

The Old Black Gallery
Blog Ditudu
Caligraffiti
Choco la Design: O lado mais gostoso do design!
Studio MANGA ROSA
My Owl Barn
Tutorial 3D
Cute Drop
Magel Studio
Design Dicas
Tutoriart
Designers Brasileiros
sala7 design
Design Fera
Tonka 3D
Designer Effects
Follow the Colours
Logotomia
Designerd
GOOGLE FRIEND CONNECT
http://www.designinabox.com.br/images/banners/banner_tonka3d-300x250
FACEBOOK