p. 1

curso flash cs5 curso flash cs5 editor responsável instituto adriano gianini direÇÃo adriano gianini elaboraÇÃo/organizaÇÃo de conteÚdo adriano gianini revisÃo solange fagá diagramaÇÃo solange fagá direitos reservados ao instituto adriano gianini av dona constança de góes monteiro 104 sala 101 poço/maceió/al cep 57025-355 instituto adriano gianini ­ www.adrianogianini.com.br 2

[close]

p. 2

curso flash cs5 sumário introdução 5 capítulo 1 6 sites feitos em flash 6 como baixar o flash por 30 dias 6 tipos de arquivos criados pelo flash cs5 6 capítulo 2 8 tela de abertura 8 as mudanças visuais do flash cs5 9 painel de propriedades 10 capítulo 3 13 diferença entre merge object e drawningobject 13 ferramenta linha 15 ferramenta pencil 16 ferramenta oval e oval primitive 16 ferramenta rectangle e rectangleprimitive 18 ferramenta polystar 19 ferramenta freetransform 20 ferramenta paintbucket gradienttransform 21 ferramenta eraser 22 painel align alinhamento 23 capítulo 4 25 trabalhando com textos 25 capítulo 5 28 os tipos de símbolos do flash 28 a biblioteca do flash 29 como editar um símbolo no flash 31 empilhamento de objetos no flash 31 capítulo 6 33 como trabalhar com a timeline e com camadas 33 camadas 33 timeline 34 capítulo 7 38 animação entre formas diferentes 38 animação entre textos diferentes 39 capítulo 8 40 animação quadro a quadro 40 criando animações do tipo classic motion 40 blendmode no flash 41 controlando o ease em animações 42 diferença entre graphic e movie clip 44 guia de movimento 45 capítulo 9 48 motion tween 48 adicionando novos quadros 50 ação stop actionscript 52 capítulo 10 54 motion editor 54 capítulo 11 58 motion presets 58 motion preset personalizado 58 instituto adriano gianini ­ www.adrianogianini.com.br 3

[close]

p. 3

curso flash cs5 capítulo 12 60 bone 60 capítulo 13 62 mask máscara 62 capítulo 14 64 filtros 64 capítulo 15 67 gráfico vs movie clip 67 capítulo 16 68 button botão 68 button com som 69 capítulo 17 71 3drotation 71 3drotation com animação 72 capítulo 18 73 sound 73 sync 74 capítulo 19 75 vídeo 75 adobe media encoder cs5 75 importando vídeo no flash 76 trabalhando vídeos no flash 78 capítulo 20 79 actionscript 3.0 79 o painel actionscript 3.0 79 ação stop 80 addeventlistener 81 goto gotoandstop e gotoandplay 82 capítulo 21 84 cenas 84 controlando cenas via actionscript 85 capítulo 22 87 ações para movie clip 87 rollover e rollout 87 capítulos 23 24 e 25 89 projetos finais 89 instituto adriano gianini ­ www.adrianogianini.com.br 4

[close]

p. 4

curso flash cs5 introdução o flash tem se tornado a cada dia mais poderoso e mais completo o que falta no flash sobra em ferramentas como flash builder antigo flex e flash catalyst e ainda no actionscript 3.0 que torna a plataforma flash ainda mais completa o flash se tornou o programa mais utilizado no mundo para criação de animações para sites seu plugin o flash player famoso plugin do flash é encontrado praticamente em todos os computadores do mundo independente de plataforma operacional com esse curso você será capaz de criar sites profissionais em flash haja vista os conceitos modernos e recentes que você aprenderá neste curso e as técnicas avançadas de criação caso queira aumentar sua experiência como usuário flash recomendo outros cursos como flash catalyst actionscript 3.0 actionscript 3.0 avançado e actionscript 3.0 com banco de dados instituto adriano gianini ­ www.adrianogianini.com.br 5

[close]

p. 5

curso flash cs5 capítulo 1 sites feitos em flash sempre que me proponho a ensinar uma ferramenta ainda mais uma complexa como é o flash acho interessante mostrar ao aluno do que a ferramenta é capaz isso sem dúvida o motiva a estudar mais e mais para conseguir alcançar sempre resultados mais interessantes tanto para você quanto para seus clientes antes de prosseguir pare por alguns minutos e veja o que já foi produzido em flash http www.thefwa.com esse site contém um dos maiores acervos de sites produzidos em flash desfrute-o lentamente como baixar o flash por 30 dias a primeira coisa que você precisa fazer é se cadastrar no site da adobe® em www.adobe.com se você já se cadastrou basta escolher o programa que deseja efetuar o download e clicar na opção try conforme a imagem abaixo página da adobe ao clicar no produto flash cs5 professional se você nunca efetuou download de programa algum e isso ainda é uma novidade para você não se preocupe acesso o campus virtual e assista a terceira aula do capítulo 1 lá mostro passo a passo como efetuar o download do flash cs5 professional tipos de arquivos criados pelo flash cs5 existem diversos formatos de arquivo que o flash é capaz de trabalhar principalmente na importação de arquivos para trabalhos dentro do flash arquivos de áudio vídeo imagem entre vários outros instituto adriano gianini ­ www.adrianogianini.com.br 6

[close]

p. 6

curso flash cs5 entretanto existem aqueles que o flash é capaz de gerar e é sobre estes que vamos falar agora observe a imagem abaixo na imagem temos respectivamente os seguintes formatos de arquivos exe ­ pode ser criado a partir de um swf em geral é extremamente útil quando queremos criar animações que rodem em qualquer computador independente de ter ou não o flash instalado também pode ser utilizado para criação de cds interativos fla ­ esse é o formato de arquivo editável do flash para que possamos atualizar ou realizar qualquer alteração no arquivo precisaremos do arquivo editável html ­ arquivo que pode ser diretamente publicado na internet É obrigatório publicar também o swf embora o flash seja capaz de criar um arquivo .html podemos tranquilamente criá-lo no dreamweaver swf ­ arquivo exportado do flash esse é o formato que utilizamos para publicar na internet sempre que salvamos um arquivo no flash fla basta pressionar ctrl enter para que o flash crie automaticamente o arquivo swf se pressionar f12 ele criará o html e também o swf instituto adriano gianini ­ www.adrianogianini.com.br 7

[close]

p. 7

curso flash cs5 capítulo 2 tela de abertura assim que abrimos o flash esta é a primeira tela que encontramos na tela de abertura temos três colunas na primeira temos as opções de templates modelos de arquivos que podemos usar como base para criarmos novos documentos logo abaixo temos os últimos arquivos abertos no flash pode ser muito útil para abrir rapidamente arquivos que foram utilizados recentemente caso o arquivo que queira abrir não esteja nessa lista basta clicar no botão open e escolher o arquivo na segunda coluna temos os tipos de arquivos que podemos criar no flash durante o curso iremos usar sempre a primeira opção actionscript 3.0 na terceira e última coluna temos links de tutoriais da adobe® onde você pode aprimorar ainda mais seus conhecimentos sobre a ferramenta instituto adriano gianini ­ www.adrianogianini.com.br 8

[close]

p. 8

curso flash cs5 as mudanças visuais do flash cs5 a interface do flash cs5 ficou mais limpa e mais amigável além disso trouxe também uma série de novos workspaces para que possamos deixar a ferramenta mais próxima das nossas necessidades na hora de criação apesar de muitas pessoas usarem o flash nem todos precisam dos mesmos painéis nem mesmo dos mesmos painéis nos mesmos lugares para completar o computador que você utiliza pode ser compartilhado com outros profissionais com isso cada um pode ter o seu perfil com os painéis que desejar e no lugar que desejar para isso você pode ativar todos os painéis que facilitam seu trabalho e desativar aqueles que não serão necessários depois de feito isso siga os passos abaixo para criar seu próprio workspace 1º passo clique no botão essentials e em seguida clique em new workspace new workspace 2º passo digite o nome que deseja atribuir ao workspace antes de digitar instituto adriano gianini ­ www.adrianogianini.com.br 9

[close]

p. 9

curso flash cs5 depois de digitar 3º passo clique em ok a partir deste momento seu workspace estará disponível painel de propriedades o painel de propriedades do flash é fundamental tanto em informações sobre o flash player e versão do actionscript como também na personalização do stage palco ou área de trabalho do flash bem como cor de fundo tamanho da tela taxa de quadros por segundo entre outros veja a imagem abaixo painel de propriedades do flash cs5 instituto adriano gianini ­ www.adrianogianini.com.br 10

[close]

p. 10

curso flash cs5 uma das primeiras informações que temos é o nome do documento que no caso está untitled-1 logo abaixo temos a versão do flash player versão 10 para usuários avançados temos também a opção para definição de uma classe class além de podermos configurar alguns ajustes em relação à linguagem actionscript e também sobre o adobe air em properties podemos alterar três itens são eles fps frames per second ou quadros por segundo ­ aqui ajustamos a velocidade da animação size ­ largura e altura do stage palco stage color ­ cor de fundo do documento um item importante que precisamos lembrar é que o painel de propriedades exibirá as opções de acordo com a ferramenta selecionada por exemplo se selecionar a ferramenta texto verá naturalmente opções de trabalho com a ferramenta texto caso selecione a ferramenta retângulo verá opções de trabalho com a ferramenta retângulo e assim sucessivamente veja o painel properties com as ferramentas que citei selecionadas respectivamente painel properties com a ferramenta texto selecionada instituto adriano gianini ­ www.adrianogianini.com.br 11

[close]

p. 11

curso flash cs5 painel properties com a ferramenta retângulo selecionada instituto adriano gianini ­ www.adrianogianini.com.br 12

[close]

p. 12

curso flash cs5 capítulo 3 diferença entre merge object e drawningobject quando criamos uma forma normal shape no flash temos um vetor totalmente manipulável tanto no sentido de cores quando no sentido de cortes aparagem curvas e etc observe o retângulo abaixo criado com a ferramenta retângulo se você usando a ferramenta selection tool normalmente conhecida como ferramenta seleção clicar uma única vez no preenchimento verá que o mesmo foi selecionado e consequentemente pode ser arrastado e manipulado individualmente sem maiores esforços se clicar uma vez em cima de uma das quatro linhas verá que a mesma ficou selecionada e logo em seguida poderá movê-la facilmente clicando novamente e arrastando caso queira mover todo o contorno para que não precise selecionar linha por linha basta dar um duplo clique no contorno ou seja em qualquer uma das linhas de contorno caso você dê um duplo clique no preenchimento será selecionado tanto o preenchimento quanto o contorno porém se ao invés de clicar sobre uma linha e depois clicar novamente para arrastar você clicar e arrastar na primeira vez perceberá que será possível editar/deformar em curvas um fato interessante é que se criar outro objeto e colocá-lo por cima deste automaticamente será aparado veja a imagem abaixo com uma elipse por cima do retângulo instituto adriano gianini ­ www.adrianogianini.com.br 13

[close]

p. 13

curso flash cs5 porém veja o que acontecerá quando selecionarmos a elipse e retirarmos a mesma de cima do retângulo ou seja nossa forma retângulo foi aparada pela elipse isso já não acontece quando usamos objetos primitivos veja as opções de objetos primitivos que temos abaixo ferramentas rectangle e oval primitive veja as mesmas formas criadas com as ferramentas primitivas instituto adriano gianini ­ www.adrianogianini.com.br 14

[close]

p. 14

curso flash cs5 porém se afastarmos como no exemplo anterior com formas normais veja o que acontece além de não aparar também não é possível editar com a mesma facilidade que editamos um shape normal essa é a diferença ferramenta linha a ferramenta linha ou line tool é bem simples de se trabalhar a primeira coisa que precisa fazer é selecionar a mesma na barra de ferramentas ou pressionar a letra n conforme mostra a imagem abaixo em seguida basta clicar uma vez no stage manter o botão pressionado e em seguida arrastar até criar a linha desejável entretanto ainda é possível personalizar a linha antes de criá-la veja o painel de propriedades quando selecionamos a ferramenta linha painel properties com a ferramenta linha selecionada instituto adriano gianini ­ www.adrianogianini.com.br 15

[close]

p. 15

curso flash cs5 o primeiro item que podemos personalizar é a cor do contorno basta clicar na caixa de cores ao lado do lápis e em seguida escolher a cor desejada embora tenhamos a opção visível de preenchimento a mesma fica desativada o segundo item que podemos personalizar é o stroke ou seja a largura/intensidade do contorno quanto maior o número maior será a espessura do contorno ainda podemos personalizar o estilo da linha a escala e também o tipo de junção veja outros resultados após testes diversos ferramenta pencil a forma de trabalho da ferramenta pencil é realmente idêntica a ferramenta linha inclusive as opções do painel properties são basicamente as mesmas a pequena diferença está na forma de criação enquanto com a ferramenta linha nós clicamos e arrastamos traçando uma linha reta com o lápis podemos traçar desenhos e formas livres ideal para ilustradores e cartunistas principalmente com o uso de um tablet veja um exemplo criado com a ferramenta exemplo de uso da ferramenta pencil ferramenta oval e oval primitive no início deste capítulo você aprendeu a trabalhar com formas normais e primitivas aprenderá agora a trabalhar com a ferramenta oval para criação de elipses instituto adriano gianini ­ www.adrianogianini.com.br 16

[close]