Edge Animate CC – Animação e Interatividade para Web – Livro

Home » Livros » Edge Animate CC – Animação e Interatividade para Web – Livro

edge

O eBook conta com uma linguagem clara e objetiva, este livro apresenta o Adobe Edge Animate CC, uma ferramenta de autoria de conteúdo interativo para a web, voltada para a criação de sites e jogos, baseados em código aberto, sem exigir do designer ou do desenvolvedor conhecimentos aprofundados de programação. O conteúdo criado no Edge Animate baseia-se totalmente em HTML e JavaScript, fazendo uso da biblioteca jQuery e de suas bibliotecas específicas.

Por meio de exemplos, atividades práticas e exercícios resolvidos, mostra sua interface, como criar animações com efeitos em perspectiva bidimensional, adicionar áudio, desenvolver layouts adaptáveis, aplicar pré-carregadores, construir elementos gráficos e interativos e muito mais.

  • Sumário do livro:

edgeCapítulo 1 – Sua Primeira Animação no Edge Animate
Atividade prática 1.1: um círculo saltitante
Conclusão

Capítulo 2 – A Interface do Edge Animate
Ferramentas de criação gráfica
Palco
Painel de elementos
Biblioteca
Linha do tempo
Painel de propriedades
Como personalizar sua área de trabalho
Conclusão

Capítulo 3 – Ferramentas Gráficas no Edge Animate
O palco
ID
Dimensões
Cor de fundo
Cor de fundo com dégradé
Largura máxima e mínima
Overflow
Ferramenta retângulo
Outras ferramentas do painel Stage
Painel de propriedades do elemento gráfico
Identificação e ações
Visibilidade
Posição e tamanho
Cores
Controles de transformação
Definição do formato do cursor do mouse
Controle de arredondamento
Aplicação de sombras com CSS
Aplicação de filtros do CSS
Corte
Detalhes de acessibilidade
Ferramenta elipse
Ferramenta retângulo arredondado
Atividades práticas
Crie um objeto composto
Exercício
Conclusão

Capítulo 4 – Conteúdo Gráfico Externo
Um formato para cada finalidade
Imagens no formato JPG: qualidade fotográfica
Imagens no formato GIF: imagens animadas e ilustrações simples
Imagens no formato PNG: transparência e animação
Imagens no formato SVG: ideal para grandes imagens não fotográficas
Importação de imagens externas no Edge Animate… Importação?
Importação de imagens no Edge Animate
Importação de GIFs animadas
Importação de arquivos SVG
Método alternativo de inclusão de imagens no projeto
Tamanho e quantidade de arquivos
Conclusão

Capítulo 5 – Animação I – Método Manual
A linha do tempo no Edge Animate
Criação de animação pelo método manual
5.2.1 Atividade prática: animação com uma imagem SVG pelo método manual
Conclusão

Capítulo 6 – Animação II – Método Automático
6.1 Atividade prática: criação de animação com os modos automáticos
Conclusão

Capítulo 7 – Animação III – Toggle Pin e Amortecimento
Ativação e desativação do pino de transição
Animação com deslocamento do pino
Animação com deslocamento da cabeça de reprodução
Criação automática de duas camadas de controle
Criação de outras camadas de controle
Animação com amortecimento
Atividade prática: truque com amortecimento e três objetos – parte I
Atividade prática: truque com amortecimento e três objetos – parte II
Exercícios propostos
Conclusão

Capítulo 8 – Texto no Edge Animate
Inserção de texto no palco
Propriedades do bloco de texto
Famílias de fontes seguras para a web
O que são webfonts
Edge Web Fonts
Como usar as fontes do painel Edge Web Fonts
Como usar as fontes do Google
Fonte segura opcional
Injeção de código HTML em blocos de texto
Atividade prática: giro vertical de bloco de fonte
Atividade prática: letras que caem e formam uma palavra
Atividade prática: injeção de HTML
Exercício proposto
Conclusão

Capítulo 9 – Animação: Símbolos e Guias de Percurso
O que são símbolos
Onde e por que utilizar símbolos
O que pode haver no interior de um símbolo
Como criar um símbolo simples
Como criar novas instâncias do símbolo
Edição do símbolo
Edição direta no palco
Edição de forma isolada
Edição do palco interno do símbolo
Conclusão da edição do símbolo
Edição das propriedades das instâncias
Exportação de símbolos
Importação de símbolos
Atividade prática: criação e exportação de um símbolo
Atividade prática: criação de uma animação com diversos símbolos
Caminho de percurso
Atividade prática: animação com guia de percurso
Exercício proposto
Conclusão

Capítulo 10 – Animação e Interatividade: Botões
Atividade prática: um botão muito simples
Atividade prática: botão interativo com três estados
Exercícios propostos
Conclusão

Capítulo 11 – Layouts Ajustáveis ou Responsivos
Layouts ajustáveis com definição manual
Layouts ajustáveis com ajustes automáticos
Scale Position
Scale Size
Scale Background Image
Center Background Image
Clip Background Image
Static Background Image
Atividade prática: um layout responsivo com ajustes manuais
Layout responsivo com configuração global
Opção Center Stage
Opção Responsive Scaling
Conclusão

Capítulo 12 – Animação com Clipping e Sprite Sheets
O que são sprite sheets
Corte de imagens com clipping
Atividade prática: animação com sprite sheet e clipping – método manual
Aumento da taxa de quadros por segundo pelo deslocamento dos quadros-chave
Atividade prática: animação com sprite sheet e clipping – método assistido
Exercício proposto
Conclusão

Capítulo 13 – Pré-Carregamento, Templates e Navegadores Antigos
Carregamento prévio
Pré-carregador direto ao ponto
Pré-carregador “educado”
Atividade prática: criação de um pré-carregador
Templates
Atividade prática: criação de um template
Atividade prática: importação de um template
Conteúdo do Edge Animate nos navegadores antigos
Evite recursos avançados
Conteúdo alternativo
Pôster com transparência
Atividade prática: ativação/criação de pôster e Down-Level Stage
Conclusão

Capítulo 14 – Controle de Símbolos com o Mouse e Toques
Atividade prática: ações de controle de símbolos
Atividade prática: comandos direcionados à linha do tempo de símbolos
Atividade prática: ações de controle de símbolos aninhados
Acesso a partir de um elemento aninhado
Acesso de um elemento aninhado a partir de outro elemento aninhado
Acesso a diversas instâncias de símbolos com um único clique
Comandos por toques ou gestos
Atividade prática: eventos touchstart e touchend
Atividade prática: eventos swipeleft e swiperight
Edge Animate JavaScript API 190
Conclusão

Capítulo 15 – Áudio e Vídeo
Formatos de áudio no Edge Animate
Grupos de áudio
Arquivo de áudio como som de fundo
Audio Player download
Ações de áudio na linha do tempo
Transições de volume do áudio
Atividade prática: aplicação de fade in no áudio
Ações de áudio com eventos do mouse ou de toque
Formatos de vídeo no Edge Animate
Grupos de vídeo
Opções de publicação de conteúdo em vídeo
Ações de vídeo na linha do tempo
Inserção de vídeo em projetos do Edge Animate
Ações de vídeo com eventos do mouse ou de toque
Conclusão

Capítulo 16 – Bibliotecas Externas: Arrastar e Soltar
A biblioteca jQuery User Interface
Atividade prática: arrastar e soltar com jQuery UI
Atividade prática: função droppable() do jQuery UI
Conclusão

Capítulo 17 – Publicação para a Web
Configurações de publicação
Diretório para publicação
Hospedar bibliotecas em servidor remoto
Publicar como HTML estático
Publicação no servidor web
Pacotes de publicação do Animate
Publicação para iBooks/OS X
Todas as opções
Conclusão

Acesse o site para adiquirir o livro

Livros e revistas, download de artigos em PDF e ePub, freewares, os melhores ebooks para baixar de graça.

    PREVIEW CREATIVE - ONE PAGE MUSE THEME

    Live preview and download : http://fxtheme.com/themes/creative-one-page-muse-theme creative design muse template creative design _#8211; creative ... PREVIEW CREATIVE - ONE PAGE MUSE THEME Edge Animate CC – Animação e Interatividade para Web – Livro

    Tudo sobre Edge Animate CC – Animação e Interatividade para Web – Livro, vídeo, áudio, fotos, senha, como desbloquear, preço, agenda, qual melhor ponto, pelada, transmissão ao vivo e promoção.

Deixe uma resposta

O seu endereço de e-mail não será publicado.


Não deixe de ver isso

padre-marcelo-para-colorir-download-baixar

Philia para colorir do Padre Marcelo Rossi no topo

Haja grana, religião, um negócio que não sabe o que é crise. Philia, do Padre Marcelo Rossi, retomou o topo na.