actividades da sessão 1 - flash

Ferramentas de Autor 1

CET Multimédia – Ferramentas de Autor CD-Authoring

Adobe Flash

Actividade 1 – Criar um novo Documento

1. Crie, no Ambiente de Trabalho, uma pasta com o nome Projectos Flash (Nome do Aluno) e a seguinte

estrutura de sub-pastas.

2. Entre no Flash e escolha na coluna Create New a opção

Flash File (ActionScript 3.0).

3. Altere as propriedades do documento (botão direito no

palco Document Properties) e coloque os seguintes

valores:

NOTA: O Frame rate está, por definição nos 12 fps (frames

por segundo). Convém destacar que, nos filmes flash, os

filmes para publicação na Internet, a velocidade aconselhada

é 12 a 15 fps, enquanto que para um ficheiro em CD-ROM

pode utilizar entre 28 e 30 fps.

4. Guarde o documento na pasta Ficheiros Flash com o nome Primeiro Exemplo. (File Save)

Actividade 2 – Desenho Livre

1. No documento Primeiro Exemplo, utilizando as ferramentas de desenho, tente desenhar em

estilo livre. Escolha um tema e desenhe a sua primeira obra de arte no flash. Tem 15m

(aprox.) para mostrar os seus dotes de Picasso.

2. Pode utilizar as ferramentas: Pencil Tool, Brush Tool, Paint Bucket Tool, Rectangle Tool, Oval

Tool, Eraser Tool…

3. Guarde as alterações.



Adobe Flash

Actividade 3 – Formas Geométricas alteradas

1. Crie um novo documento no Flash com o tamanho pré-definido.

2. Crie, utilizando as ferramentas de desenho, algo parecido com o que é apresentado em seguida (um

cilindro, um cubo e uma circunferência:

3. Desafio: Altere as cores do Degradé Verde para outras que não estão pré-definidas (exemplo: Amarelo e

Azul).

4. Guarde o documento com o nome figuras geométricas.

Actividade 4 – Ferramenta de Selecção A

Com a ferramenta de selecção pode seleccionar, mover, redimensionar e deformar os objectos

desenhados. Alguns dos aspectos da selecção:


2. Desenhe uma circunferência de cor livre e experimente os 4 tipos de selecção referidos anteriormente.

Opções das ferramentas de selecção:

SNAP TO OBJECTS – Com esta opção seleccionada ao mover os elementos, estes aderem mais

facilmente uns aos outros. Esta opção também é utilizada para unir extremidades de

Preenchimento Contorno Contorno + Preenchimento

Selecção Parcial



Adobe Flash

segmentos de recta separados, que aderem imediatamente ao tocar-se.

3. No mesmo palco, utilize a ferramenta de desenho de linhas com a opção SNAP TO OBJECTS seleccionada.

Tente fazer um rectângulo.

4. Proceda da mesma forma e tente fazer o mesmo com a opção SNAP TO OBJECTS desactivada.

SMOOTH – Esta opção está disponível se um segmento curvilíneo está seleccionado e permite

suavizar curvas e formas seleccionadas, através da remoção de pontos excessivos.

5. Desenhe um objecto semelhante com o seguinte.

Para tal deve utilizar a ferramenta PENCIL TOOL

(Lápis) com na opção INK.

6. Depois seleccione todo o objecto e clique 10 a 12 vezes

no botão SMOOTH de selecção de modo a obter um

objecto semelhante com o seguinte (após suavização

das curvas.

7. Guarde o ficheiro com o nome Ferramentas 1.

STRAIGHTEN – Transforma as curvas desenhadas no modo SMOOTH em segmentos rectos

através da remoção de pontos, sendo necessário seleccionar o segmento antes de aplicar o

comando.


9. Desenhe, utilizando a ferramenta PENCIL

TOOL com a opção SMOOTH activada os

seguintes elementos:

10. Depois, seleccione a primeira recta

curvilínea e clique várias vezes no botão

STRAIGHTEN.

11. Faça o mesmo depois de ter seleccionado

todo o segundo elemento. Deverá obter algo semelhante com o seguinte:



Adobe Flash

ALTERAR SEGMENTOS: Para alterar segmentos com a ferramenta de selecção, aproxime o cursor de um objecto

que não se encontre seleccionado, faça clique sobre a área e arraste o rato.

12. Desenhe em qualquer espaço do palco o seguinte objecto:

13. Aproxime o rato de um dos vértices. Arraste o rato e veja o resultado.

14. Aproxime o rato de uma das arestas. Arraste o rato e veja o resultado.

15. Poderá obter qualquer coisa deste género:

16. Guarde o documento com o nome Ferramentas2.

Actividade 5 – Ferramenta de Selecção B


Ferramenta de selecção LAÇO (LASSO TOOL) – Esta ferramenta pode ser utilizada tanto para seleccionar

vectores como áreas irregulares de uma imagem bitmap ou de um desenho vectorial. Funciona por

arrasto em volta da área a seleccionar.

2. Utilizando a palavra-chave bola, procure no Google a seguinte

imagem e insira-a no palco.

3. Redimensione a imagem.

4. Aplique o efeito Break Apart (botão direito do rato sobre a

imagem Break apart) que lhe permitirá utilizar a função

LASSO TOOL.

5. Utilizando a ferramenta LASSO TOOL, com a configuração de Treshold 10 pixeis. (Ao lado da opção magic

wand na parte inferior da barra de ferramentas está o botão que permite alterar estas configurações).

6. Clique na imagem de modo a obter selecções diversas e eliminá-las (DELETE)

até ficar com algo parecido com o seguinte.

7. Se restarem alguns pormenores da imagem, utilize o Laço para os eliminar.

8. Coloque a bola num dos cantos do palco.



Adobe Flash

Ferramenta FREE TRANSFORM – Especialmente criada para redimensionar, rodar, torcer e aplicar

distorções a objectos vectoriais. Para bitmaps apenas é possível redimensionar, rodar e torcer.

As 4 opções aparecem no fundo da barra de ferramentas, quando selecciona a opção Free transform.

A primeira (em cima) permite Opção permite Rodar e Deformar (Rotate and Skew);

A segunda (em cima) permite transformar em Escala (Scale);

A primeira (em baixo) permite distorcer a figura (Distort);

A segunda (em baixo) permite utilizar a ferramenta Envelope.

9. Desenhe um objecto à sua vontade e utilize as três primeiras opções da ferramenta Free Transform.

10. Para distorções mais complexas aplique o comando ENVELOPE.

Pode, também aplicar o comando Envelope a Texto.

11. Digite o texto CET Multimédia numa área do palco. Altere as propriedades do texto para Arial, 46, de cor

azul.

12. Desagrupe todo o texto (Botão direito do rato sobre o texto e seleccionar a opção Break Apart – 2 vezes).

13. Efectue várias deformações ao texto de modo a obter um texto com uma configuração da sua autoria.

Ex:




Adobe Flash

Actividade 6 – Ferramenta Gradient Transformation Tool

Esta ferramenta permite a alteração do degradé aplicado a um objecto.

Para que se torne visível esta opção deverá clicar continuadamente no botão Free Transform. Irá aparecer este menu onde deverá seleccionar a opção

Gradiente Transfor Tool. (ou então carregar a tecla F)

OPÇÕES DA FERRAMENTA (Gradient Radial)

1. 3. afadf af


2. Desenhe uma circunferência com fundo em degradé.

3. Proceda a alterações do degradé, utilizando as várias ferramentas de alteração.

4. Desenhe um rectângulo com um fundo em degradé.

5. Altere o formato do degradé para Linear. Proceda a alterações do degradé. Verifique as diferenças nas

ferramentas.

6. Guarde o documento com o nome Degradé.

Actividade 7 – Linhas

As linhas podem ser utilizadas para desenhar objectos. Para além das suas configurações habituais (cor, espessura

e tipo de linha), no desenho no flash ainda poderemos adicionar outras opções (CAP e JOIN). A função cap está

relacionada com o formato do fim da linha (quadrado ou arredondado). A função JOIN está relacionada com a

possibilidade e a forma de juntar linhas (como ficam os vértices da junção). Estas opções encontram-se na janela

de propriedades das linhas.

Opção CAP

Ponto focal do degradé.

Redimensionar o degradé.

Expansão do degradé.

Rodar o degradé.

Alterar o centro do degradé.

ROUND

SQUARE



Adobe Flash

Opção JOIN


2. Experimente as opções assinaladas anteriormente.

3. Realize outras experiências com cores, espessuras e formatos diferentes.

4. Guarde o documento com o nome Linhas.

Actividade 8 – Quadrados e Rectângulos

A opção de desenho de quadrados é comum a outras aplicações, contudo tem algumas opções com configurações diferentes. Esta opção permite criar rectângulos e quadrados com cantos rectos e arredondados.

Para desenhar rectângulos e quadrados de cantos arredondados, antes de começar a desenhar introduza um valor entre 0 e 999 nas caixas de diálogo presentes no painel PROPERTIES.


2. Proceda de modo a desenhar um rectângulo com as cores que desejar. Altere o valor dos cantos

arredondados para 50.

3. Desenhe um rectângulo médio.

Para desenhar um quadrado perfeito mantenha a tecla SHIFT premida enquanto desenha.

4. Desenhe um quadrado perfeito com cantos arredondados de valor 20.

MITER

ROUND

BEVEL



Adobe Flash

Se enquanto desenhar o rectângulo premir a tecla de direcção para baixo (seta para baixo) os cantos do

mesmo tornar-se-ão progressivamente arredondados. Para inverter o efeito use a seta para cima.

5. Desenhe um rectângulo com cantos arredondados de valor 0. Utilize o efeito descrito anteriormente.

6. Guarde o documento com o nome Quadrados e Rectângulos.

Actividade 9 – Circunferências e Ovais


Esta ferramenta permite ao utilizador criar ovais e toda uma série de formas que derivam desse elemento, quer

seja através de configurações, quer por simples manuseamento da forma com a ferramenta de sub-selecção.

Ferramenta START ANGLE e END ANGLE – Permite especificar o ângulo de início e fim da elipse, possibilitando a

criação de formas tipos fatia de pizza, meias luas, etc.

2. Crie no palco, uma oval com as seguintes propriedades.

Ferramenta CLOSE PATH – Permite fechar o(s) segmento(s) da oval.

3. Repita o exercício anterior, mas com a opção Close path desactivada. Verifique as diferenças.



Adobe Flash

Ferramenta INNER RADIUS – Permite especificar uma oval dentro da oval, ou seja, permite a criação de formas

tipo donut. O valor percentual simboliza a parte da oval que é removida.

4. Crie no palco, uma oval com as seguintes propriedades.

Ferramenta RESET – Regressa aos valores de origem.

5. Guarde o documento com o nome Ovais.

Actividade 10 – FERRAMENTA LÁPIS (PENCIL TOOL)

O desenho com o lápis é utilizado para desenhar à mão livre no Flash. Seleccione esta

ferramenta. Ao fazê-lo, notará que na parte inferior da barra de ferramentas, na área

nomeada como OPTIONS, surge o ícone de selecção do modo do lápis (PENCIL MODE).

Carregue neste ícone e uma segunda janela será vista. Veja a figura ao lado.

STRAIGHTEN – Para desenhar linhas rectas ou converter para quadrados, circunferências

ou triângulos ao desenhar aproximações dos mesmos.

SMOOTH – Para desenhar curvas mais suaves, como espirais.

INK – Desenho à mão livre sem correcção aplicada.


2. Utilizando a ferramenta STRAIGHTEN, experimente desenhar um quadrado, um triângulo, um círculo e

uma oval. Utilize cores de linhas diferentes.

NOTA: Se enquanto desenha premir a tecla SHIFT, desenhará apenas rectas ortogonais.



Adobe Flash

NOTA2: Para eliminar pontos excedentes das linhas desenhadas em modo SMOOTH ou INK seleccione a linha,

utilizando a ferramenta de selecção, e aplique os modificadores da ferramenta de selecção STRAIGHTEN ou

SMOOTH.

3. Desenhe com a ferramenta SMOOTH uma espécie de triângulo, tentando errar da seguinte forma.

Depois de desenhar, utilize a ferramenta de selecção e tente desfazer os pontos excedentes do

triângulo, com as ferramentas indicadas na nota2.

4. Com a ferramenta SMOOTH tente desenhar uma espiral.

5. Com a ferramenta INK, tente desenhar um boneco.

6. Guarde o documento com o nome Ferramenta Lápis.

Actividade 11 – FERRAMENTA PINCEL (BRUSH TOOL)

A ferramenta de pintura do Flash permite a criação de efeitos especiais, tais como efeitos caligráficos e quando utiliza uma caneta de pressão é possível variar a espessura da pincelada. O pincel utiliza a cor do preenchimento para desenhar, ao contrário do lápis, que usa a de contorno. Os objectos a pintar devem estar desagrupados. (MODIFY UNGROUP).

OPÇÕES:

PAINT NORMAL – Pinta todos os objectos incluindo o palco.

PAINT FILL – Pinta apenas os preenchimentos dos objectos que tenham sido desenhados com a opção OBJECT DRAWNING..

PAINT BEHIND – Pinta atrás dos objectos.

PAINT SELECTION – Pinta apenas os preenchimentos dos objectos seleccionados.

PAINT INSIDE – Pinta dentro dos objectos, mas é necessário iniciar a pincelada de dentro para fora do mesmo, caso contrário, pinta o palco.


2. Crie 5 estrelas (POLYSTAR TOOL) e utilize as opções descritas anteriormente.

3. Guarde o documento com o nome Ferramenta BRUSH.



Adobe Flash

Actividade 12 – FERRAMENTAS INK BOTTLE E PAINT BUCKET


FERRAMENTA INK BOTTLE – Ferramenta utilizada para adicionar ou alterar um contorno a um objecto.

FERRAMENTA PAINT BUCKET – Ferramenta utilizada para alterar ou atribuir preenchimentos aos objectos. É

possível atribuir cores sólidas, degradés ou bitmaps para preenchimento. Possui uma opção para preencher

mesmo os objectos cujos segmentos não se encontrem fechados.

Opções de Preenchimento

Don’t close gaps – Apenas preenche os objectos com segmentos fechados.

Close small gaps – Preenche os objectos mesmo que apresentem ligeiras aberturas entre os segmentos.

Close Medium Gaps – Preenche os objectos que apresentem aberturas médias entre os segmentos.

Close Large Gaps – Preenche os objectos que apresentem aberturas grandes entre os segmentos.

2. Utilize estas duas ferramentas, de forma autónoma, tentando utilizar diferentes tipos de preenchimentos

interiores e de linha.




Adobe Flash

Actividade 3 – O primeiro layout

1. Crie um novo documento no Flash.

2. Preencha as propriedades do documento:

3. Utilizando as diferentes ferramentas de desenho, crie um layout, com várias Camadas (layers):

4. Guarde o documento com o nome PrimeiroLayout.



Adobe Flash

Dicas:

A – Para adicionar uma layer deverá utilizar o botão existente na barra inferior da timeline.

B- Para adicionar um ficheiro de imagem deverá, depois de o guardar no disco, fazer uma importação (directamente para o palco ou para a library de media). File Import Import to Library.

C- Para alterar uma forma (por exemplo: rectângulo) poderá fazê-lo aproximando o rato a uma das faces. Irá aparecer o símbolo de uma semi-circunferência. Nesse momento poderá estender e alterar a forma do objecto.

actividades da sessão 1 - flash

Documents