MÓDULO FLASH CS4
Módulo 1
- Introdução ao Flash CS4
- Conhecendo a Área de Trabalho
- Formatos de Arquivos do Flash
- Arquivos Recentes / Abrir um Novo Arquivo
- Linha do Tempo e Taxa de Quadros
Módulo 2
- Tipos de Interpolação
- Interpolação Shape
- Interpolação Motion
- Interpolação Shape (Transição de Formas e Cores)
- Interpolação Shape (Transição de Formas e Textos)
- Interpolação Shape (Transição de Textos e Textos)
- Efeito Zoom
Módulo 3
- Camadas
- Trabalhando com Camadas
- Empilhamento de Arquivos
- Propriedade Alpha
- Exemplo de Animação Alpha
- Exemplo de Animação Alpha 2
- Prática
- Interpolação Shape e Motion em Camadas Diferentes
- Animação Quadro-a-Quadro
Módulo 4
- Trabalhando e Entendendo MovieClips
- Exemplo Setinhas
- Revisão
- Revisão – Exemplo Esfera
- Gerando Todos os Formatos de Arquivo do Flash
Módulo 5
- Trabalhando com Botões
- Criando Botões com MovieClip
- Integrando Flash e Fireworks na Criação de Botões
- Actions (Play / Stop / GoTo)
- Actions (FSCommands)
- Actions para Instâncias
- Actions para URL
Módulo 6
- Trabalhando com Cenas
- Controlando Cenas via ActionScript
- Trabalhando com Sons no Flash
- Controlando Sons via ActionScript
- Entendendo e Trabalhando com Máscaras
- Exemplo de Máscara Parte 1
- Exemplo de Máscara Parte 2
- Exemplo de Máscara Parte 3
- Exemplo de Máscara Parte 4
- Exemplo de Máscara Parte 5
- Exemplo de Máscara Parte 6
Módulo 7
- Trabalhando com Guia de Movimento
- Exemplo de Guia de Movimento
- Máscara com Guia de Movimento – ActionScript
- Carregando Arquivos Externos - ActionScript
Capítulo 1
Apresentação do Curso
Sites feitos em Flash (thefwa.com)
Como baixar o Flash por 30 dias
Tipos de Documentos do Flash
Capítulo 2
O que vamos aprender neste capítulo?
Tela de Abertura (Welcome Screen)
As mudanças visuais do Flash CS5 (Opções de Layout, layout personalizado, resetar workspace)
Prática: como criar workspace personalizado
O novo painel de propriedades do Flash
o Publish settings
o Document properties
o Como usar as ferramentas do painel de ferramentas, como as propriedades serão alteradas ao selecionar uma ferramenta
Capítulo 3
O que vamos aprender neste capítulo?
Diferença entre Merge Object e Drawning Object
o Bordas, aparar e como criar cada tipo
Ferramenta Linha
Ferramenta Pencil
Ferramenta Oval e Oval Primitive
Ferramenta Rectangle e Rectangle Primitive
Ferramenta PolyStar
Ferramenta FreeTransform (scale, distort, envelope)
o Em texto é preciso usar o break apart
Ferramenta Gradient (detalhes, controlar gradiente, etc)
Ferramenta Gradient Transform
Ferramenta Eraser
Painel de Alinhamento
Capítulo 4
O que vamos aprender neste capítulo?
Tipos de texto
Escrevendo texto (propriedades e mais detalhes)
Como criar um link direto de um texto
Aplicar filtros a um texto
o Como trabalhar com as propriedades de um filtro
Converter o texto em curvas
Capítulo 5
O que vamos aprender neste capítulo?
Os três tipos de símbolos do Flash
Converter em símbolo
o Se não for símbolo ao deletar ele não volta
o Como converter em símbolo
o Biblioteca
o Como criar pastas na biblioteca para organizar os arquivos
Como trabalhar melhor com a biblioteca (criar pastas)
As três formas de editar um símbolo
Como criar símbolo sem ter objeto e depois inseri-lo no palco através da biblioteca
Empilhamento de arquivos
o Como enviar para frente e para trás dos objetos
Capítulo 6
O que vamos aprender neste capítulo?
A timeline e as camadas (conceito)
o Mostrar as formas de visualização/tamanho
Camadas, como criar, nomear e a ordem de empilhamento de arquivos através de camadas
Detalhando itens das camadas (bloquear / retirar visualização / identificar itens das camadas)
Como trabalhar com Pastas de camadas
Entendendo frame, keyframe e blank keyframe
Entendendo na prática frame, keyframe e blank keyframe
Capítulo 7
O que vamos aprender neste capítulo?
Animação entre formas diferentes (tween shape)
Animação entre textos diferentes (tween shape)
Animação entre textos e formas diferentes (tween shape)
Capítulo 8
O que vamos aprender neste capítulo?
Animação quadro-a-quadro (explicar)
Animação quadro-a-quadro (exemplo criando animação)
Animação Classic Motion Tween (alertar sobre cuidados e erros comuns e o que é preciso para criar esse tipo de animação)
Blend Mode (exemplos de animações)
Controlar a aceleração da animação (ease)
Diferença entre Graphic e Movie Clip
Guia de movimento simples
Guia de movimento usando onion skin
Exemplo Classic Motion Guide (terra girando em torno do sol)
Guia de movimento (orient to path)
Capítulo 9
O que vamos aprender neste capítulo?
Motion Tween (explicar a novo forma de criar animações e os detalhes para criar)
Como aumentar ou diminuir a velocidade da animação (aumentar ou diminuir quadros da animação)
o Mesmo depois de criado é possível alterar o ponto inicial e final da animação
Alterar o caminho da animação (curvas na animação) / alterar a distância da animação com free
transform (usando seleção e sub-seleção)
Como adicionar e personalizar novos pontos na animação
Animação entre bitmaps (também com rotação 3d)
Apresentando o ActionScript 3.0
Capítulo 10
O que vamos aprender neste capítulo?
Motion Editor para criar animações sem a timeline
Alterando estilos de Ease com o Motion Editor
Alterando estilos de Ease e cores com o Motion Editor
Capítulo 11
O que vamos aprender neste capítulo?
Motion Presets
Alterar uma animação aplicada pelo Motion Preset
Criar um Motion Preset Personalizado e aplicar em um objeto
Criar um pre-view para o motion preset personalizado
Capítulo 12
O que vamos aprender neste capítulo?
Bone
Bone Arrastável (runtime)
Capítulo 13
O que vamos aprender neste capítulo?
Máscara (conceito)
Máscara (exemplo sem animação)
Máscara (diversos exemplos com animação)
Máscara com efeito reflexo passando dentro do texto
Capítulo 14
O que vamos aprender neste capítulo?
Filtros – Shadow
Filtros – Shadow em animações
Filtros – Glow
Filtros – Glow em animações
Filtros – Blur
Filtros – Blur em animações
Filtros Diversos
Alpha e Tint
Capítulo 15
O que vamos aprender neste capítulo?
Gráfico VS Movie Clip (explicação)
Gráfico VS Movie Clip (exemplificar o gráfico)
Mostrar a mesma animação como movie clip e mostrar que o movie clip tem a timeline independente
Mostrar vários objetos como gráfico e como movie clip na mesma animação
Capítulo 16
O que vamos aprender neste capítulo?
A importância dos botões em um site
Como criar um botão
Como criar um botão com rollover
Como criar um botão com rollover e down
Como criar um botão e ajustar o hit
Como criar um botão invisível
Botão com som
Falando sobre integração entre os softwares da Adobe
Botão com Flash e Fireworks
Botão com Flash e Photoshop
Capítulo 17
O que vamos aprender neste capítulo?
3D no Flash (Propriedade Z – 3d translation)
3d rotation
3d rotation com animação
3d rotation com animação através do motion editor
Capítulo 18
O que vamos aprender neste capítulo?
Importar som de narração (som de fundo)
Alterar o sync do som para não parar ao final da animação
Sons com loop
Capítulo 19
O que vamos aprender neste capítulo?
Formatos de vídeo
Trabalhando com vídeo (falando sobre adobe media encoder)
Como importar um vídeo para o flash (ajustar o playback, alterar cor)
Como aplicar máscara em um vídeo no flash
Como aplicar rotação 3D em um vídeo no flash
Como aplicar guia de movimento em um vídeo do flash
Capítulo 20
Explicando o painel Actions / Como inserir comentários / como personalizar o painel actions
(fontes, colors) / case sensitive
Mostrar como aplicar stop na timeline e dentro do movie clip
Agora no AS 3.0 não se aplica mais código no objeto.
Mostrar como aplicar um action a um botão e utilizar o trace como primeiro exemplo
Exemplo AS 3.0 goto
Exemplo AS 3.0 goto com dois botões e duas functions / diferença entre gotoAndPlay e
gotoAndStop
Frame label / exemplos com goto para frame label
Galeria de fotos apenas com quadros e frame label
Capítulo 21
Cenas
Como criar botões com action para controlar cenas
Explicar os comandos nextScene e prevScene
Como criar um slide/palestra com cenas e botões de controle e ainda áudio de fundo
Como criar um slideshow
Capítulo 22
AS para Play/stop e para play/stop em movie clip
AS para Rollover e Rollout
Capítulo 23
Projeto Final – Criação de um Site em Flash
Capítulo 24
Projeto Final 2 – Criação de um Site em Flash
Capítulo 25
Publicação do Site / Dreamweaver – CSS
MÓDULO FLASH CATALYST CS5
Capítulo 1
Apresentação: O que é o Flash Catalyst
O que vamos aprender
Capítulo 2
Criando Projetos
Trabalhando com Componentes
Trabalhando com Páginas
Criando Interação
Criando Transição
Publicando SWF
Capítulo 3
Criando Projeto em Branco
Criando Projeto Baseado em um Arquivo Adobe Illustrator
Criando Projeto Baseado em um Arquivo Adobe Photoshop
Criando Projeto Baseado em um Arquivo Adobe Fireworks
Capítulo 4
Componente: Entendendo Componentes
Componente: Button
Componente: Checkbox
Componente: Radio
Componente: Toggle
Componente: Textinput
Componente: Slider
Componente: Scrollbar
Componente: Datalist
Capítulo 5
Entendendo a Área de Trabalho (Artwork)
o Criar textos
o Mover / rotacionar / agrupar
o Camadas (layers)
o Formas / Preenchimentos / Textos
Propriedades do Artwork
o Propriedades de texto
o Propriedades de objetos
Tamanho / largura / altura / x / y
o Filtros
o Blend Mode
o Hand Cursor
Trabalhando com Importação
o Formatos suportados
o Propriedades após a importação
o Transformar em componentes
Diversos componentes
Editando Arquivos no Illustrator
Editando Arquivos no Photoshop
Trabalhando com Texto Artístico e Parágrafo / Otimizando (Grupos e
Componentes)
Capítulo 6
Layers em Pages
Editando Pages
Grid e Guide
Align
Library
Movendo Objetos
o Sharing to State
o Remove from State
o Make Same in All Other States
Capítulo 7
Interactions
Conditional
Timelines
Smooth
Move
Resize
Rotate
Rotate 3D
Timing
Action
Capítulo 8
Create Video
Place Video
Playback
Sound
Flash
Capítulo 9
SWF offline
SWF online
Dreamweaver CS5
SWF HTML
Publicando AIR
Capítulo 10
Criando Customer Component
Library (Import / Export Components)
Code (Final)
Capítulo 11
Criando Projeto Final
Arquivo Criado no Illustrator
Arquivo Criado no Photoshop
Arquivo Criado no Fireworks
Capítulo 1
- Apresentação do Curso
- Novidades do AS 3
- Agora é obrigatório declarar a variável
- Novos tipos de dados: i:int i:uint
- Mais fácil trabalhar com XML
- Relatório de erros mais detalhado
- Expressões regulares (maior suporte)
- Eventos de objetos
- Painel action e como persoanlizar (fontes, cores, etc)
- Exemplo de como declarar uma variável
- Comentários em linha e em bloco (botões superiores do painel de action)
- Regras sobre declaração de variáveis
- Não use caracteres especiais
- Cuidado com case sensitive
- Tipagem var nome:String;
- Separar Nomes por iniciais maiúsculas NomeDoObjeto
Capítulo 2
- Como declarar variáveis e tipo de dados
- Como atribuir valores a uma variável
- Saída com o trace
- Atribuir valor já na declaração da variável
- Concatenar no AS3
- Tipo de dados int e uint (não usa negativo) e os dois não usam decimais
- Como criar constantes
- Tentar alterar o valor da constante e mostrar que dará problema
- Dicas sobre tipos de dados
- Number apenas para cálculos, não é para rg, cpf, telefone e etc
- Várias variáveis do mesmo tipo podem ser declaradas em sequência, por exemplo: Nome, End:String
- Condicional IF
- Condicional IF e Else
- Teste lógico de variáveis
- Condicional IF com E e OU
- Switch Case
- Array
- Como encontrar o tamanho de um array (.lenght) e como excluir o último elemento do array .pop()
- Como fazer uma pesquisa dentro de um array (index.of)
- Se ele não encontrar aparecerá -1
- Laço While
- Laço For
- Números Randômicos (Math.random())
- Arredondamentos
- Criar Simulador de Jogo da MegaSena
- Criar Simulador de Sorteio de Brindes de Palestras
- Criar exemplo: Frase do Dia com Array Randômico
Capítulo 3
- Alterar propriedades via ActionScript 3.0
- Alterar propriedades via ActionScript 3.0
- Posicionamento (x e y)
- Tamanho Proporcional (scaleX e scaleY)
- Tamanho Real (Width e Height)
- Propriedade Text com campos de textos dinâmicos
- Rotação
Capítulo 4
- Funções (Execução e Retorno)
- Exemplo de como criar e como chamar uma função de execução
- Funções (Exemplo de Como Criar função de Retorno)
- Funções com Argumentos/Variáveis
- Funções com Vários Argumentos/Variáveis
Capítulo 5
- Eventos de Mouse com Funções (Click)
- Eventos de Palco/Stage (Handler)
- Eventos de Teclado
- Exemplo para mover para cima, para baixo, direita e esquerda pelo teclado usando switch
- Criar exemplo unindo tipo de funções (Retorno e Execução)
- Criação de Links em AS 3.0 (URLRequest)
Capítulo 6
- startDrag and stopDrag
- startDrag and Stop Drag com e.target e uma única função
- Criando cursor do mouse personalizado (mouse.hide)
- Desenhando via Action (drawRectangle, drawCircle)
- startDrag and stopDrag com objetos desenhados via action
- Tornando o clicado o primeiro na sobreposição sobre os outros objetos
Capítulo 7
- Classe Tween – Animação via Action (Elastic)
- Outros Exemplos (Bounce, mostrar com Y, mostrar in, out, InOut)
- Tween event e a propriedade Yoyo
Capítulo 8
- Classes TweenLite e TweenMax (www.tweenlite.com)
- TweenLite.to (mostrar: x, y, rotation, alpha)
- TweenLite.to (como usar o ease, bounce, back, e outros da pasta)
- TweenLite.to
- Como verificar o final da animação
- TweenPlugin: alterando a cor via tween com action
- Criando o exemplo do carro para mudar a cor dinamicamente
- TweenMax.from TweenMax.to
Capítulo 9
- Objeto Date(exemplos de meses, dias, anos, dias da semana)
- Criando um relógio Digital
- Criar um Relógio Analógico
Capítulo 10
- Carregar arquivos externos (loader, addChild) – Criando mini-site
- Criar (usando e.target) propriedade para uma função servidor para todos botões carregar cada um seu swf correto
- Criando um preload com percentual e barra de progresso
- Fazendo a barra e o texto sumir quando o carregamento for concluído
- Tratando erros (IOErrorEvent)
Capítulo 11
- Carregar textos externos
- Carregar textos externos a partir de eventos de botões
- Criando barra de rolagem para caixa de textos e como personalizar a barra de rolagem
Capítulo 12
- Carregar variáveis externas (loadVariables)
- Carregar variáveis externas em campos de texto dinâmico
- Fazendo o placar atualizar automaticamente
Capítulo 13
- Exemplo Switch (revisão) / Eventos de Teclado (Revisão) / stage.addEventListener (exemplo)
- Event.ENTER_FRAME (exemplo)
- Valores Randômicos (exemplo/revisão)
- hitTest – Colisão (exemplo) / IF e else
- MovieClip como Class (export for actionscript)
- removeEventListener (exemplo)
Capítulo 14
- Projeto Final – Criação de um Game
Capítulo 15
- Projeto Final 2 – Criação de um Site
CURSO ACTIONSCRIPT AVANÇADO
Capítulo 1
- O que preciso saber para fazer esse curso?
- Qual Flash devo utilizar?
- O que aprenderei nesse curso?
- Programando fora do Flash
- Herança de Classes
Capítulo 2
- Como criar um campo de texto dinamicamente
- Como criar a formatação para o campo de texto
- Como embutir uma fonte via ActionScript
- Como trabalhar com o evento Focus em um input text
Capítulo 3
- Como importar um HTML para o Flash
Capítulo 4
- Trabalhando com componentes
- Trabalhando com componentes Avançado
- Adicionando eventos a um Component Button
- Criando ComboBox via ActionScript
- Criando menuList via ActionScript
- Criando um DataProvider via ActionScript
- Criando um DataProvider com XML via ActionScript
- Formatando Cabeçalhos em um DataProvider
- Criando uma função em um DataProvider
- Criando um DataProvider com campo para consulta
Capítulo 5
- Falando um pouco mais sobre String
- Concatenação de String
- Quebra de linha
- Pesquisando caractere por posição
- Pesquisando caractere por sequência
- Pesquisando string
- Maiúsculas e Minúsculas
- Convertendo String em Array
Capítulo 6
- Números randômicos
- Arredondamento de números randômicos
- Definindo número de casas decimais
Capítulo 7
- Inserindo som externo
- Criando botões para parar e iniciar o som
- Desabilitando o botão play enquanto o áudio estiver tocando
- Inserindo o botão pause
- Criando um player mp3 – explicando o projeto
- Criando um player mp3 – carregando a lista de músicas
- Criando um player mp3 – carregando mp3 externo
- Criando um player mp3 – alterando a música ao clicar na lista
- Criando um player mp3 – exibindo o tempo da música
- Criando um player mp3 – controlando o volume
Capítulo 8
- Como desenhar círculos
- Como desenhar retângulos e retângulos com cantos arredondados
- Máscara via ActionScript
- Filtro Blur
- Filtro Glow
- Filtro DropShadow
- Máscara com Alpha
- Máscara com Alpha para arquivos externos
Capítulo 9
- Transitions
- Transitions – outros exemplos
- Transitions dinâmica
- Transitions Events
Capítulo 10
- O que é uma classe?
- Criando uma classe do zero
- Herança de classes
- Métodos
- Encapsulamento
- Criando uma classe Botao personalizada
- Criando uma classe Botao personalizada com efeitos de mouse
- Adicionando botões a partir da classe criada
- Adicionando botões a partir da classe criada sem a biblioteca
- Adicionando eventos aos botões
- Gets e Sets
Capítulo 11
- Carregando XML Externo
- Reconhecendo o XML como XML e não como texto
- Identificando elementos e atributos
- Organizando dados com o XMLList
- Preenchendo um combobox
- Mostrar detalhes a partir do evento do combobox
Capítulo 12
- Como carregar um arquivo RSS
- Carregando o XML
- Preenchendo a Lista
- Exibindo descrição
Capítulo 13
- Como reduzir as informações do menu do botão direito
- Como adicionar informações ao menu do botão direito
- Como adicionar links as opções do menu
Capítulo 14
- Como chamar JavaScript externo
- Alterando o HTML
Capítulo 15
- Usabilidade de URL no Flash
- Configuração inicial do servidor
- Criando os links
- Importando JS externo
- Ajustes finais
Capítulo 16
- Integração do ActionScript 3.0 com o YouTube API
- Carregando vídeo do YouTube
- Exibindo tempo de vídeo
- Formatando tempo do vídeo
- Criando barra de progresso
- Controlando o vídeo
- Criando botões play e pause
- Como tornar o SWF redimensionável
Capítulo 17
- Não permitir que o objeto redimensione
- Utilizando imagem de background
- Como adicionar uma imagem inteira como background no Flash
Capítulo 18
- Papervision 3D
- Como fazer o download
- Os elementos do papervision 3D
- Criando o primeiro exemplo de papervision 3D
- Criando o segundo exemplo de papervision 3D
- Otimizando código
- Criando textura (cor)
- Criando textura (imagem)
Capítulo 19
- Cubo 3D
- Rotacionando o Cubo 3D
- Aplicando as imagens da biblioteca ao cubo
- Adicionando interatividade
- Criando links
Capítulo 20
- Galeria de fotos Tiltviewer
- Inserindo imagens
- Alterando o XML
Capítulo 21
- Galeria de fotos Simpleviewer
- Entendendo a pasta imagens e o arquivo XML
- Ajustes na Galeria
|