Você está na página 1de 87

Programa CIEE de Educao a Distncia

CURSO: FLASH I

SUMRIO

AULA 1 ...................................................................................................................... 02 AULA 2 ...................................................................................................................... 06 AULA 3 ...................................................................................................................... 11 AULA 4 ...................................................................................................................... 17 AULA 5 ...................................................................................................................... 23 AULA 6 ...................................................................................................................... 35 AULA 7 ...................................................................................................................... 49 AULA 8 ...................................................................................................................... 59 AULA 9 ...................................................................................................................... 78 Referncias ............................................................................................................... 87

Programa CIEE de Educao a Distncia

AULA 1 O Flash um programa de multimdia desenvolvido para web. Esta ferramenta permite a criao de portflios digitais, cartoons, pginas web, apresentaes, ilustraes e animaes. As animaes so compostas por uma srie de quadros denominados frames, que se sucedem a uma velocidade constante dando a impresso de movimento e quando associados a efeitos sonoros temos uma apresentao multimdia completa. Novidades do Flash Os novos recursos do Flash aprimoram a flexibilidade, a criatividade e a eficincia do Flash. Os designers que exigem um controle mais preciso e maior integrao com as ferramentas de design consagradas, agora tm um aplicativo criativo sem igual para desenvolver materiais com vrios recursos de mdia. Recursos novos e poderosos se somam a essa criatividade, concedendo aos desenvolvedores de aplicativos acesso a novos recursos que tornam o Flash um ambiente de desenvolvimento poderoso e interessante. Os desenvolvedores podem trabalhar com ferramentas avanadas de criao de scripts e depurao, referncia de cdigo interno e componentes predefinidos para utilizar rapidamente aplicativos destinados Web. Como trabalhar no Flash Os filmes do Macromedia Flash so constitudos por grficos, texto, animao e aplicativos para sites da Web.

Programa CIEE de Educao a Distncia

Eles consistem principalmente em grficos vetoriais, mas tambm podem conter vdeos, grficos de bitmap e sons importados. Os filmes do Flash podem incorporar interatividade para permitir interao de quem assiste. Alm disso, possvel criar filmes no lineares que podem interagir com outros aplicativos da Web. Os designers da Web utilizam o Flash para criar controles de navegao, logotipos animados, animaes extensas com som sincronizado e at sites da Web mais completos sensorialmente. Os filmes do Flash usam elementos grficos vetoriais compactos; com isso, o download rpido e os filmes se ajustam ao tamanho de tela do usurio. Os documentos do Flash, que tm a extenso de nome de arquivo .fla, apresentam todas as informaes necessrias para o desenvolvimento, projeto e testes de material interativo. Esses documentos no so os filmes exibidos pelo Flash Player. Na verdade, os documentos FLA so publicados como filmes do Flash, que apresentam a extenso de nome de arquivo .swf e contm apenas as informaes necessrias para a exibio do filme. Animao no Flash Utilizando o Flash, voc pode animar objetos para fazer com que paream se mover no palco e/ou alterar a forma, o tamanho, a cor, a opacidade, a rotao e outras propriedades dos objetos. Voc pode criar animao quadro a quadro, na qual uma imagem separada criada para cada quadro. Tambm pode criar animao interpolada, na qual voc cria o primeiro e o ltimo quadro de uma animao e instrui o Flash a criar os quadros intermedirios.

Programa CIEE de Educao a Distncia

Arte no Flash O Flash fornece vrios mtodos para criar arte original e importar arte de outros aplicativos. possvel criar objetos com as ferramentas de desenho e de pintura, alm de modificar os atributos de objetos existentes. Tambm possvel importar grficos vetoriais, de bitmap e vdeo de outros aplicativos e modificar os grficos importados no Flash. Filmes interativos no Flash O Flash permite criar filmes interativos, nos quais o pblico pode usar o teclado ou o mouse para ir para diferentes partes de um filme, mover objetos, inserir informaes em formulrios e realizar vrias outras operaes. possvel criar filmes interativos escrevendo scripts de aes atravs do ActionScript. Desenvolvimento de aplicativos no Flash O Flash fornece clipes de filme com parmetros definidos, chamados componentes, para auxiliar no desenvolvimento de experincias fascinantes ao usurio nos filmes do Flash. Cada componente interno do Flash tem seu prprio conjunto exclusivo de mtodos do ActionScript que permitem definir e alterar os parmetros de criao e as opes adicionais em runtime. Ao combinar os recursos fceis de insero dos componentes predefinidos com os recursos avanados do ActionScript, possvel criar aplicativos totalmente funcionais na Web. Usando a Ajuda do Flash

Programa CIEE de Educao a Distncia

A Ajuda do Flash contm duas sees principais. Usando o Flash e o Dicionrio do ActionScript para um melhor

aproveitamento da Ajuda do Flash, recomendamos o uso de um navegador com suporte ao exibidor Java, como o Internet Explorer 4.5 ou posterior. A Ajuda do Flash tambm compatvel com o Netscape Navigator 6.1 ou posterior no Windows e no Macintosh. A execuo simultnea do Flash e da Ajuda do Flash em um Macintosh requer at 32 MB de memria, dependendo das necessidades de memria do seu navegador. Navegue pelos tpicos da Ajuda utilizando um dos seguintes recursos:

Contedo organiza as informaes por assunto; ndice organiza informaes como um ndice impresso tradicional; Localizar localiza qualquer sequncia de caracteres em todo o texto do tpico. Esse recurso requer um navegador 6.1 ou posterior compatvel com Java. Para procurar uma frase, digite-a na caixa de entrada de texto.

Programa CIEE de Educao a Distncia

AULA 2 O palco e a rea de trabalho Como nos filmes do cinema, os filmes do Flash dividem os intervalos de tempo em quadros. O Palco o local em que o usurio elabora os quadros do filme, seja desenhando as ilustraes diretamente neles ou dispondo ilustraes importadas. Exibio do Palco possvel alterar a exibio do palco modificando o nvel de ampliao ou movendo o Palco dentro do ambiente de trabalho do Flash. Voc tambm pode ajustar a exibio do Palco usando os comandos Exibir. Aplicando zoom Para exibir todo o Palco na tela ou apenas uma determinada rea de seu desenho com o mximo de ampliao, altere o nvel de ampliao. A ampliao mxima depende da resoluo do monitor e do tamanho do documento. Uso da grade, guias e rguas O Flash fornecido com rguas e guias que o ajudam a desenhar e criar o layout dos objetos com preciso. possvel colocar guias em um documento e encaixar objetos nessas guias ou ativar a grade e encaixar os objetos nela. Quando a grade exibida em um documento, ela aparece como um conjunto de linhas atrs das ilustraes em todas as cenas.

Programa CIEE de Educao a Distncia

Voc pode encaixar objetos na grade e modificar o tamanho da grade e a cor da linha da grade. Uso das guias Voc pode arrastar as guias verticais e horizontais das rguas para o Palco quando as rguas forem exibidas. Voc pode mover, bloquear, ocultar e remover guias. Tambm possvel encaixar objetos nas guias e alterar a cor da guia e a tolerncia de encaixe (a proximidade a ser estabelecida para os objetos com a finalidade de encaix-los em uma guia). As guias arrastveis aparecem somente na Linha de Tempo onde foram criadas. Para criar guias irregulares ou personalizadas, use camadas guias. Usando rguas Quando as rguas so exibidas, elas aparecem nas partes superior e esquerda do documento. O padro de unidade de medida utilizado nas rguas pixels, mas possvel alter-lo. Quando voc move um elemento no Palco com as rguas exibidas, linhas indicando as dimenses do elemento aparecem nas rguas. Para especificar a unidade de medida das rguas de um documento escolha: Modificar, Documento e selecione uma opo no menu pop-up no canto superior direito. Criando um novo documento Cada vez que voc abre o Flash, o aplicativo cria um novo arquivo com a extenso FLA.

Programa CIEE de Educao a Distncia

Voc pode criar novos documentos adicionais do Flash medida que trabalha. Para definir o tamanho, a taxa de quadros, a cor de fundo e outras propriedades de um novo documento, use a caixa de dilogo Propriedades do documento. Tambm possvel abrir um modelo como novo documento. Voc pode escolher entre modelos padro fornecidos com o Flash ou abrir um modelo salvo anteriormente. Usando cenas e o painel Cena Para organizar um filme de forma temtica, voc pode usar cenas. Por exemplo, voc pode usar cenas separadas para uma introduo, uma mensagem de carregamento e crditos. Quando voc publica um filme do Flash que contm mais de uma cena, as cenas desse filme so reproduzidas na ordem em que esto listadas no painel Cena do documento do Flash. Os quadros do filme so numerados consecutivamente por cenas. Voc pode adicionar, excluir, duplicar, renomear e alterar a ordem das cenas. Para parar ou pausar um filme aps cada cena ou permitir que os usurios naveguem no filme de forma no linear, use aes.

Programa CIEE de Educao a Distncia

Usando a Linha de tempo A Linha de Tempo organiza e controla o contedo de um filme em camadas e quadros ao longo do tempo. Como nos filmes do cinema, os filmes do Flash dividem os intervalos de tempo em quadros. As camadas so como vrias fitas de filme empilhadas uma sobre a outra, sendo que cada uma contm uma imagem diferente que aparece no Palco. Os componentes mais importantes da Linha de Tempo so os quadros, as camadas e a reproduo. As camadas em um documento esto listadas em uma coluna, no lado esquerdo da Linha de tempo. Os quadros contidos em cada camada aparecem em uma linha direita do nome da camada. O cabealho da Linha de Tempo na parte superior dessa linha indica os nmeros dos quadros. A reproduo indica o quadro exibido atualmente no Palco.

Programa CIEE de Educao a Distncia

A exibio do status da Linha de tempo na parte inferior dessa linha indica o nmero do quadro selecionado, a taxa de quadros atual e o tempo decorrido at o quadro atual.

10

Programa CIEE de Educao a Distncia

AULA 3 Movendo a reproduo A reproduo percorre a Linha de Tempo para indicar o quadro exibido no momento no Palco. O cabealho da Linha de Tempo mostra os nmeros dos quadros da animao. Para exibir um quadro no Palco, mova a reproduo para o quadro na Linha de Tempo. Quando estiver trabalhando com um grande nmero de quadros que no podem aparecer de uma s vez na Linha de tempo, voc poder mover o ponto de reproduo na Linha de tempo para localizar facilmente o quadro atual.

Trabalhando com quadros na Linha de tempo Na Linha de tempo voc trabalha com quadros e quadros-chave colocando-os na ordem em que deseja que os objetos nos quadros apaream. Voc pode alterar o tamanho de uma animao interpolada arrastando um quadro-chave na Linha de Tempo. A Linha de Tempo fornece uma exibio de quadros interpolados em uma animao. Na seleo baseada em quadros (o padro), voc seleciona quadros na Linha de tempo. Na seleo baseada no intervalo, toda a sequncia de quadros, de um quadro-chave ao outro, selecionada quando voc clica em qualquer quadro na sequncia.

11

Programa CIEE de Educao a Distncia

Usando o Inspetor de propriedades para definir atributos de quadro O Inspetor de propriedades simplifica a criao de documentos porque facilita a edio de atributos de quadros. O contedo do Inspetor de propriedades alterado para refletir o contedo do quadro, permitindo editar um quadro sem acessar os menus ou painis que contm esses recursos. Alm de alterar o nome de um quadro e transformar um quadro-chave em uma ncora com nome, possvel usar o Inspetor de propriedades para definir atributos de animao e som. Criando rtulos de quadros e comentrios Os rtulos de quadros servem para identificar os quadros-chave na Linha de Tempo e devem ser utilizados, em vez dos nmeros dos quadros, para definir quadros como destino em aes, como Go To. Se voc adicionar ou remover quadros, o rtulo ser movido com o quadro ao qual estava anexado inicialmente e os nmeros dos quadros podero mudar. Os rtulos de quadros so includos quando voc publica um documento como um filme do Flash, portanto, evite nomes longos para minimizar o tamanho do arquivo. Os comentrios do quadro so teis para que voc crie notas para si mesmo e para outros usurios que trabalham no mesmo documento. Os comentrios do quadro no so exportados quando voc publica um documento como um filme do Flash, portanto, eles podem ter qualquer tamanho desejado.

12

Programa CIEE de Educao a Distncia

Usando ncoras com nomes As ncoras com nomes simplificam a navegao nos filmes do Flash ao permitir que os visualizadores usem os botes Avanar e Voltar de um navegador para passar de um quadro a outro ou de uma cena para outra. Os quadros-chave de ncoras com nomes so indicados na Linha de tempo por um cone de ncora. Para beneficiar-se dos quadros-chave de ncoras com nome no seu filme do Flash final, selecione a opo Flash com ncoras com nomes no menu pop-up Modelo na guia HTML da caixa de dilogo Configuraes de publicao. Para usar filmes do Flash com ncoras com nomes necessrio que o Flash Player 6 esteja em execuo no seu navegador. Usando camadas As camadas so como folhas transparentes de acetato empilhadas umas sobre as outras. Elas o ajudam a organizar as ilustraes no seu documento. Voc pode desenhar e editar objetos em uma camada, sem interferir nos objetos de outra camada. Quando no houver nenhum elemento em uma camada, voc poder ver as camadas abaixo atravs dessa camada. Para desenhar, pintar ou modificar de alguma outra forma uma camada, selecione-a para torn-la ativa. Um cone de lpis ao lado do nome de uma camada ou pasta indica que o item est ativo. Apenas uma camada pode estar ativa de cada vez (embora mais de uma possa ser selecionada de cada vez). Quando voc cria um novo documento do Flash, ele contm uma camada.

13

Programa CIEE de Educao a Distncia

possvel adicionar mais camadas para organizar as ilustraes, a animao e outros elementos do documento. O nmero de camadas que voc pode criar depende apenas da memria do computador, sendo que as camadas no aumentam o tamanho de arquivo do filme publicado. possvel ocultar, bloquear ou reorganizar as camadas. Tambm possvel organizar e gerenciar as camadas criando pastas e colocando-as nessas pastas. Voc pode expandir ou recolher as camadas na Linha de tempo sem que isso afete os itens exibidos no Palco. uma boa ideia usar camadas ou pastas separadas para arquivos de som, aes, rtulos e comentrios de quadro. Esse procedimento ajuda a encontrar esses itens rapidamente quando necessrio edit-los. Exibindo camadas e pastas de camadas medida que trabalha, talvez voc queira exibir ou ocultar camadas ou pastas. Um X vermelho ao lado do nome de uma camada ou pasta indica que ela est oculta. As camadas ocultas no so preservadas quando um filme publicado. Para ajud-lo a distinguir a qual camada os objetos pertencem, voc pode exibir todos os objetos em uma camada como contornos coloridos. Voc pode alterar a cor de contorno usada por cada camada. possvel alterar a altura das camadas na Linha de Tempo para exibir nela mais informaes (como formatos de ondas de som).

14

Programa CIEE de Educao a Distncia

Tambm possvel alterar o nmero de camadas exibidas na Linha de Tempo. Criando camadas e pastas de camadas Quando voc cria uma nova camada ou pasta, ela exibida acima da camada selecionada. Uma camada recm-adicionada torna-se a camada ativa. Organizando camadas e pastas de camadas possvel reorganizar camadas e pastas na Linha de tempo para organizar o documento. As pastas de camadas ajudam a organizar o fluxo de trabalho, pois permitem que voc coloque camadas em uma estrutura de rvore. possvel expandir ou recolher uma pasta para ver as camadas que ela contm, sem afetar as camadas visveis no Palco. As pastas podem conter camadas e outras pastas. Isso permite que as camadas sejam organizadas de forma bastante semelhante ao modo como os arquivos esto dispostos no seu computador. Os controles de camada na Linha de tempo afetam todas as camadas situadas dentro de uma pasta. Por exemplo, bloquear uma pasta de camada faz com que todas as camadas contidas nela tambm fiquem bloqueadas.

15

Programa CIEE de Educao a Distncia

Usando camadas guia Para obter ajuda em relao ao alinhamento de objetos ao desenhar, crie camadas guia. Em seguida, possvel alinhar os objetos nas camadas com os objetos criados por voc nas camadas guia. As camadas guia no aparecem em um filme publicado do Flash. Voc pode usar qualquer camada como camada guia. As camadas guia so indicadas por um cone de guia esquerda do nome da camada.

Editando camadas e pastas de camadas possvel renomear, copiar e excluir camadas e pastas. Tambm possvel bloquear camadas e pastas para impedir sua edio. Por padro, as novas camadas so nomeadas de acordo com a ordem na qual so criadas: Camada 1, Camada 2 etc. Voc pode renomear as camadas para refletir melhor seu contedo.

16

Programa CIEE de Educao a Distncia

AULA 4 Visualizando filmes no ambiente de criao Para visualizar filmes, use os comandos do menu Controlar, os botes do Controlador ou os comandos de teclado. Voc pode modificar a reproduo do filme usando os comandos do menu Controlar. Ao utilizar os comandos a seguir, tambm necessrio escolher Controlar Reproduzir para visualizar o filme. Visualizando filmes em um navegador da Web Para obter a representao mais precisa de um filme do Flash, visualize-o no seu navegador da Web padro. Para testar o filme em um navegador da Web: Escolha as opes: Arquivo, Visualizar Publicao, HTML. Visualizando filmes com o comando Testar filme Embora o Flash reproduza filmes no ambiente de criao, vrias funes interativas e de animao no funcionam a menos que o documento seja exportado em seu formato final de filme do Flash. Com os comandos do menu Controlar, possvel exportar o documento atual como um filme do Flash e reproduzi-lo imediatamente com o comando Testar filme. O filme exportado utiliza as opes definidas na caixa de dilogo Configuraes de Publicao.

17

Programa CIEE de Educao a Distncia

Usando o Movie Explorer O Movie Explorer fornece um mtodo fcil para exibir e organizar o contedo de um documento e selecionar elementos para modificao nesse documento. Ele contm uma lista de exibio dos elementos utilizados no momento, organizados em uma rvore hierrquica na qual possvel navegar. Voc pode filtrar as categorias de itens do documento que devem ser exibidas no Movie Explorer, escolhendo texto, grficos, botes, clipes de filme, aes e arquivos importados. Pode exibir as categorias selecionadas como elementos de filme (cenas), definies de smbolo ou ambos. Tambm pode expandir e recolher a rvore de navegao. O Movie Explorer oferece diversos recursos para agilizar o fluxo de trabalho para a criao de filmes. Por exemplo, voc pode usar o Movie Explorer para executar as seguintes aes:

procurar um item em um documento pelo nome; conhecer a estrutura de um documento do Flash criado por outro desenvolvedor;

localizar todas as instncias de uma ao ou um smbolo especfico; substituir todas as ocorrncias de uma fonte por outra em um documento;

copiar texto para a rea de transferncia para col-lo em um editor de texto externo para verificao ortogrfica;

imprimir a lista de exibio navegvel exibida atualmente no Movie Explorer.

Usando o Movie Explorer

18

Programa CIEE de Educao a Distncia

O Movie Explorer possui um menu de opes e um menu de contexto com opes para realizar operaes em itens selecionados ou modificar sua exibio. O menu de opes indicado por uma marca de seleo com um tringulo sob ela na barra de ttulo do Movie Explorer.

Agilizando a exibio do filme Para agilizar a exibio do filme, use os comandos do menu Exibir para desativar os recursos de qualidade de processamento que exigem clculos adicionais e tornam os filmes lentos. Nenhum desses comandos afeta o modo como o Flash exporta um filme. Para alterar a velocidade de exibio do filme, escolha Exibir e selecione uma das seguintes opes:

Contornos: exibe somente os contornos das formas de uma cena e todas as linhas so exibidas como linhas finas. Esse recurso torna ainda

19

Programa CIEE de Educao a Distncia

mais fcil alterar a forma de elementos grficos e exibir cenas complexas de modo mais rpido.

Rpido: desativa o recurso de ausncia de serrilhado e exibe todas as cores e estilos de linha do desenho;

Sem Serrilhado: ativa o recurso de ausncia de serrilhado para linhas, formas e bitmaps. Essa opo exibe formas e linhas de modo que suas bordas apaream suavizadas na tela. Ela desenha de modo mais lento do que a opo Rpido.

A ausncia de serrilhado: funciona melhor em placas de vdeo que fornecem milhares (16 bits) ou milhes (24 bits) de cores. No modo de 16 ou 256 cores, as linhas pretas so suavizadas, mas possvel que as cores fiquem com uma aparncia melhor no modo rpido;

Texto sem Serrilhado: suaviza as bordas de qualquer texto. Esse comando funciona melhor com os tamanhos grandes de fonte e pode ser lento com grandes volumes de texto. Esse o modo de trabalho mais comum.

Salvando documentos do Flash possvel salvar um documento FLA do Flash usando o seu local e nome atuais ou salv-lo com outro local ou nome. Tambm possvel reverter para a ltima verso salva de um arquivo. Alm disso, voc pode salvar contedo do Flash como um documento do Flash 5. Salve um documento como um modelo para utiliz-lo como ponto de partida para um novo documento do Flash (este procedimento semelhante ao modo como os modelos so usados nos aplicativos de processamento de texto ou de edio de pginas da Web). Para obter informaes sobre o uso de modelos na criao de novos documentos, consulte Criando um novo documento.

20

Programa CIEE de Educao a Distncia

Quando voc salva um documento usando o comando Salvar, o Flash realiza uma gravao rpida que anexa novas informaes ao arquivo existente. Quando utiliza o comando Salvar como, o Flash organiza as novas informaes no arquivo, criando um arquivo menor no disco. Configurando um servidor para o Flash Player Para que um usurio exiba seu filme do Flash na Web, necessrio que o servidor da Web esteja configurado adequadamente para reconhecer o arquivo SWF como um filme do Flash. Pode ser que o seu servidor j esteja configurado corretamente. Para testar a configurao do servidor, consulte a TechNote 4151 do Flash no Macromedia Flash Support Center. Se o servidor no estiver configurado corretamente, siga o procedimento abaixo para configur-lo. A configurao de um servidor estabelece os tipos Multipart Internet Mail Extension (MIME) apropriados para que o servidor identifique os arquivos com o sufixo .swf como pertencentes ao Shockwave Flash. Um navegador que recebe o tipo MIME correto pode carregar o aplicativo auxiliar, de controle ou plug-in apropriado para processamento e exibir corretamente os dados recebidos. Se o tipo MIME estiver faltando ou no tiver sido fornecido corretamente pelo servidor, possvel que o navegador exiba uma mensagem de erro ou uma janela vazia com um cone de pea de quebra-cabeas. Siga um dos procedimentos abaixo para configurar um servidor para o Flash Player.

21

Programa CIEE de Educao a Distncia

Se o seu site for estabelecido atravs de um provedor de servios de Internet, entre em contato com eles e solicite que o aplicativo do tipo MIME/x-shockwave-flash com o sufixo SWF seja adicionado ao servidor.

Se

estiver

administrando

seu

prprio

servidor,

consulte

documentao do software do servidor da Web para obter instrues sobre como adicionar ou configurar tipos MIME. Imprimindo documentos do Flash medida que voc os edita Voc pode imprimir quadros de documentos do Flash enquanto trabalha, para visualizar e editar seus filmes. Tambm pode especificar quadros para serem impressos no Flash Player por um visualizador que esteja exibindo o filme do Flash. Ao imprimir quadros de um documento do Flash, use a caixa de dilogo Imprimir para especificar o intervalo de cenas ou quadros que deseja imprimir, bem como o nmero de cpias. No Windows, a caixa de dilogo Configurar Pgina especifica o tamanho do papel, a orientao e diversas opes de impresso, como configuraes de margens, e se devem ser impressos todos os quadros em cada pgina. No Macintosh, essas opes esto divididas entre as caixas de dilogo Configurar Pgina e Margens de Impresso. As caixas de dilogo Imprimir e Configurar Pgina so padro nesses sistemas operacionais e a aparncia dessas caixas depende do driver de impressora selecionado.

22

Programa CIEE de Educao a Distncia

AULA 5 Como trabalhar com propriedades do Flash As propriedades do Macromedia Flash so os vrios elementos utilizados para a criao de um filme. As propriedades incluem os objetos no Palco, smbolos e instncias de smbolo, clipes de som e outros arquivos importados. O Flash oferece ferramentas para ajud-lo a organizar e otimizar as propriedades. Essas ferramentas melhoram o fluxo de trabalho mantendo um acesso fcil aos recursos utilizados com mais frequncia do Flash. Propriedades e gerenciamento de propriedades A maior parte das propriedades do Flash constituda por objetos do Palco ou smbolos armazenados na biblioteca de documentos. Outras propriedades incluem arquivos nos computadores locais ou remotos. A biblioteca facilita a organizao e ajuda a otimizar o tamanho do arquivo. Os recursos da caixa de ferramenta, dos inspetores, painis e da biblioteca o ajudam a trabalhar eficientemente com as propriedades de qualquer documento simples ou complexo. Smbolos e instncias Os smbolos so elementos reutilizveis que voc utiliza com um documento. Eles podem ser grficos, botes, videoclipes, arquivos de som ou fontes. Quando voc cria um smbolo, ele armazenado na biblioteca de arquivos.

23

Programa CIEE de Educao a Distncia

Ao colocar um smbolo no Palco, voc cria uma instncia desse smbolo. Os smbolos reduzem o tamanho do arquivo, pois o Flash armazena o smbolo no arquivo somente uma vez independentemente do nmero de instncias de um smbolo criadas. aconselhvel usar smbolos, animados ou no, para todos os elementos que aparecem mais de uma vez em um documento. Voc pode modificar as propriedades de uma instncia sem afetar o smbolo principal e edit-lo para alterar todas as instncias. possvel editar smbolos de vrias maneiras: no local do Palco, em uma nova janela ou no modo de edio de smbolo. Quando voc edita um smbolo, a Linha de tempo exibe somente a linha de tempo do smbolo que est sendo editado. Smbolos e instncias possvel localizar e abrir um smbolo da biblioteca no Movie Explorer, utilizando o comando Localizar na Biblioteca.

Smbolos e filmes interativos

24

Programa CIEE de Educao a Distncia

Os smbolos so parte integrante da criao de filmes interativos; voc pode usar instncias de smbolos para criar interatividade em um filme. Por exemplo, voc pode criar um smbolo de boto que alterado em resposta a aes do mouse e colocar uma instncia do smbolo no Palco. Voc usa outro tipo de smbolo, chamado clipe de filme, para criar filmes interativos sofisticados. Painis e o Inspetor de propriedades O Flash oferece diversas maneiras para personalizar o espao de trabalho de acordo com suas necessidades. Utilize os painis e o Inspetor de propriedades para exibir, organizar e alterar as propriedades e seus atributos. Voc pode mostrar, ocultar e redimensionar painis. Tambm possvel agrupar painis e salvar conjuntos de painis personalizados para facilitar o gerenciamento do espao de trabalho. O Inspetor de propriedades alterado de acordo com a ferramenta ou propriedade utilizada, proporcionando acesso rpido aos recursos usados com frequncia. Usando painis Os painis do Flash o ajudam a exibir, organizar e alterar elementos em um documento. As opes disponveis nos painis controlam as caractersticas dos smbolos, instncias, cores, tipo, quadros e outros elementos. Voc pode usar painis para personalizar a interface do Flash, exibindo os painis necessrios para uma tarefa especfica e ocultando outros.

25

Programa CIEE de Educao a Distncia

Os painis permitem trabalhar com objetos, cores, texto, instncias, quadros, cenas e documentos inteiros. Por exemplo, utilize o Misturador de cores para criar cores, e o painel Alinhar para alinhar objetos entre si no Palco. Para exibir a lista completa de painis disponveis no Flash, veja o menu Janela. A maioria dos painis contm um menu pop-up com mais opes. O menu de opes indicado por um controle na barra de ttulo do painel. Se nenhum controle de menu de opes for mostrado, no h menu de opes para esse painel. Organizando painis possvel reorganizar a ordem na qual os painis aparecem dentro dos grupos de painis. Tambm possvel criar novos grupos de painis, alm de acoplar painis aos grupos existentes.

Para mover um painel: arraste o painel pela barra de ttulo. Para adicionar um painel a um grupo de painis existente: arraste o painel pela barra de ttulo para outro painel.

Para criar um novo grupo de painis: arraste o painel pela barra de ttulo afastando-o de outros grupos de painis.

Utilizando conjuntos de painis possvel criar conjuntos de painis de acordo com organizaes personalizadas e salvar esses layouts de painis personalizados. Voc pode redefinir a exibio do painel com o layout padro (exibindo os painis Amostra de cores, Aes e Componentes, alm do Misturador de

26

Programa CIEE de Educao a Distncia

cores, direita da janela do aplicativo) ou com um layout personalizado que tenha sido salvo anteriormente. Para salvar um conjunto personalizado de painis:

escolha Janela, Salvar layout do painel; insira um nome para o layout e clique em OK.

Para selecionar um layout de painel:


escolha Janela, Conjuntos de Painis; No submenu, escolha Layout Padro para redefinir os painis para o layout padro ou escolha um layout personalizado salvo anteriormente.

Para excluir layouts personalizados:

Abra a pasta Conjuntos de painis contida na pasta do aplicativo Flash no disco rgido e exclua o arquivo Conjuntos de painis.

Trabalhando com o painel Biblioteca O painel Biblioteca o local em que voc armazena e organiza os smbolos criados no Flash, assim como arquivos importados, inclusive arquivos de som, grficos de bitmap e videoclipes. O painel Biblioteca permite organizar itens da biblioteca em pastas, verificar a frequncia de utilizao de um item em um documento e classificar os itens por tipo.

27

Programa CIEE de Educao a Distncia

Trabalhando com o painel Aes O painel Aes permite criar e editar aes para um objeto ou quadro. A seleo de um quadro, um boto ou uma instncia de clipe de filme ativa o painel Aes. O ttulo do painel Aes alterado para Aes do boto, Aes do clipe de filme ou Aes do quadro, de acordo com o item selecionado. Utilizando o Inspetor de propriedades O Inspetor de propriedades simplifica a criao de documentos ao tornar mais fcil o acesso maioria dos atributos da seleo atual utilizados com frequncia, no Palco ou na Linha de tempo. possvel alterar os atributos do objeto ou do documento no Inspetor de propriedades sem acessar os menus ou painis que contm esses recursos.

28

Programa CIEE de Educao a Distncia

Dependendo do item selecionado no momento, o Inspetor de propriedades exibe informaes e configuraes relativas ao documento atual, texto, smbolo, forma, bitmap, vdeo, grupo, quadro ou ferramenta. Quando dois ou mais tipos diferentes de objetos so selecionados, o Inspetor de propriedades exibe o nmero total de objetos selecionados. Usando a caixa de ferramentas As ferramentas da caixa de ferramentas permitem que voc desenhe, pinte, selecione e modifique arte e altere a exibio do Palco. A caixa de ferramentas dividida em quatro sees:

a seo Ferramentas contm ferramentas de desenho, pintura e seleo;

a seo Exibir contm ferramentas para zoom e viso panormica na janela do aplicativo;

a seo Cores contm modificadores para as cores de preenchimento e de trao;

a seo Opes exibe modificadores para a ferramenta selecionada, que afetam as operaes de edio ou de pintura da ferramenta.

Usando menus de contexto

29

Programa CIEE de Educao a Distncia

Os menus de contexto contm comandos relevantes para a seleo atual. Por exemplo, quando voc seleciona um quadro na janela Linha de Tempo, o menu de contexto apresenta comandos para criar, excluir e modificar quadros e quadros-chave. Existem menus de contexto para diversos itens e controles em vrios locais, inclusive no Palco, na Linha de tempo, no painel Biblioteca e no painel Aes.

Usando a biblioteca A biblioteca em um documento do Flash armazena smbolos criados no Flash, alm de arquivos importados como videoclipes, clipes de som, bitmaps e grficos de vetores importados. O painel Biblioteca exibe uma lista de rolagem com os nomes de todos os itens da biblioteca, permitindo a exibio e organizao desses elementos enquanto voc trabalha.

30

Programa CIEE de Educao a Distncia

Um cone ao lado do nome de um item nesse painel indica o respectivo tipo de arquivo. Voc pode abrir a biblioteca de qualquer documento do Flash ao trabalhar no Flash para disponibilizar os itens da biblioteca desse arquivo para o documento atual. Voc pode criar bibliotecas permanentes no aplicativo Flash que estaro disponveis sempre que voc iniciar o Flash. O Flash tambm inclui vrias bibliotecas de exemplos contendo botes, grficos, clipes de filme e sons que voc pode adicionar aos seus prprios documentos do Flash. As bibliotecas de exemplos do Flash e as bibliotecas permanentes criadas so listadas em Janela, submenu Bibliotecas Comuns. Usando a biblioteca possvel exportar propriedades da biblioteca como um arquivo SWF para um URL com o objetivo de criar uma biblioteca compartilhada de runtime. Este procedimento permite estabelecer vnculos com as propriedades da biblioteca a partir de filmes do Flash que importam smbolos com o compartilhamento de runtime.

31

Programa CIEE de Educao a Distncia

Trabalhando com itens da biblioteca Quando voc seleciona um item no painel Biblioteca, uma visualizao em miniatura do item aparece na parte superior do painel. Se o item selecionado for animado ou consistir em um arquivo de som, use o boto Reproduzir na janela de visualizao de Biblioteca ou o Controlador para visualizar o item. Trabalhando com pastas no painel Biblioteca Voc pode organizar os itens do painel Biblioteca em pastas, de maneira semelhante ao Windows Explorer ou ao Macintosh Finder. Quando voc cria um novo smbolo, esse smbolo armazenado na pasta selecionada. Se no houver uma pasta selecionada, o smbolo ser armazenado na raiz da biblioteca. As colunas do painel Biblioteca mostram o nome de um item, seu tipo, o nmero de vezes que ele foi utilizado no arquivo, seu status de vinculao e

32

Programa CIEE de Educao a Distncia

identificador (caso o item esteja associado a uma biblioteca compartilhada ou tenha sido exportado para o ActionScript), alm da data da ltima modificao que sofreram. Voc pode classificar itens no painel Biblioteca com base em qualquer coluna. Este painel tambm contm um menu de opes pop-up com opes para a modificao de itens da biblioteca. Classificando itens no painel biblioteca Voc pode classificar itens no painel Biblioteca de forma alfanumrica por qualquer coluna.

A classificao de itens permite exibir os itens relacionados em conjunto. Os itens so classificados em pastas.

Editando itens da biblioteca Para editar itens de biblioteca, inclusive arquivos importados, faa sua escolha no menu de opes da Biblioteca.

Voc pode atualizar os arquivos importados aps edit-los em um editor externo, usando a opo Atualizar do menu de opes da Biblioteca.

Renomeando itens da biblioteca Voc pode renomear itens da biblioteca. A alterao do nome do item da biblioteca de um arquivo importado no altera o nome do arquivo.

Excluindo itens da biblioteca Quando voc exclui um item da biblioteca, tambm so excludas todas as instncias ou ocorrncias desse item no documento. A coluna Contagem de uso do painel Biblioteca indica se um item est em uso.

33

Programa CIEE de Educao a Distncia

Localizando itens da biblioteca no usados Para facilitar a organizao de um documento, localize os itens no utilizados na biblioteca e exclua-os.

Localizando itens da biblioteca no usados Para facilitar a organizao de um documento, localize os itens no utilizados na biblioteca e exclua-os.

No necessrio excluir esses itens da biblioteca para reduzir o tamanho do arquivo de um filme do Flash, porque os itens no usados na biblioteca no so includos no arquivo SWF.

Atualizando arquivos importados no painel Biblioteca Se voc usar um editor externo para modificar arquivos que importou para o Flash, como bitmaps ou arquivos de som, poder atualizar os arquivos no Flash sem import-los novamente.

Tambm possvel atualizar smbolos importados de documentos externos do Flash. A atualizao de um arquivo importado substitui seu contedo pelo contedo do arquivo externo.

Trabalhando com bibliotecas comuns Voc pode usar as bibliotecas de exemplos fornecidas com o Flash para adicionar smbolos, botes ou sons aos documentos.

Tambm possvel criar suas prprias bibliotecas de exemplos, que podem ser usadas com qualquer documento criado.

34

Programa CIEE de Educao a Distncia

AULA 6 Viso geral do desenho As ferramentas de desenho do Macromedia Flash permitem criar e modificar formas para imagens em filmes. Antes de desenhar e pintar no Flash, importante compreender como o programa cria imagens, como funcionam as ferramentas de desenho e como o ato de desenhar, pintar e modificar formas pode afetar outras formas na mesma camada. Sobre grficos de bitmap e vetoriais Os computadores exibem os grficos no formato vetorial ou de bitmap. Compreender a diferena entre os dois formatos o ajuda a trabalhar de modo mais eficiente. Com o Flash, possvel criar e animar grficos vetoriais compactos. Ele tambm permite a importao e manipulao de grficos vetoriais e de bitmap criados em outros aplicativos. Grficos vetoriais Os grficos vetoriais descrevem as imagens atravs de linhas e curvas, denominadas vetores, que tambm incluem propriedades de cor e posio. Por exemplo, a imagem de uma folha descrita por pontos pelos quais passam as linhas, criando a forma do contorno da folha. A cor da folha determinada pela cor do contorno e pela cor da rea delimitada pelo contorno.

35

Programa CIEE de Educao a Distncia

Ao editar um grfico vetorial, voc modifica as propriedades das retas e curvas que descrevem a forma do grfico. possvel mover, redimensionar, alterar a forma e a cor de um grfico vetorial sem modificar a qualidade da sua aparncia. Os grficos vetoriais independem da resoluo, o que significa que podem ser exibidos em dispositivos de sada de vrias resolues sem perda de qualidade. Grficos de bitmap Ao editar um grfico de bitmap, voc modifica pixels em vez de linhas e curvas. Os grficos de bitmap dependem da resoluo porque os dados que descrevem a imagem esto fixos em uma grade de um determinado tamanho. A edio de um grfico de bitmap pode alterar a qualidade de sua aparncia. Em termos especficos, o redimensionamento de um grfico de bitmap pode tornar irregulares as bordas de uma imagem, quando os pixels so redistribudos dentro da grade. A exibio de um grfico de bitmap em um dispositivo de sada com uma resoluo mais baixa do que a da prpria imagem tambm afeta a qualidade de sua aparncia. Os grficos de bitmap descrevem imagens atravs de pontos coloridos, chamados pixels, dispostos em uma grade. Por exemplo, a imagem de uma folha descrita pelo local especfico e pelo valor da cor de cada pixel contido na grade, gerando uma imagem muito parecida com um mosaico.

36

Programa CIEE de Educao a Distncia

Ferramentas de desenho do Flash O Flash fornece vrias ferramentas para desenhar linhas precisas ou de forma livre, formas e caminhos, e para pintar objetos preenchidos.

37

Programa CIEE de Educao a Distncia

Ferramentas de pintura do Flash

Modificadores de ferramentas

Cor do traado

Cor do preenchimento

Mo

Zoom

Ferramentas de desenho e de pintura do Flash

Para desenhar linhas e formas livres como se voc estivesse desenhando com um lpis real, utilize a ferramenta Lpis. Para desenhar caminhos precisos como linhas retas ou curvas, use a ferramenta Caneta.

Para desenhar formas geomtricas bsicas, use as ferramentas Linha, Oval e Retngulo.

Para criar traos semelhantes a pinceladas, como se estivesse pintando com um pincel, use a ferramenta Pincel.

Quando voc utiliza a maioria das ferramentas do Flash, o Inspetor de propriedades alterado para apresentar as configuraes associadas ferramenta correspondente.

38

Programa CIEE de Educao a Distncia

Por exemplo, se voc escolher a ferramenta Texto, o Inspetor de propriedades exibir propriedades de texto, facilitando a seleo dos atributos de texto desejados. Quando voc usa uma ferramenta de desenho ou pintura para criar um objeto, a ferramenta aplica os atributos de preenchimento e de trao atuais ao objeto. Para alterar os atributos de traado e preenchimento dos objetos existentes, utilize as ferramentas 'Balde de tinta' e 'Nanquim' na caixa de ferramentas ou no Inspetor de propriedades. Sobre formas sobrepostas no Flash Quando voc usa a ferramenta Lpis, Linha, Oval, Retngulo ou Pincel para desenhar uma linha em outra linha ou forma pintada, as linhas sobrepostas so divididas em segmentos nos pontos de interseo. Voc pode usar a ferramenta Seta para selecionar, mover e alterar a forma de cada segmento individualmente.

Um preenchimento; o preenchimento com uma linha desenhada atravessandoo e os dois preenchimentos e trs segmentos de linha criados pela segmentao. Quando voc pinta sobre formas e linhas, a parte posicionada embaixo substituda pelo que estiver em cima. Pinturas da mesma cor ficam mescladas. Pinturas de cores diferentes permanecem distintas.

39

Programa CIEE de Educao a Distncia

Voc pode usar esses recursos para criar mscaras, recortes e outras imagens negativas. Por exemplo, o recorte ao lado foi criado movendo a imagem da pipa desagrupada para a forma verde, cancelando a seleo da pipa e afastando as partes preenchidas da pipa da forma verde.

Desenhando com a ferramenta Lpis Para desenhar linhas e formas, utilize a ferramenta Lpis, da mesma forma como usaria um lpis de verdade para desenhar. Para aplicar o recurso de suavizao ou acerto s linhas e formas ao desenhar, selecione um modo de desenho para a ferramenta Lpis. Desenhando linhas retas, ovais e retngulos Voc pode usar as ferramentas Linha, Oval e Retngulo para criar facilmente essas formas geomtricas bsicas. As ferramentas Oval e Retngulo criam formas traadas e preenchidas. A ferramenta Retngulo permite criar retngulos com cantos quadrados ou arredondados. Usando a ferramenta Caneta

40

Programa CIEE de Educao a Distncia

Para desenhar caminhos precisos como linhas retas ou curvas suaves, voc pode usar a ferramenta Caneta. Voc pode criar segmentos de linha curvos ou retos e ajustar o ngulo e o comprimento de segmentos retos e a inclinao de segmentos curvos. Pode ajustar os segmentos de linha retos e curvos ajustando os pontos na linha. Pode converter curvas em linhas retas e vice-versa. Tambm possvel exibir pontos em linhas criadas com outras ferramentas de desenho do Flash, como a ferramenta Lpis, Pincel, Linha, Oval ou Retngulo, para ajustar essas linhas. Ajustando segmentos Voc pode ajustar segmentos retos para alterar o ngulo ou o comprimento do segmento ou ajustar segmentos curvos para alterar a inclinao ou a direo da curva. Quando voc move uma ala tangente em um ponto de curva, as curvas nos dois lados do ponto so ajustadas. Quando voc move uma ala tangente em um ponto de canto, somente a curva no mesmo lado do ponto que a ala tangente ajustada. Pintando com a ferramenta Pincel A ferramenta Pincel desenha traos semelhantes a pinceladas, como se voc estivesse pintando. Ela permite que voc crie efeitos especiais, incluindo efeitos de caligrafia. possvel escolher o tamanho e a forma do pincel utilizando os modificadores da ferramenta Pincel. Na maioria das mesas digitalizadoras sensveis presso, possvel variar a largura do trao do pincel variando a presso sobre a caneta tipo stylus.

41

Programa CIEE de Educao a Distncia

O tamanho do pincel para novos traos permanece constante at mesmo quando voc altera o nvel de ampliao do Palco. Assim, um pincel de mesmo tamanho parece maior quando a ampliao do Palco menor. Por exemplo, vamos supor que voc defina a ampliao do Palco em 100% e pinte com a ferramenta Pincel utilizando o menor tamanho de pincel. Em seguida, altere a ampliao para 50% e pinte novamente utilizando o mesmo tamanho para o pincel. O novo trao pintado parecer 50% mais espesso que o anterior. A alterao do nvel de ampliao do Palco no modifica o tamanho dos traos de pincel existentes. possvel usar um bitmap importado como um preenchimento ao pintar com a ferramenta Pincel.

Imagem original, Pintar Normal, Pintar Atrs, Pintar Seleo, Pintar Preenchimentos e Pintar Dentro. Alterando a forma de linhas e os contornos de formas Voc pode alterar a forma de linhas e contornos de formas criados com a ferramenta Lpis, Pincel, Linha, Oval ou Retngulo arrastando com a ferramenta Seta ou otimizando suas curvas.

42

Programa CIEE de Educao a Distncia

Voc tambm pode usar a ferramenta Subselecionar para exibir pontos em linhas e contornos de formas e modificar as linhas e os contornos ajustando os pontos. Alterando a forma com a ferramenta Seta Para alterar a forma de uma linha ou de um contorno de forma, voc pode arrastar em qualquer ponto da linha usando a ferramenta Seta. O ponteiro muda para indicar o tipo de alterao de forma possvel na linha ou no preenchimento. O Flash ajusta a curva do segmento de linha para acomodar a nova posio do ponto movido. Se o ponto reposicionado for um ponto final, voc poder alongar ou encurtar a linha. Se o ponto reposicionado for um canto, os segmentos de linha que formam o canto permanecero retos ao serem alongados ou encurtados.

Quando aparecer um canto prximo ao ponteiro, voc poder alterar um ponto final. Quando aparecer uma curva prxima ao ponteiro, voc poder ajustar uma curva. Acertando e suavizando linhas Voc pode alterar a forma de linhas e contornos de formas usando os recursos de acerto e suavizao.

43

Programa CIEE de Educao a Distncia

possvel ajustar o grau de suavizao e acerto automtico definindo preferncias para as configuraes de desenho. O acerto faz pequenos ajustes nas linhas e curvas j desenhadas. Ele no afeta os segmentos que j so retos. Voc tambm pode usar a tcnica de acerto para fazer com que o Flash reconhea formas. Se voc desenhar formas triangulares, retangulares ou ovais com a opo Reconhecer formas desativada, poder usar a opo Acertar para tornar as formas geometricamente perfeitas. As formas que estiverem se tocando e, portanto, conectadas a outros elementos no sero reconhecidas.

O reconhecimento de formas transforma as formas da parte superior nas formas da parte inferior. A suavizao atenua as curvas e reduz as irregularidades ou outras variaes na direo geral de uma curva. Ela tambm reduz o nmero de segmentos em uma curva. Entretanto, a suavizao relativa e no afeta segmentos retos. Ela til principalmente quando voc tem problemas ao alterar a forma de alguns segmentos de linha muito curtos.

44

Programa CIEE de Educao a Distncia

A seleo e suavizao de todos os segmentos reduzem o nmero de segmentos, gerando uma curva mais suave e com um formato mais fcil de ser alterado. A aplicao repetida da suavizao e do acerto torna cada segmento mais suave ou mais reto, dependendo de quo curvo ou reto cada segmento era originalmente. Para suavizar a curva de cada contorno de preenchimento ou linha curva selecionada: selecione a ferramenta Seta e clique no modificador seo Opes da caixa de ferramentas. Para fazer pequenos ajustes de acerto em cada contorno de preenchimento ou linha curva selecionada: selecione a ferramenta Seta e clique no modificador Acertar. Suavizar na

Para usar o reconhecimento de formas: selecione a ferramenta Seta e clique no modificador Acertar.

Otimizando curvas Outra maneira de suavizar as curvas otimiz-las. Esse recurso aprimora as linhas curvas e os contornos de preenchimento, reduzindo o nmero de curvas usadas para definir esses elementos. A otimizao das curvas tambm reduz o tamanho do documento do Flash (arquivo FLA) e do filme exportado do Flash (arquivo SWF).

45

Programa CIEE de Educao a Distncia

Como ocorre com os modificadores ou os comandos Suavizar ou Acertar, possvel aplicar a otimizao aos mesmos elementos vrias vezes. Apagando Apagar com a ferramenta Borracha remove traos e preenchimentos. Voc pode apagar rapidamente tudo o que existir no Palco, apagar reas preenchidas ou segmentos de trao individuais ou apagar arrastando. Voc pode personalizar a ferramenta Borracha para apagar somente traos, somente reas preenchidas ou somente uma nica rea preenchida. A ferramenta Borracha pode ser redonda ou quadrada e pode ter um dentre cinco tamanhos. Modificando formas Voc pode modificar formas convertendo linhas em preenchimentos,

expandindo a forma de um objeto preenchido ou atenuando as bordas de uma forma preenchida modificando as curvas da forma. O recurso 'Converter linhas em preenchimentos' transforma linhas em preenchimentos, permitindo que voc preencha linhas com gradientes ou apague uma parte de uma linha. Os recursos 'Expandir forma' e 'Suavizar bordas' permitem que voc expanda formas preenchidas e torne as bordas das formas difusas. Os recursos 'Expandir preenchimento' e 'Suavizar bordas de preenchimento' funcionam melhor em formas pequenas que no contm muitos detalhes. A aplicao de 'Suavizar bordas' a formas com muitos detalhes pode aumentar o tamanho de arquivo de um documento do Flash e do arquivo SWF resultante. Encaixando

46

Programa CIEE de Educao a Distncia

Para alinhar automaticamente elementos uns com os outros, voc pode usar o encaixe. O Flash permite alinhar objetos encaixando-os em outros objetos ou em pixels isolados. Encaixe de objetos O encaixe de objetos pode ser ativado usando o modificador Encaixar da ferramenta Seta ou o comando 'Encaixar em objetos' no menu Exibir.

Se o modificador Encaixar da ferramenta Seta

estiver ativado, ser exibido

um pequeno anel preto sob o ponteiro quando voc arrastar um elemento. O anel pequeno se transformar em um anel maior quando o objeto estiver a uma distncia de encaixe de outro objeto. Encaixe de pixel possvel ativar o encaixe de pixel utilizando o comando Ajustar aos pixels do menu Exibir. Se esta opo estiver ativada, uma grade de pixels aparecer quando a ampliao da exibio estiver definida como 400% ou mais. A grade de pixels representa os pixels individuais que aparecero no filme. Quando voc cria ou move um objeto, ele fica restrito grade de pixels. Escolhendo as configuraes do desenho Voc pode definir as configuraes do desenho para especificar

comportamentos de encaixe, suavizao e acerto ao usar as ferramentas de desenho do Flash. Voc pode alterar a configurao de Tolerncia para cada opo e ativar ou desativar cada opo.

47

Programa CIEE de Educao a Distncia

As configuraes de tolerncia so relativas, dependendo da resoluo da tela do computador e do aumento atual da cena. Por padro, cada opo ativada e definida como tolerncia Normal.

Conectar linhas: determina a que distncia a extremidade de uma linha que est sendo desenhada deve estar de um segmento de linha existente antes de o ponto final encaixar-se no ponto mais prximo da outra linha.

Suavizar curvas: especifica o grau de suavizao aplicado s linhas curvas desenhadas com a ferramenta Lpis quando o modo de desenho estiver definido como Acertar ou Suavizar.

Reconhecer linhas: define quo reto um segmento de linha desenhado com a ferramenta Lpis deve ser, antes que o Flash o reconhea e o torne totalmente reto. As selees so Desativado, Estrito, Normal e Tolerante.

Reconhecer formas: controla a preciso com que voc deve desenhar crculos, formas ovais, quadrados, retngulos e arcos de 90 e 180 para que sejam reconhecidos como formas geomtricas e redesenhados com exatido.

48

Programa CIEE de Educao a Distncia

AULA 7 Viso geral do trabalho com cores O Macromedia Flash oferece vrias maneiras de aplicar, criar e modificar cores. Ao usar a paleta padro ou uma paleta criada por voc, possvel escolher cores que sejam aplicadas ao trao ou preenchimento de um objeto que ser criado ou que j esteja no Palco. Se uma cor de trao for aplicada a uma forma, o contorno ser pintado com essa cor. Se uma cor de preenchimento for aplicada a uma forma, o interior ser pintado com essa cor. Ao aplicar uma cor de trao a uma forma, voc pode selecionar qualquer cor slida e tambm o estilo e a espessura do trao. Para o preenchimento de uma forma, voc pode aplicar uma cor slida, um gradiente ou um bitmap. Para aplicar um preenchimento de bitmap a uma forma, necessrio importar um bitmap para o arquivo atual. Tambm possvel criar uma forma contornada sem preenchimento usando Nenhum como preenchimento, ou uma forma preenchida sem contorno usando Nenhum como contorno. Alm disso, possvel aplicar um preenchimento de cor slida ao texto. Usando os controles Cor de trao e Cor de preenchimento na caixa de ferramentas Os controles Cor de trao e Cor de preenchimento na caixa de ferramentas permitem selecionar uma cor de trao slida ou uma cor de preenchimento de gradiente ou slida, alternar as cores de trao e preenchimento ou selecionar

49

Programa CIEE de Educao a Distncia

as cores de trao e preenchimento padro (trao preto e preenchimento branco). Os objetos ovais e retangulares (formas) podem ter cores de trao e de preenchimento. Os objetos de texto e os traos do pincel s podem ter cores de preenchimento. As linhas desenhadas com as ferramentas Linha, Caneta e Lpis s podem ter cores de trao. Os controles Cor de trao e Cor de preenchimento da caixa de ferramentas definem os atributos de pintura dos novos objetos criados com as ferramentas de desenho e de pintura. Para usar esses controles a fim de alterar os atributos de pintura de objetos existentes, selecione primeiro os objetos no Palco.

Cor do traado

Cor do preenchimento

Traado e Preenchimento padro

Boto de troca da ordem do Traado e Preenchimento

Boto Nenhum(a)

Usando os controles Cor de trao e Cor de preenchimento no Inspetor de propriedades

50

Programa CIEE de Educao a Distncia

Para alterar a cor do trao, o estilo e a espessura de um objeto selecionado, use os controles Cor de trao no Inspetor de propriedades. No caso do estilo do trao, possvel escolher um dos estilos pr-carregados com o Flash ou criar um estilo personalizado. Para selecionar um preenchimento de cor slida, use o controle Cor de preenchimento no Inspetor de propriedades. As amostras de gradientes s aparecem no controle Cor de preenchimento.

Paleta de Cores Slidas

Paleta de Gradientes

Trabalhando com cores slidas e misturador de cores Para criar e editar cores slidas e preenchimentos de gradiente, use o Misturador de cores. Se um objeto estiver selecionado no Palco, as modificaes de cor feitas no Misturador de cores sero aplicadas seleo. possvel criar qualquer cor por meio do Misturador de cores. Tambm possvel especificar um valor alfa para definir o grau de transparncia de uma cor. Alm disso, possvel selecionar uma cor em uma paleta de cores existente, expandir o Misturador de cores para exibir um espao de cor maior no lugar da

51

Programa CIEE de Educao a Distncia

barra de cores, uma amostra de cores dividida que mostra as cores atuais e anteriores e um controle Brilho para modificar o brilho da cor em todos os modos de cores. Modificando traos com a ferramenta Nanquim Para alterar a cor do trao, a largura e o estilo de linhas ou de contornos de formas, use a ferramenta Nanquim. Voc s pode aplicar cores slidas, e no gradientes ou bitmaps, a linhas ou a contornos de formas. Com a ferramenta Nanquim, mais fcil alterar os atributos de trao de vrios objetos de uma s vez em vez de selecionar linhas separadamente. Aplicando preenchimentos slidos, de gradiente e de bitmap com a ferramenta Balde de tinta A ferramenta Balde de Tinta preenche reas fechadas com cor. Ela pode preencher reas vazias e alterar a cor de reas j pintadas. Voc pode pintar com cores slidas, preenchimentos de gradiente e preenchimentos de bitmap. possvel usar a ferramenta Balde de Tinta para preencher reas que no estejam totalmente fechadas e especificar que o Flash feche lacunas em contornos de formas quando voc usa essa ferramenta.

52

Programa CIEE de Educao a Distncia

Transformando preenchimentos de gradiente e de bitmap possvel transformar um preenchimento de gradiente ou de bitmap ajustando o tamanho, a direo ou o centro do preenchimento. Para transformar um preenchimento de gradiente ou de bitmap, use a ferramenta

Transformar preenchimento.

Selecione a ferramenta Transformar preenchimento. Clique em uma rea preenchida com um preenchimento de gradiente ou de bitmap.

Quando um preenchimento de gradiente ou de bitmap selecionado para edio, so exibidos o ponto central e a caixa delimitadora com alas de edio.

Quando estiver posicionado sobre uma dessas alas, o ponteiro mudar para indicar a funo da ala.

Pressione Shift para restringir a direo de um preenchimento de gradiente linear a mltiplos de 45.

Altere a forma do gradiente ou do preenchimento de uma das seguintes maneiras: Para reposicionar o ponto central do preenchimento de gradiente ou de bitmap, arraste o ponto central.

Para alterar a largura do preenchimento de gradiente ou de bitmap, arraste a ala quadrada na lateral da caixa delimitadora. (Essa opo redimensiona somente o preenchimento, e no o objeto que o contm.)

53

Programa CIEE de Educao a Distncia

Para alterar a altura do preenchimento de gradiente ou de bitmap, arraste a ala quadrada na parte inferior da caixa delimitadora.

Para girar o preenchimento de gradiente ou de bitmap, arraste a ala de rotao circular no canto. Voc tambm pode arrastar a ala inferior no crculo delimitador de um gradiente circular ou de um preenchimento.

54

Programa CIEE de Educao a Distncia

Para dimensionar um gradiente linear ou um preenchimento, arraste a ala quadrada no centro da caixa delimitadora.

Para alterar o raio de um gradiente circular, arraste a ala circular do meio no crculo delimitador.

Para inclinar ou alongar um preenchimento dentro de uma forma, arraste uma das alas circulares na parte superior ou no lado direito da caixa delimitadora.

Para colocar um bitmap lado a lado dentro de uma forma, dimensione o preenchimento.

55

Programa CIEE de Educao a Distncia

Copiando traos e preenchimentos com a ferramenta Conta-gotas Voc pode usar a ferramenta Conta-gotas para copiar atributos de preenchimento e de trao de um objeto e aplic-los imediatamente a outro objeto. Essa ferramenta tambm permite obter uma amostra da imagem em um bitmap para usar como preenchimento. Modificando paletas de cores Cada arquivo do Flash contm sua prpria paleta de cores, armazenada no documento do Flash. O Flash exibe a paleta de um arquivo como amostras nos controles Cor de preenchimento e Cor de trao, e no painel Amostra de cores. A paleta padro a paleta de 216 cores ajustada Web. possvel adicionar cores paleta de cores atual usando o Misturador de cores. Para importar, exportar e modificar a paleta de cores de um arquivo, use o painel Amostra de cores. Voc pode duplicar cores, remover cores da paleta, alterar a paleta padro, recarregar a paleta ajustada Web se a tiver substitudo ou classificar a paleta de acordo com o matiz. possvel importar e exportar paletas de cores slidas e de gradiente entre arquivos do Flash e tambm entre o Flash e outros aplicativos, como o Macromedia Fireworks e o Adobe Photoshop.
56

Programa CIEE de Educao a Distncia

Duplicando e removendo cores possvel duplicar cores na paleta, excluir cores isoladamente ou limpar todas as cores da paleta. Para duplicar ou excluir uma cor:

se o painel Amostra de cores no estiver visvel, escolha Janela, Amostra de cores.

clique na cor que ser duplicada ou excluda. escolha Duplicar Amostra ou Excluir Amostra no menu pop-up localizado no canto superior direito.

Para limpar todas as cores da paleta de cores: No painel Amostra de cores, escolha Limpar cores no menu pop-up localizado no canto superior direito. Todas as cores so removidas da paleta, exceto preto e branco. Usando a paleta padro e a paleta ajustada Web Voc pode salvar a paleta atual como a padro, substitu-la pela paleta padro definida para o arquivo ou carregar a paleta ajustada Web para substituir a paleta atual. Para carregar ou salvar a paleta padro No painel Amostra de cores, escolha um destes comandos no menu pop-up localizado no canto superior direito:

a opo Carregar Cores Padro substitui a paleta atual pela padro. a opo Salvar como Padro salva a paleta de cores atual como a padro. A nova paleta padro usada quando voc cria novos arquivos.

Para carregar a paleta de 216 cores ajustada Web No painel Amostra de cores, escolha Web 216 no menu pop-up localizado no canto superior direito. Classificando a paleta

57

Programa CIEE de Educao a Distncia

Para facilitar a localizao de uma cor, voc pode classificar as cores na paleta por matiz. Para classificar as cores na paleta:

no painel Amostra de cores, escolha Classificar por cor no menu pop-up localizado no canto superior direito.

Viso geral do trabalho com cores possvel modificar atributos de trao e preenchimento de diversas maneiras usando as ferramentas Balde de tinta, Nanquim, Conta-gotas e Transformar preenchimento e o modificador Bloquear preenchimento para as ferramentas Pincel ou Balde de tinta. O Misturador de cores permite criar e editar facilmente cores slidas e preenchimentos de gradiente nos modos RGB (vermelho, verde, azul) e HSB (matiz, saturao e brilho). possvel importar, exportar, excluir e modificar a paleta de cores de um arquivo usando o painel Amostra de Cores. possvel selecionar cores no modo Hexadecimal no misturador, assim como nas janelas pop-up Trao e Preenchimento na caixa de ferramentas ou no Inspetor de propriedades.

58

Programa CIEE de Educao a Distncia

AULA 8 Viso geral sobre o uso de arte e vdeo importados O Macromedia Flash pode usar arte criada em outros aplicativos. possvel importar grficos vetoriais e bitmaps em diversos formatos de arquivo. Se o QuickTime 4 ou posterior estiver instalado no sistema, voc poder importar formatos de vetores ou bitmaps adicionais. possvel importar arquivos do FreeHand (verso 10 ou posterior) e arquivos PNG do Fireworks diretamente para o Flash, preservando os atributos desses formatos. Quando voc importa um bitmap, pode aplicar compactao e suavizao de serrilhado, colocar o bitmap diretamente em um documento do Flash, us-lo como preenchimento, edit-lo em um editor externo, desmembr-lo em pixels e edit-lo no Flash ou, ainda, converter o bitmap em arte vetorial. Tambm possvel importar vdeo para o Flash. Os arquivos no formato do Macromedia Flash Video (FLV) podem ser importados diretamente para o Flash. Se voc tiver o QuickTime 4 ou posterior (Windows ou Macintosh) ou o DirextX 7 ou posterior (Windows apenas) instalado no sistema, poder importar vdeo nos formatos MOV, AVI ou MPEG. Dependendo do seu sistema, outros formatos podem ser suportados para importao. Os videoclipes podem ser importados como arquivos incorporados ou vinculados. possvel publicar filmes com vdeo importado como arquivos SWF ou filmes do QuickTime.

59

Programa CIEE de Educao a Distncia

Para obter informaes sobre a importao de arquivos de som nos formatos WAV (Windows), AIFF (Macintosh) e MP3 (as duas plataformas). Inserindo uma arte no Flash O Flash reconhece diversos formatos vetoriais e de bitmap. possvel colocar arte no Flash importando-a para o Palco no documento atual do Flash ou para a biblioteca desse documento. Tambm possvel importar bitmaps colando-os no Palco no documento atual. Todos os bitmaps importados diretamente para um documento do Flash so adicionados automaticamente para a biblioteca do documento. Os arquivos grficos importados para o Flash devem ter pelo menos 2 x 2 pixels. possvel carregar arquivos JPEG em um filme durante o tempo de execuo usando a ao ou mtodo loadMovie. O Flash importa grficos vetoriais, bitmaps e sequncias de imagens, observe.

Quando voc importa grficos vetoriais para o Flash do FreeHand, pode escolher opes para a preservao das camadas, pginas e blocos de texto do FreeHand.

Quando voc importa imagens PNG do Fireworks, pode importar arquivos como objetos editveis, que podem ser modificados no Flash, ou como arquivos simples que podem ser editados e atualizados no Fireworks.

Quando voc importa imagens vetoriais para o Flash do Adobe Illustrator, pode escolher opes para preservar as camadas do Illustrator.

60

Programa CIEE de Educao a Distncia

As imagens vetoriais de arquivos SWF e WMF (Windows Metafile) importadas diretamente para um documento do Flash (em vez de uma biblioteca) so importadas como um grupo na camada atual.

Os bitmaps (fotos digitalizadas, arquivos BMP) importados diretamente para um documento do Flash so importados como objetos individuais na camada atual.

O Flash mantm as configuraes de transparncia dos bitmaps importados. Como a importao de um bitmap pode aumentar o tamanho de arquivo de um filme do Flash (arquivo SWF). Qualquer sequncia de imagens (por exemplo, uma sequncia PICT e BMP) importada diretamente para um documento do Flash importada como quadros-chave sucessivos da camada atual.

Importar formatos de arquivo para arquivos vetoriais ou de bitmap O Flash pode importar formatos de arquivo vetoriais ou de bitmap diferentes, de acordo com a instalao ou no do QuickTime 4 no sistema. O uso do Flash com o QuickTime 4 instalado especialmente til para projetos em colaborao, em que os autores trabalham nas plataformas Windows e Macintosh. O QuickTime 4 estende suporte a certos formatos de arquivo (inclusive o Adobe Photoshop, PICT, QuickTime Movie e outros) s duas plataformas. Os seguintes formatos de arquivos vetoriais ou de bitmap podem ser importados para o Flash, independentemente da instalao do QuickTime 4.

Adobe Illustrator .eps, .ai AutoCAD DXF .dxf Bitmap .bmp Enhanced Windows Metafile .emf FreeHand .fh7, .fh7, .fh8, .fh8, .fh9, .fh9, .fh10 FutureSplash Player .spl

61

Programa CIEE de Educao a Distncia

GIF e GIF animado .gif JPEG .jpg PICT .pct, .pic PNG .png Flash Player 6 .swf Windows Metafile .wmf

Os seguintes formatos de arquivos vetoriais ou de bitmap s podem ser importados para o Flash se o QuickTime 4 ou posterior estiver instalado:

MacPaint .pntg Photoshop .psd PICT .pct, .pic Imagem QuickTime .qtif Imagem Silicon Graphics .sgi TGA .tga TIFF .tif

Importando arquivos PNG do Fireworks possvel importar arquivos PNG do Fireworks para o Flash como imagens achatadas ou objetos editveis. Ao importar um arquivo PNG como imagem achatada, o arquivo inteiro (inclusive qualquer arte vetorial) varrido ou convertido em uma imagem de bitmap. Quando voc importa um arquivo PNG como objetos editveis, a ilustrao vetorial no arquivo preservada no formato vetorial. Voc pode optar por preservar bitmaps, textos e guias inseridos no arquivo PNG ao import-lo como objetos editveis.

62

Programa CIEE de Educao a Distncia

Se voc importar o arquivo PNG como uma imagem achatada, poder iniciar o Fireworks de dentro do Flash e editar o arquivo PNG original (com dados vetoriais). Quando voc importa vrios arquivos PNG em um lote, define as configuraes de importao de uma vez. O Flash usa as mesmas configuraes para todos os arquivos do lote. Importando arquivos do FreeHand Voc pode importar arquivos do FreeHand (verso 10 ou posterior) diretamente para o Flash. O FreeHand a melhor opo para criar grficos vetoriais a serem importados para o Flash, pois voc pode preservar as camadas, os blocos de texto, os smbolos da biblioteca e as pginas do FreeHand, alm de escolher um intervalo de pginas para importao. Se o arquivo importado do FreeHand estiver no modo de cor CMYK, o Flash o converter em RGB. Lembre-se das orientaes a seguir ao importar arquivos do FreeHand

Quando importar um arquivo com objetos sobrepostos que deseja preservar como objetos separados, coloque-os em camadas separadas no FreeHand e escolha Camadas na caixa de dilogo 'Importar do FreeHand' no Flash. (Se os objetos sobrepostos em uma nica camada forem importados para o Flash, as formas sobrepostas sero divididas em pontos de interseo, como nos objetos sobrepostos criados no Flash.)

Quando importar arquivos com preenchimentos de gradiente, o Flash poder suportar at oito cores neles. Se um arquivo do FreeHand contiver um preenchimento de gradiente com mais de oito cores, o Flash criar traados de recorte para simular a aparncia desse

63

Programa CIEE de Educao a Distncia

preenchimento. Os traados de recorte podem aumentar o tamanho do arquivo. Para minimiz-lo, use preenchimentos de gradiente com oitos cores ou menos no Freehand.

Quando importar arquivos com mesclagens, o Flash importar cada etapa de uma mesclagem como um caminho separado. Portanto, quanto mais etapas houver em uma mesclagem de um arquivo do FreeHand, maior ser o tamanho do arquivo importado no Flash.

Quando importar arquivos com traos que tenham acabamentos quadrados, o Flash os converter em acabamentos arredondados. Quando importar arquivos com imagens em escala de cinza inseridas, o Flash as converter em imagens RGB. Essa converso pode aumentar o tamanho do arquivo importado.

Quando importar arquivos com imagens EPS inseridas, primeiro ser necessrio selecionar a opo 'Converter EPS editvel quando importado' nas preferncias de importao do FreeHand, antes de inserir o EPS no FreeHand. Se voc no selecionar essa opo, a imagem EPS no poder ser visualizada quando importada para o Flash. Alm disso, o Flash no exibe informaes de uma imagem EPS importada (independentemente das configuraes de Preferncias usadas no FreeHand).

Importando arquivos do Adobe Illustrator O Flash pode importar e exportar arquivos do Adobe Illustrator no formato da verso 8.0 ou anterior. Quando voc importa um arquivo do Illustrator para o Flash, necessrio desagrupar todos os objetos do Illustrator em todas as camadas. Assim que todos os objetos estiverem desagrupados, ser possvel manipullos como qualquer outro objeto do Flash. Arquivos DXF do AutoCAD

64

Programa CIEE de Educao a Distncia

O Flash suporta o formato DXF do AutoCAD verso 10. Os arquivos DXF no tm suporte para as fontes do sistema padro. O Flash tenta mapear fontes adequadamente, mas os resultados podem ser imprevisveis, principalmente quanto ao alinhamento de texto. Como o formato DXF no tem suporte para preenchimentos slidos, as reas preenchidas so exportadas somente como contornos. Por isso, esse formato mais adequado aos desenhos lineares, como plantas baixas e mapas. possvel importar arquivos DXF bidimensionais no Flash. O Flash no dispe de suporte para arquivos DXF tridimensionais. Embora o Flash no suporte o dimensionamento em um arquivo DXF, todos os arquivos DXF importados geram filmes de 12 x 12 polegadas que podem ser dimensionados com o comando Modificar > Transformar > Dimensionar. Alm disso, o Flash suporta somente os arquivos DXF ASCII. No caso de arquivos DXF binrios, necessrio convert-los em ASCII antes de importlos para o Flash. Trabalhando com bitmaps importados Quando voc importa um bitmap para o Flash, pode modific-lo e us-lo no filme do Flash de diversas maneiras. possvel aplicar compactao e suavizao de serrilhado aos bitmaps importados para controlar seu tamanho e aparncia nos filmes. possvel aplicar um bitmap importado como um preenchimento para um objeto.

65

Programa CIEE de Educao a Distncia

O Flash permite desmembrar um bitmap em pixels editveis. a imagem fique distorcida. Visualize bitmaps importados para certificar-se de que as imagens so exibidas corretamente. O bitmap mantm seus detalhes originais, mas dividido em reas discretas de cor. Quando voc desmembra um bitmap, pode selecionar e modificar suas reas com as ferramentas de desenho e pintura do Flash. Desmembrar um bitmap tambm permite seu uso como preenchimento atravs da ferramenta Conta-gotas. possvel editar um bitmap importado no Fireworks ou em outro editor de imagens externas iniciando o aplicativo de edio a partir do Flash. Para converter uma imagem de bitmap em um grfico vetorial, possvel tralo. A realizao dessa converso permite modificar o grfico medida que voc cria outra arte vetorial no Flash. Usando o Inspetor de propriedades para trabalhar com bitmaps Quando voc seleciona um bitmap no Palco, o Inspetor de propriedades exibe o nome do smbolo do bitmap e suas dimenses em pixels, alm de sua posio no Palco. Com o Inspetor de propriedades, possvel atribuir um novo nome ao bitmap. Alm disso, voc pode trocar uma instncia de um bitmap - isto , substitu-la pela instncia de outro bitmap no documento atual. Definindo propriedades de bitmap Voc pode aplicar suavizao de serrilhado a um bitmap importado para suavizar as bordas da imagem.

66

Programa CIEE de Educao a Distncia

Voc tambm pode selecionar uma opo de compactao para reduzir o tamanho de arquivo do bitmap e formatar o arquivo para ser exibido na Web. Para selecionar as propriedades do bitmap, use a caixa de dilogo Propriedades do Bitmap. Aplicando um preenchimento de bitmap possvel aplicar um bitmap como preenchimento a um objeto grfico usando o Misturador de cores. A aplicao de um bitmap como preenchimento coloca-o lado a lado para preencher o objeto. A ferramenta Transformar preenchimento permite dimensionar, girar ou inclinar uma imagem e seu preenchimento de bitmap. Editando bitmaps em um editor externo Se o Fireworks 3 ou posterior ou outro aplicativo de edio de imagens estiver instalado no sistema, voc poder inici-lo de dentro do Flash para editar um bitmap importado. Se voc estiver editando um arquivo PNG do Fireworks importado como uma imagem achatada, poder optar por editar o arquivo de origem PNG do bitmap, quando disponvel. Desmembrando um bitmap O desmembramento de um bitmap separa os pixels da imagem em reas distintas, que podem ser selecionadas e modificadas separadamente. Ao desmembrar um bitmap, voc pode modific-lo com as ferramentas de desenho e de pintura do Flash.

67

Programa CIEE de Educao a Distncia

Usando a ferramenta Lao com o modificador

Varinha mgica, possvel

selecionar as reas de um bitmap que tenha sido desmembrado. Voc pode pintar com um bitmap desmembrado selecionando-o com a ferramenta Conta-gotas e aplicando-o como um preenchimento com a ferramenta Balde de tinta ou outra ferramenta de desenho. Convertendo bitmaps em grficos vetoriais O comando Traar Bitmap converte um bitmap em um grfico vetorial com pequenas reas coloridas editveis. Este comando permite manipular a imagem como um grfico vetorial; ele tambm til para reduzir o tamanho do arquivo. Quando voc converte um bitmap em grfico vetorial, este no estar mais vinculado ao smbolo de bitmap do painel Biblioteca. Tambm possvel desmembrar o bitmap para modificar a imagem usando as ferramentas de desenho e pintura do Flash. Importando vdeo possvel importar videoclipes para o Flash. Dependendo do formato de vdeo e do mtodo de importao escolhido, possvel publicar o filme com vdeo como um filme do Flash (arquivo SWF) ou do QuickTime (arquivo MOV). Se o QuickTime 4 ou posterior (Windows ou Macintosh) ou o DirectX 7 ou posterior (Windows apenas) estiver instalado no sistema, possvel importar videoclipes em diversos formatos de arquivo, inclusive MOV (filme do QuickTime), AVI (arquivo Audio Video Interleaved) e MPG/MPEG (arquivo Motion Picture Experts Group).

68

Programa CIEE de Educao a Distncia

Voc pode aplicar as seguintes aes a objetos de vdeo importados em clipes de filme: goTo, play, stop, toggleHighQuality, stopAllSounds, getURL, FScommand, loadMovie, unloadMovie, ifFrameLoaded e onMouseEvent. Para aplicar aes a um objeto de vdeo primeiro necessrio convert-lo em um clipe de filme. Formatos de arquivo de importao de vdeo Os formatos de arquivo de vdeo a seguir so suportados:

Audio Video Interleaved .avi, Digital Video .dv Motion Picture Experts Group .mpg, .mpeg Filme QuickTime .mov

Os formatos de arquivo de vdeo a seguir so suportados para importao se o DirectX 7 ou posterior estiver instalado (Windows apenas):

Audio Video Interleaved .avi, Motion Picture Experts Group .mpg, .mpeg Windows Media File .wmv, .asf

Por padro, o Flash importa e exporta vdeo usando o codec Sorenson Spark. Um codec um algoritmo de compactao/descompactao que controla o modo como os arquivos de multimdia so compactados e descompactados durante a importao e exportao. possvel que outros formatos de importao de vdeo sejam suportados, dependendo dos codecs instalados no sistema. Se voc tentar importar um formato de arquivo no suportado no sistema, o Flash exibir uma mensagem de advertncia indicando que a operao no pode ser concluda.

69

Programa CIEE de Educao a Distncia

Em alguns casos, o Flash poder importar o vdeo, mas no o udio de um arquivo. Por exemplo, o udio no suportado em arquivos MPG/MPEG importados com o QuickTime 4. Nesses casos, o Flash exibe uma advertncia indicando que a parte de udio do arquivo no pode ser importada. Sobre o codec Sorenson Spark Sorenson Spark um codec de vdeo animado fornecido com o Flash que permite adicionar contedo de vdeo ao Flash. Spark um codificador e decodificador de vdeo de alta qualidade que diminui radicalmente a largura de banda necessria para apresentao de vdeo no Flash, ao mesmo tempo em que aumenta a qualidade desse vdeo. Com a incluso do Spark, o Flash deu um importante passo frente em termos de capacidade de vdeo. Nas verses anteriores do Flash, s era possvel simular vdeo utilizando imagens de bitmap em sequncia. H duas verses do Sorenson Spark disponveis: a Sorenson Spark Standard Edition est includa no Flash e no Flash Player 6. O codec Spark Standard Edition produz vdeo de boa qualidade para contedo de pouco movimento, como uma pessoa falando. O codec de vdeo Spark composto de um codificador e um decodificador. O codificador (ou compactador) o componente do Spark que compacta o contedo. O decodificador o componente que descompacta o contedo compactado para que ele possa ser exibido. O decodificador est includo no Flash Player.

70

Programa CIEE de Educao a Distncia

Sobre a compactao Existem dois tipos diferentes de compactao que podem ser aplicados mdia digital: espacial e temporal. A compactao temporal identifica as diferenas entre os quadros e armazena apenas essas diferenas, de forma que os quadros sejam descritos com base em suas diferenas em relao ao quadro anterior. As reas inalteradas so simplesmente repetidas do(s) quadro(s) anterior(es). Um quadro compactado de forma temporal com frequncia conhecido como interquadro. Por sua vez, a compactao espacial aplicada a um nico quadro de dados, independentemente dos quadros que o cercam. Este tipo de compactao pode ser sem perdas (na qual nenhum dado da imagem descartado) ou com perdas (na qual os dados so descartados seletivamente). Um quadro compactado de forma espacial com frequncia conhecido como intraquadro. Sorenson Spark um codec intraquadro. A eficiente compactao intraquadro do Sorenson Spark uma das qualidades que a distinguem de outras tecnologias de compactao, pois ela uma taxa de dados bem menor do qua a maioria dos outros codecs para produzir vdeo de boa qualidade. Muitos outros codecs usam compactao intraquadro; por exemplo, JPEG um codec intraquadro. No entanto, os codecs interquadro tambm usam intraquadros. Os intraquadros so utilizados como quadros de referncia (quadros-chave) pelos interquadros.

71

Programa CIEE de Educao a Distncia

O Sorenson Spark sempre comea com um quadro-chave. Cada quadro-chave se torna o quadro de referncia principal dos interquadros seguintes. Sempre que o prximo quadro significativamente diferente do anterior, o codec compacta um novo quadro-chave. Dicas para a criao de vdeo no Flash com o Sorenson Spark O modo como o vdeo compactado amplamente determinado pelo seu contedo. Um videoclipe de um locutor com pouqussima ao e apenas poucos momentos de movimento moderado compactado de forma muito diferente da gravao de uma partida de futebol. A seguir so apresentadas algumas dicas sobre como obter o melhor vdeo possvel no Flash.

Mantenha a simplicidade. Evite elaborar transies, elas no so bem compactadas e podem fazer com que o vdeo final compactado parea irregular durante a alterao. Cortes bruscos ou fuses rpidas so geralmente melhores. Os vdeos que se afastam de trs da primeira trilha, realizam uma "virada de pgina" ou envolvem uma bola que em seguida voa pela tela podem parecer legais, mas geralmente no so to bem compactados e devem ser usados com parcimnia.

Saiba qual a taxa de dados do seu pblico. Quando voc transmite


vdeo pela Internet, deve produzir arquivos com taxas de dados de intranet menores. Os usurios que tiverem conexes rpidas com a Internet podero exibir os arquivos com pouca ou nenhuma demora. J os usurios de conexes discadas em geral tero que esperar o download dos arquivos. Nessas situaes, melhor criar clipes pequenos para manter os tempos de download dentro dos limites aceitveis para usurios de conexes discadas.

72

Programa CIEE de Educao a Distncia

Selecione a taxa de quadros adequada. A taxa de quadros indica o


nmero de quadros reproduzidos a cada segundo. No caso de um clipe com uma taxa de dados mais alta, uma taxa de dados menor poder melhorar a reproduo em computadores mais lentos. Por exemplo, se voc estiver compactando o clipe de um locutor com pouco movimento, cortar a taxa de quadros pela metade provavelmente proporcionar uma economia de apenas 20% da taxa de dados. Entretanto, se voc estiver compactando vdeo com muito movimento, a reduo da taxa de quadros ter um impacto muito maior na taxa de dados.

Selecione um tamanho de quadro de acordo com a sua taxa de dados. Assim como a taxa de quadros, o tamanho de quadro do filme importante para a produo de vdeo de alta qualidade. A uma determinada taxa de dados (velocidade de conexo), o aumento do tamanho do quadro resulta na diminuio da qualidade do vdeo. Quando voc seleciona o tamanho do quadro para o vdeo, tambm necessrio considerar a taxa de quadros, o material original e as preferncias pessoais. A lista a seguir deve ser usada como diretriz. Faa experincias para encontrar a melhor configurao para seu projeto. Tamanhos de quadro comuns: Modem: 160 x 120 ISDN dual: 192 x 144 T1/DSL/Cabo: 320 x 240

Conhea o andamento do download: Voc dever saber quanto tempo


demorar o download do seu vdeo. Durante o download do videoclipe, talvez voc queira que outro contedo aparea e "disfarce" esse download. Para clipes pequenos possvel usar a seguinte frmula: Pausa = Tempo de download - Tempo de reproduo + 10% de tempo de reproduo. Por exemplo, se o clipe tiver 30 segundos e demorar um minuto para download, d ao seu clipe um buffer de 33 segundos: 60 segundos - 30 segundos + 3 segundos = 33 segundos

Use vdeo limpo: Quanto maior a qualidade do original, melhor ser o


filme final. Embora as taxas de quadros e tamanhos de vdeo na Internet

73

Programa CIEE de Educao a Distncia

sejam geralmente menores do que os exibidos na televiso, os monitores de computadores possuem mais fidelidade de cores e melhor saturao, definio e resoluo do que a TV convencional. Mesmo em uma janela pequena, a qualidade da imagem pode ser mais importante para o vdeo digital do que para a televiso analgica padro. Os itens e rudos que dificilmente seriam observados na TV podem ser

extremamente bvios em um computador.

Remova o rudo e o entrelaamento. Depois de capturar o contedo do vdeo, talvez voc precise remover o rudo e o entrelaamento.

Siga as mesmas diretrizes para o udio. As mesmas consideraes devem ser observadas para a produo de udio e vdeo. Para obter uma boa compactao de udio, necessrio comear com udio limpo. Se voc estiver codificando material de um CD, tente gravar o arquivo usando transferncia digital direta, em vez de faz-lo atravs da entrada analgica da sua placa de som. A placa de som introduz uma converso digital em analgica e analgica em digital desnecessria que pode criar rudos no udio original. As ferramentas de transferncia digital direta esto disponveis para as plataformas de PC e Mac. Se for necessrio gravar de uma fonte analgica, use a placa de som de mais alta qualidade disponvel.

Importando videoclipes como arquivos incorporados possvel incorporar um videoclipe durante sua importao para o Flash. O videoclipe se torna parte de um filme como um bitmap importado ou um arquivo de arte vetorial. Voc pode publicar um filme com vdeo incorporado como um filme do Flash. Tambm possvel publicar um filme com vdeo incorporado como um filme do QuickTime, com uma trilha do Flash que contm vdeo incorporado.

74

Programa CIEE de Educao a Distncia

Qualquer formato de arquivo de vdeo suportado pode ser importado como vdeo incorporado. A taxa de quadros de um vdeo incorporado pode ser sincronizada para corresponder taxa de quadros da Linha de tempo do filme principal. Alm disso, possvel ajustar a proporo da taxa de quadros do vdeo para a taxa de quadros da Linha de tempo principal, com o objetivo de eliminar quadros do vdeo importado durante a reproduo. H situaes em que talvez voc no queira sincronizar o vdeo incorporado com o filme do Flash. A seguir sero apresentados alguns exemplos:

Voc quer impedir que quadros do vdeo incorporado sejam eliminados ou duplicados. Para isso, desmarque a opo Sincronizar. Por exemplo, vamos supor que voc deseja importar um vdeo que tem uma taxa de quadros ligeiramente diferente da do filme do Flash (como um videoclipe NTSC com uma taxa de quadros de 29,94 qps, importado para um filme do Flash com a taxa de quadros de 30 qps). Desmarcar a opo Sincronizar impede que os quadros sejam eliminados do vdeo incorporado e evita o efeito de interrupes que isso causa durante a reproduo.

Voc deseja eliminar quadros de um filme que tem uma taxa de quadros menor do que o filme do Flash. Se voc sincronizar este vdeo, a opo de eliminao de quadros ser desativada. necessrio desmarcar a opo Sincronizar para eliminar quadros.

possvel atualizar um vdeo importado que tenha sido editado em um aplicativo externo ou importar outro vdeo para substituir um vdeo incorporado. Tambm possvel atribuir um smbolo diferente a uma instncia de um videoclipe. Atribuir outro smbolo a uma instncia exibe uma instncia diferente

75

Programa CIEE de Educao a Distncia

no Palco e ainda preserva todas as propriedades da instncia original (como efeitos de cores, rotao etc.). Importando videoclipes do QuickTime como arquivos vinculados Se voc estiver importando um videoclipe do QuickTime, poder optar por vincular ao vdeo do filme do Flash, em vez de incorporar o vdeo. Um filme vinculado do QuickTime importado para o Flash no se torna parte do arquivo do Flash. Em vez disso, o Flash mantm um ponteiro para o arquivo de origem. Se voc vincular a um vdeo do QuickTime, ter que publicar o filme como um filme do QuickTime. Voc no pode exibir um filme vinculado do QuickTime no formato SWF. O filme do QuickTime contm uma faixa do Flash, mas o videoclipe vinculado permanece no formato do QuickTime. Visualizando um filme vinculado do QuickTime Quando voc importa um filme vinculado do QuickTime, apenas o primeiro quadro do filme exibido. necessrio adicionar quadros Linha de Tempo do filme importado para exibir outros quadros no filme do Flash. Definindo o caminho do diretrio de um filme vinculado do QuickTime possvel definir o caminho do diretrio de um videoclipe vinculado do QuickTime na biblioteca do documento atual do Flash. Sobre a criao de um objeto de vdeo para um fluxo ao vivo possvel criar um objeto de vdeo para exibir um fluxo de vdeo ao vivo a partir de uma cmera.

76

Programa CIEE de Educao a Distncia

Para criar um objeto de vdeo, escolha 'Novo objeto de vdeo' no menu de opes do painel Biblioteca. Em seguida, atribua um nome ao objeto no Inspetor de propriedades.

77

Programa CIEE de Educao a Distncia

AULA 9 Viso geral sobre a adio de sons O Macromedia Flash oferece vrias maneiras de utilizar sons. Voc pode criar sons reproduzidos continuamente, independentemente da Linha de Tempo, ou pode sincronizar a animao com uma trilha sonora. possvel adicionar sons a botes para torn-los mais interativos, e aumentlos e diminu-los gradualmente a fim de obter uma trilha sonora de melhor qualidade. H dois tipos de sons no Flash: eventos de som e fluxos de som. necessrio fazer um download completo de um evento de som para que esse som comece a ser reproduzido e continue a reproduo at ser explicitamente interrompido. Os fluxos de som comearo a ser reproduzidos assim que forem transferidos dados suficientes para os primeiros quadros descarregados. Esses fluxos so sincronizados com a Linha de Tempo para reproduo em um site da Web. Selecione opes de compactao para controlar a qualidade e o tamanho de sons em filmes exportados. possvel selecionar opes de compactao para sons por meio da caixa de dilogo Propriedades do som ou definir configuraes para todos os sons do filme na caixa de dilogo Configuraes de publicao. possvel usar sons em bibliotecas compartilhadas para vincular um som de uma biblioteca a vrios filmes. Importando sons

78

Programa CIEE de Educao a Distncia

Para inserir arquivos de som no Flash, importe-os para a biblioteca referente ao documento atual. possvel importar os seguintes formatos de arquivo de som para o Flash:

WAV (somente Windows) AIFF (somente Macintosh) MP3 (Windows ou Macintosh)

Se o QuickTime 4 ou posterior estiver instalado no sistema, voc poder importar esses formatos de som adicionais:

AIFF (Windows ou Macintosh) Sound Designer II (somente Macintosh) Filmes QuickTime, somente som (Windows ou Macintosh) Sun AU (Windows ou Macintosh) Sons System 7 (somente Macintosh) WAV (Windows ou Macintosh)

O Flash armazena os sons na Biblioteca juntamente com os bitmaps e smbolos. Como nos smbolos grficos, basta uma cpia de um arquivo de som para utiliz-lo de vrias maneiras no filme. Se desejar compartilhar sons entre filmes do Flash, inclua os sons em bibliotecas compartilhadas. Para usar um som em uma biblioteca compartilhada, atribua ao arquivo de som uma sequncia de caracteres de identificao na caixa de dilogo Propriedades de Vinculao de Smbolo. O identificador tambm pode ser usado para acessar o som como um objeto no ActionScript.

79

Programa CIEE de Educao a Distncia

Os sons podem ocupar quantidades considerveis de espao em disco e RAM. No entanto, os dados de som MP3 so compactados e menores que os dados de som WAV ou AIFF. Geralmente, ao utilizar arquivos WAV ou AIFF, o mais recomendvel utilizar sons mono de 22 kHz e 16 bits (o som estreo utiliza o dobro da quantidade de dados que o som mono), mas o Flash pode importar sons de 8 ou 16 bits a taxas de amostragem de 11 kHz, 22 kHz ou 44 kHz. O Flash converte sons em taxas de amostragem mais baixas ao exportar. Para adicionar efeitos a sons no Flash, o mais recomendvel importar sons de 16 bits. No caso de RAM limitada, mantenha os clipes de som curtos ou trabalhe com sons de 8 bits em vez de 16-bits. criada uma nova amostra dos sons gravados em formatos que no so mltiplos de 11 kHz (como 8, 32 ou 96 kHz), quando importados para o Flash. Adicionando sons a um filme Para adicionar um som a um filme da biblioteca, atribua o som a uma camada e defina opes nos controles Som do Inspetor de propriedades. Recomenda-se inserir cada som em uma camada separada. possvel carregar um som em um filme durante o tempo de execuo por meio do mtodo loadSound do objeto Sound. Para testar os sons adicionados a um filme, use os mesmos mtodos utilizados para visualizar quadros ou testar filmes: arraste a reproduo nos quadros que contm o som ou use comandos no Controlador ou no menu Controlar. Adicionando sons a botes possvel associar sons aos diferentes estados de um smbolo de boto.

80

Programa CIEE de Educao a Distncia

Como so armazenados com o smbolo, os sons funcionam para todas as instncias do smbolo. Usando sons com objetos Sound O objeto Sound do ActionScript serve para adicionar sons e controlar objetos de som em filmes. Controlar sons inclui ajustar o volume ou o balano direito ou esquerdo durante a reproduo de um som. Para usar um som em uma ao Sound, atribua uma sequncia de caracteres de identificao ao som na caixa de dilogo Vinculao de smbolo. Usando os controles de edio de som Para definir o ponto inicial de um som ou para controlar seu volume durante a reproduo, use os controles de edio de som do Inspetor de propriedades. O Flash pode alterar os pontos inicial e final da reproduo de um som. Isso til para reduzir os arquivos de som, removendo as sees no usadas.

Iniciando e interrompendo sons em quadros-chave

81

Programa CIEE de Educao a Distncia

A tarefa mais comum relacionada a som no Flash iniciar e parar sons em quadros-chave, em sincronizao com a animao. Sobre o evento onSoundComplete O evento onSoundComplete do objeto Sound do ActionScript permite acionar um evento em um filme com base na concluso de um arquivo de som anexado. O objeto Sound um objeto interno que permite controlar sons em um filme. O evento onSoundComplete de um objeto Sound chamado automaticamente quando o arquivo de som anexado termina de ser reproduzido. Se o som for repetido um nmero finito de vezes, o evento ser acionado quando o som terminar de ser repetido. O objeto Sound tem duas propriedades que podem ser usadas em conjunto com o evento onSoundComplete. A propriedade duration uma propriedade somente leitura que representa a durao, em milissegundos, do som de exemplo anexado ao objeto de som. A propriedade position uma propriedade somente leitura que representa o nmero de milissegundos em que o som foi reproduzido em cada loop. O evento onSoundComplete permite manipular sons de diversas maneiras:

Criando um sequenciador ou uma lista de reproduo dinmica; Criando uma apresentao multimdia que verifique a concluso da narrao antes de avanar para o prximo quadro ou cena;

Desenvolvendo um jogo que sincronize sons em determinados eventos ou cenas e faa a transio suavemente entre diferentes sons;

Cronometrando a alterao de imagem de um som, por exemplo, alterando uma imagem quando um som estiver na metade.

82

Programa CIEE de Educao a Distncia

Compactando sons para exportao possvel selecionar opes de compactao para eventos de som e exportar os sons com essas configuraes.Tambm possvel selecionar opes de compactao para fluxos de som. Entretanto, todos os fluxos de som em um filme so exportados como um nico arquivo de fluxo, usando a mais alta das configuraes aplicadas aos fluxos de som. Isso inclui fluxos de som em objetos de vdeo. Escolha opes de compactao para sons na caixa de dilogo Propriedades do som. Tambm possvel escolher configuraes de compactao globais para eventos de som ou fluxos de som na caixa de dilogo Configuraes de publicao. Essas configuraes globais sero aplicadas a eventos de som ou a todos os fluxos de som se voc no selecionar configuraes de compactao para os sons na caixa de dilogo Propriedades do som. Tambm possvel substituir configuraes de exportao especificadas na caixa de dilogo Propriedades do som selecionando Substituir configuraes de som na caixa de dilogo Configuraes de publicao. Essa opo til para criar um filme maior com udio de alta fidelidade para uso local e uma verso menor de baixa fidelidade para a Web. A taxa de amostragem e o nvel de compactao interferem consideravelmente na qualidade e no tamanho dos sons em filmes exportados. Quanto mais alto o nvel de compactao de um som e quanto mais baixa a taxa de amostragem, menor o tamanho e mais baixa a qualidade.

83

Programa CIEE de Educao a Distncia

Voc deve tentar encontrar o melhor equilbrio entre a qualidade do som e o tamanho do arquivo. Ao trabalhar com arquivos MP3 importados, possvel exportar os arquivos no formato MP3 usando as mesmas configuraes que o arquivo tinha quando foi importado. Opo de compactao Padro: A opo de compactao Padro usa as configuraes de compactao globais especificadas na caixa de dilogo Configuraes de publicao durante a exportao do filme. Se voc selecionar Padro, nenhuma configurao de exportao adicional ficar disponvel. Usando a opo de compactao ADPCM A opo de compactao ADPCM define a compactao para dados de som de 8 ou 16 bits. Use a configurao ADPCM ao exportar eventos de som curtos, como cliques de botes. Usando a opo de compactao MP3 A opo de compactao MP3 permite exportar sons com a compactao MP3. Use MP3 ao exportar fluxos de som mais extensos, como trilhas sonoras. Ao exportar um arquivo que foi importado no formato MP3, possvel optar por exportar o arquivo usando as mesmas configuraes que o arquivo tinha durante a importao. Para exportar um arquivo MP3 importado com as mesmas configuraes que o arquivo tinha durante a importao:

Na caixa de dilogo Propriedades do Som, escolha MP3 no menu Compactao.

84

Programa CIEE de Educao a Distncia

Selecione Usar qualidade MP3 importada (a configurao padro). Desmarque esta opo para escolher outras configuraes de compactao MP3.

A opo de compactao ADPCM define a compactao para dados de som de 8 ou 16 bits. Use a configurao ADPCM ao exportar eventos de som curtos, como cliques de botes. Usando a opo de compactao MP3 A opo de compactao MP3 permite exportar sons com a compactao MP3. Use MP3 ao exportar fluxos de som mais extensos, como trilhas sonoras. Ao exportar um arquivo que foi importado no formato MP3, possvel optar por exportar o arquivo usando as mesmas configuraes que o arquivo tinha durante a importao. Para exportar um arquivo MP3 importado com as mesmas configuraes que o arquivo tinha durante a importao:

Na caixa de dilogo Propriedades do Som, escolha MP3 no menu Compactao.

Selecione Usar qualidade MP3 importada (a configurao padro). Desmarque esta opo para escolher outras configuraes de compactao MP3.

Usando a opo de compactao Bruta A opo de compactao Bruta exporta sons sem compactao. Usando a opo de compactao Discurso A opo de compactao Discurso exporta sons usando uma compactao especialmente adaptada ao discurso.

85

Programa CIEE de Educao a Distncia

Orientaes para exportar som em filmes do Flash Alm da taxa de amostragem e de compactao, existem vrias maneiras de utilizar o som com eficincia em um filme, mantendo o tamanho do arquivo pequeno:

Defina os pontos de entrada e sada para evitar o armazenamento de reas silenciosas no arquivo Flash e para reduzir o tamanho do som.

Aproveite mais os mesmos sons, aplicando-lhes efeitos diversificados em quadros-chave distintos (como envelopes de volume, repetio e pontos de entrada/sada). possvel obter vrios efeitos sonoros utilizando apenas um arquivo de som.

Repita sons curtos para fundo musical. No defina o fluxo de som para ser repetido.

Ao exportar udio em videoclipes incorporados, lembre-se de que o udio exportado usando as configuraes globais de fluxo

selecionadas na caixa de dilogo Configuraes de publicao.

Ao visualizar a animao no editor, use a sincronizao de fluxo para manter a animao sincronizada com a trilha sonora. Se o computador no for suficientemente veloz para desenhar os quadros da animao de modo a acompanharem a trilha sonora, o Flash ignorar alguns quadros.

Ao exportar filmes QuickTime, use quantos sons e canais desejar sem se preocupar com o tamanho do arquivo. Os sons sero combinados em uma nica trilha sonora quando exportados como um arquivo do QuickTime. O nmero de sons utilizados no surte efeito sobre o tamanho do arquivo final.

86

Programa CIEE de Educao a Distncia

REFERNCIAS Todo o material foi desenvolvido e compartilhado pela Fundao Bradesco.

87

Você também pode gostar