15

Sis

tem

a U

nive

rsid

ade

Abe

rta d

o B

rasi

l - U

AB

| I

F S

ul-r

io-g

rand

ense

Linguagem de Programação para Animação Web | Unidade B

Prezado(a) Aluno(a),O Flash CS5 facilita qualquer pessoa na criação de desenhos e formas simples. Ao manipular formas retangulares

e ovais, você poderá criar uma enorme coleção de desenhos complexos.

Bons estudos!!!

1. Conhecendo a Caixa de FerramentasNa figura B.1 apresentamos a barra de ferramentas do Flash Cs5, subdividida em :

2. Trabalhando com textosUma das ferramentas que obtiveram novas funcionalidades no Flash CS5 foi a Ferramenta Texto (text). Na versão

anterior havia três tipos de campos de texto: Texto Estático (Static Text), Texto Dinâmico (Dynamic Text) e Texto

Editável (Input Text). Estas três opções ficam disponíveis apenas quando selecionamos a opção Texto Clássico

(Classic Text).

DesenhAnDo no FlAshUnidade B

16

Sis

tem

a U

nive

rsid

ade

Abe

rta d

o B

rasi

l - U

AB

| I

F S

ul-r

io-g

rand

ense

Linguagem de Programação para Animação Web | Unidade B

A nova opção é o formato padrão TLF Text (Text Layout Framework) onde além de criar campos de texto com a

forma anterior (dinâmico, estático e editável) podemos utilizar outras opções de personalização.

Painel Propriedades do TextoPodemos selecionar uma nova fonte, clicando na caixa Família. Veja que ao lado do nome de cada fonte é exibida

uma amostra para que possamos efetuar a melhor escolha.

17

Sis

tem

a U

nive

rsid

ade

Abe

rta d

o B

rasi

l - U

AB

| I

F S

ul-r

io-g

rand

ense

Linguagem de Programação para Animação Web | Unidade B

Para escolher o tamanho da fonte, é só digitar o valor desejado no campo tamanho. Podemos, ainda, modificar

a cor da fonte, o espaçamento entre cada letra e a entrelinha (espaço entre as linhas).

Dependendo da Fonte podemos alterar seu estilo, utilizando as opções: Regular, Bold (negrito) e Itálico.

O alinhamento do texto também é feito no painel Propriedades. Podemos alinhar à esquerda, à direita, centra-

lizar e justificar.

Outro recurso interessante é o de transformar um texto em um link. Basta digitar o link no campo Link no painel

Propriedades.

As opções disponíveis no campo Destino são:

• _blank: abre o link em uma nova janela.• _parent: abre o link retirando o conjunto de framesets (se houver).• _self: abre o link no mesmo frame.

• _top: abre o link na mesma janela retirando os frames e framesets.

Podemos aplicar no texto, filtros que produzem efeitos atraentes. São sete opções de filtros que estão no painel

Propriedades. Para aplicar um filtro, selecione o elemento no “palco” e escolha a opção desejada.

18

Sis

tem

a U

nive

rsid

ade

Abe

rta d

o B

rasi

l - U

AB

| I

F S

ul-r

io-g

rand

ense

Linguagem de Programação para Animação Web | Unidade B

Em cada um dos filtros existem propriedades que podemos alterar para personalizar o efeito. Observe o filtro

Sombra:

Veja que podemos alterar as configurações como: cor da sombra, ângulo, desfoques. Experimente cada um dos

filtros, lembrando que podemos combiná-los para obter o efeito desejado.

3. Desenhando Formas simplesPara você desenhar no Flash, deve utilizar a barra de ferramentas, mostrada no início desta unidade.

Desenhando quadrados e retângulos

Utilizamos a ferramenta Retângulo para desenhar quadrados e retângulos. Para desenhar, selecione a ferra-

menta com o botão esquerdo do mouse, clique no palco e, mantendo-o pressionado e arraste na diagonal para

criar a forma desejada.

Ao selecionar a forma no “palco”, observe o painel Propriedades. Nele podemos alterar a cor da linha e a cor do

preenchimento. Para que apareçam as duas opções disponíveis, é necessário selecionar toda a forma, utilizando

a ferramenta seleção. Se clicar no centro da forma, você irá alterar apenas as propriedades de preenchimento.

Se clicar nas bordas, pode alterar apenas esses itens da forma. Veja que podemos alterar o Traçado (espessura

do traço) e o estilo (sólido, tracejado).

19

Sis

tem

a U

nive

rsid

ade

Abe

rta d

o B

rasi

l - U

AB

| I

F S

ul-r

io-g

rand

ense

Linguagem de Programação para Animação Web | Unidade B

Observe na figura B.11 o que podemos fazer com a ferramenta Retângulo, selecionando as bordas separada-

mente.

Para redimensionar a figura, utilize a ferramenta Transformação Livre . Podemos utilizar a ferramenta Subse-

leção para modificar a forma desse quadrado. Para isso selecione a ferramenta, clique e arraste os pontos que

aparecem nos cantos do quadrado.

Desenhando Círculos e ovaisPara desenhar círculos, utilizamos a ferramenta Oval que encontramos no mesmo local onde está a ferra-

menta Retângulo.

Ao desenhar um círculo, observe que encontramos no painel Propriedades formas de alterar a cor da borda, do

preenchimento, a espessura e estilo de traço. Para desenhar um círculo proceda da mesma maneira que utilizou

20

Sis

tem

a U

nive

rsid

ade

Abe

rta d

o B

rasi

l - U

AB

| I

F S

ul-r

io-g

rand

ense

Linguagem de Programação para Animação Web | Unidade B

para desenhar o retângulo. Também podemos alterar a forma desse círculo, utilizando a ferramenta Subseleção.

Lembre-se de que para redimensionar a figura deverá utilizar a ferramenta Transformação Livre .

Desenhando PolígonosPara desenhar polígonos, utilizamos a ferramenta PolyStar . Observe nas propriedades desta forma que

aparece um elemento chamado “Opções”.

Ao clicar nessa opção, abre a caixa Configurações da Ferramenta onde podemos escolher o estilo (polígono e

estrela), o número de lados e o tamanho de pontos da estrela.

Vamos praticar?Desenhe no palco um quadrado, um retângulo, um círculo e uma estrela de seis pontas. Aplique diversos preen-

chimentos, traçados e estilos de traços para melhor compreender o que vimos até agora.

Desenhando com a ferramenta lápisA ferramenta Lápis permite fazer traçados no Flash tal como se utiliza um lápis convencional para desenhar

linhas de forma livre. Na aba Propriedades podemos alterar a cor, a espessura e o estilo do traço. Ainda podemos

usar a ferramenta modo de pincel para escolher três tipos de opções para ela (acertar, suavizar e tinta).

21

Sis

tem

a U

nive

rsid

ade

Abe

rta d

o B

rasi

l - U

AB

| I

F S

ul-r

io-g

rand

ense

Linguagem de Programação para Animação Web | Unidade B

Pintando com a ferramenta PincelA ferramenta Pincel permite pintar um elemento. Nas Propriedades, podemos alterar a cor de preenchimen-

to e nas opções encontramos Modos de pincel, Tamanho de pincel e Forma do pincel.

Utilizando a ferramenta CanetaPodemos utilizar a ferramenta Caneta para desenhar uma linha simples ou uma série de linhas. Para utilizar

essa ferramenta, dê um clique em algum ponto do palco para indicar o ponto inicial, depois clique em outro

ponto do palco para indicar o ponto final da linha. Clique na ferramenta seleção para finalizar.

22

Sis

tem

a U

nive

rsid

ade

Abe

rta d

o B

rasi

l - U

AB

| I

F S

ul-r

io-g

rand

ense

Linguagem de Programação para Animação Web | Unidade B

ATIVIDADe B – DesenhoCaro(a) aluno(a),

Utilizando as ferramentas de desenho, crie um visual para um site, com logotipo, botões de acesso etc. Escolha

um tema para seu site e mãos a obra!