introdução ao flash

Download Introdução ao Flash

Post on 02-Jan-2017

216 views

Category:

Documents

1 download

Embed Size (px)

TRANSCRIPT

  • Introduo ao Flash

    Tutorial constitudo por 3 lies para introduzir o flash no desenvolvimento de aplicaes.

    Carla Teixeira Lopes

    http://www.carlalopes.com

    Dezembro de 2006

  • Carla Teixeira Lopes 2

    S U M R I O

    INTRODUOAOFLASH ........................................................................................ 6

    CRIAODEUMDOCUMENTOFLASH ................................................................... 6

    Mudaraspropriedadesdodocumento ...................................................................................................8

    Desenharumcrculo......................................................................................................................................8

    Criarumsmbolo.......................................................................................................................................... 10

    Animarocrculo ........................................................................................................................................... 11

    PUBLICAODEUMDOCUMENTOFLASH ........................................................... 12

    COLOCAODOSFICHEIROSHTMLESWFNAWEB ............................................. 14

    UTILIZAODOPAINELDEFERRAMENTAS(TOOLSPANEL).................................. 20

    CRIAODEUMAAPLICAOFLASHPARTEI ................................................... 24

    UTILIZAODOTIMELINE.................................................................................... 26

    Layers............................................................................................................................................................... 26

    FrameseKeyframes.................................................................................................................................... 27

    CRIAODEUMAAPLICAOFLASHPARTEII .................................................. 28

    UTILIZAODABIBLIOTECA................................................................................. 32

    Smbolos.......................................................................................................................................................... 32

    Importaodeobjectos.............................................................................................................................. 33

    CRIAODEUMAAPLICAOFLASHPARTEIII ................................................. 34

    POSICIONAMENTOEALINHAMENTODOSOBJECTOSNOPALCO.......................... 39

    Posicionamento ............................................................................................................................................ 39

    Alinhamento .................................................................................................................................................. 41

    CriaodeumaaplicaoFlashparteIV .......................................................................................... 42

  • Carla Teixeira Lopes 3

    CriaodeumaaplicaoFlashparteV ............................................................................................ 44

    INTRODUOAOACTIONSCRIPT ......................................................................... 49

    Movimentaoentreframes .................................................................................................................... 49

    CRIAODEBOTES ........................................................................................... 51

    Criaodeanimaonosbotes............................................................................................................. 56

    INSERODEUDIONODOCUMENTOFLASH..................................................... 62

    Importaodeudio................................................................................................................................... 62

    Associaodeudioaoeventoreleasedeumboto........................................................................ 63

    Associaodeudioaestadosdebotes............................................................................................. 68

    DRAGANDDROPNOFLASH................................................................................. 72

  • Carla Teixeira Lopes 4

    Introduo R E S U M O

    Esta lio pretende introduzir os alunos ao ambiente da aplicao Flash e criao e publicao de um documento simples.

    Tempo necessrio: 1 hora

    Introduo ao Flash

    Viso geral do Flash e das suas principais componentes.

    Criao de um documento Flash

    Comece a utilizar o Flash na criao de um simples documento. Conhea as principais reas da interface do Flash, mude as propriedades do documento, desenhe um elemento, crie um smbolo e crie uma simples animao.

    Publicao de um documento Flash

    Compreenda a utilidade da funcionalidade de publicao existente no Flash e, passo a passo, publique o documento criado anteriormente.

    Colocao dos ficheiros HTML e SWF na Web

    Para que o seu trabalho possa ficar disponvel na Web, ainda necessrio colocar os ficheiros resultantes da publicao num servidor Web. Aprenda como o fazer utilizando o servidor Web da ESTSP.

    A N T E S D E C O M E A R

    Instalar o Flash 8 Professional no computador. Se no tiver acesso ao programa, pode descarregar uma verso de teste em http://store1.adobe.com/go/tryflash.

    O Q U E N E C E S S R I O

    Nome de utilizador e palavra passe de acesso conta no servidor Web da ESTSP.

    Possuir um navegador com Flash Player instalado no seu computador para poder visualizar o seu trabalho.

    O B J E C T I V O S

    Conhecer a interface do Flash

    Lio 1

  • Carla Teixeira Lopes 5

    Criar um documento em Flash

    Criar um crculo

    Criar e entender o conceito de smbolo

    Criar uma pequena animao

    Publicar um documento em Flash

    Colocar um documento Flash disponvel na Web

  • L I C O 1

    Carla Teixeira Lopes 6

    Introduo ao Flash O Flash uma ferramenta utilizada para criar apresentaes, animaes, jogos, interfaces, aplicaes e outros contedos que permitam interaco com o utilizador. As aplicaes desenvolvidas em Flash podem incluir imagens, som, vdeo e efeitos especiais.

    Graas utilizao de imagens vectoriais, os ficheiros Flash ficam com um tamanho reduzido, pelo que os contedos gerados com esta ferramenta se integram bem num meio como a Web. As imagens vectoriais necessitam de menos memria e capacidade de armazenamento porque so representados atravs de frmulas matemticas.

    Para criar uma aplicao em Flash trabalha-se num documento Flash que um ficheiro com a extenso .fla (FLA). Neste documento podem ser criados grficos utilizando as ferramentas de desenho disponveis e podem ser importados elementos externos. Depois define-se como e quando necessrio utilizar cada um dos elementos para desenvolver a aplicao desejada. Um documento Flash tem 4 componentes principais:

    Stage onde as imagens, vdeos, botes e outros elementos aparecem na reproduo da aplicao.

    Timeline onde se indica quando que elementos do projecto devem aparecer. Tambm utilizado para a ordem de sobreposio dos elementos no palco. Os elementos em nveis mais altos aparecem frente de elementos em nveis mais baixos.

    Library onde so listados todos os elementos do documento Flash.

    ActionScript cdigo que permite adicionar interactividade aos elementos do documento. Por exemplo, pode-se adicionar cdigo que faa com que um clique num boto faa aparecer uma imagem diferente. O Flash possui componentes de ActionScript j implementados, fceis de incluir no documento Flash.

    Depois de concludo o desenvolvimento da aplicao, deve-se proceder sua publicao, que cria uma verso comprimida do ficheiro com a extenso .swf (SWF). Este ficheiro pode depois ser executado como uma aplicao isolada ou num navegador com o Flash Player (de descarregamento gratuito).

    Criao de um documento Flash Atravs dos passos indicados nesta seco ir criar um simples documento Flash.

    1. Abra o Adobe Macromedia Flash 8.

    2. O primeiro ecr que surge uma pgina comum a muitas aplicaes Macromedia e, se quiser desactiv-la, basta clicar na caixa de seleco Dont show again no canto inferior esquerdo. Se quiser voltar a reactiv-la, seleccione Edit>Preferences e clique no tabulador General. Seleccione Show Start Page e a pgina abaixo ir aparecer cada vez que o Flash arranca.

  • L I C O 1

    Carla Teixeira Lopes 7

    3. Seleccione Create New>Flash Document na pgina inicial para abrir a interface Flash. Se o Flash no apresentar a pgina inicial, seleccionar File > New do menu para criar um novo documento. Surgir um ecr semelhante a:

    Como pode verificar a interface dividida em diversas reas:

    Menus

    Timeline

    Stage

    Tools

    Painis

    Propertyinspector

  • L I C O 1

    Carla Teixeira Lopes 8

    Main Menu

    A barra de menu o centro de controle da interface Flash. Aqui pode manipular os ficheiros Flash e configurar o ambiente de trabalho.

    Stage

    Esta a rea em que o utilizador v o filme Flash em aco. Contm todos os elementos visveis e, por vezes, elementos invisveis.

    Timeline

    Contm as frames que integram um filme Flash.

    Painis

    Do acesso a uma vasta gama de ferramentas. Podem ser abertos, fechados, reorganizados e agrupados.

    Tools

    Ferramentas de desenho e texto. Quando uma ferramenta seleccionada, o Property Inspector apresentar as propriedades associadas ferramenta.

    Property inspector

    Painel que possibilita a modificao de documentos e objectos. sensvel ao contexto, ou seja, o seu contedo reflecte o elemento sele