Adobe edge animate cc: 6 características que interagem e se adaptar

Adobe Edge Animate CC é muito mais do que elementos ao redor da tela em movimento. Você pode usar muitas das suas características para criar interatividade para o seu público - e afinar muitos mais para configurar o software para atender às suas preferências:

• interatividade: Você pode construir animações totalmente interativos com esses controles e ações como botões, links e loops.

• símbolos: Você pode salvar elementos criados (como botões) e usá-los novamente em uma animação diferente.

• Web design responsivo: Edge Animate permite que você construa uma composição que responde aos tamanhos do navegador e janelas dispositivo.

• Múltiplas opções de publicação: Edge Animate oferece inúmeras maneiras de publicar sua animação para uso em diferentes aplicações - tais como diferentes navegadores e iBooks - ou você pode importar o Adobe Borda Animação em diferentes produtos da Adobe, como o InDesign ou o Muse.

• opções de fonte: Edge Animate oferece uma infinidade de opções de fonte. Se você é exigente sobre as fontes particulares, a boa notícia é que se você pode encontrar uma fonte na web, você provavelmente pode usá-lo em sua animação.

  Video: Adobe Edge Animate CC

• Escolha o seu idioma: Se o Inglês não é sua língua nativa e você prefere trabalhar em (digamos) Alemão, Espanhol, Francês, ou japonês, então Edge Animate tem coberto.

Implementação interatividade de forma inteligente

Adobe Edge Animate CC permite que você faça muito mais do que apenas desenhar e animar elementos. Você também pode fazer esses elementos interativos, o que permite o seu público a clicar em itens para fazer ações diferentes acontecer.

Por exemplo, você pode fazer Stop, Play, e pausa botões para um slideshow interativo. Você também pode criar um menu, adicionando links que permitem que o público a navegar para diferentes partes de suas animações - ou completamente diferentes páginas da web.

Quando o seu público move o cursor em torno de sua animação, você pode fazer ações diferentes acontecer quando o cursor se move sobre áreas específicas. Este tipo de movimento do cursor é chamado de passe o rato por cima. Ou, se o seu público está usando tablets ou smartphones para ver sua animação, você pode permitir que eles simplesmente tocar em um elemento para causar uma ação.

Usando símbolos para fazer objetos reutilizáveis

Na primeira, o uso de símbolos pode ser um pouco assustador, mas depois de ganhar experiência trabalhando com eles, eles se tornam indispensáveis.

Então, o que exatamente é um Símbolo? É essencialmente uma animação aninhada você cria que tem a sua própria Timeline independente e capacidades interactivas. Por exemplo, digamos que você está criando o mesmo elemento com as mesmas ações mais e mais para vários projetos diferentes. Ao salvar esse elemento recorrente como um símbolo, você pode reutilizá-lo e suas ações associadas para qualquer projeto.

Um bom exemplo de um símbolo é um botão. Se você está recriando o mesmo botão - por exemplo, um botão Reproduzir para uma apresentação de slides - você pode querer salvar o botão Play como um símbolo para reutilização posterior.

Você pode encontrar seus símbolos no painel Biblioteca, como mostrado.

Incorporando web design responsivo

Junto com HTML5, web design responsivo é a mais recente terminologia chavão quando se trata de desenvolvimento web. A web design responsivo permite a sua animação para redimensionar adequadamente, dependendo do tamanho da janela do navegador.

Isto pode significar muitas coisas. Digamos, por exemplo, alguém está vendo sua animação em um computador desktop. Se o usuário redimensionar a janela do navegador para torná-lo maior ou menor, os elementos dentro de sua animação redimensionar-se adequadamente, com os novos tamanhos com base em percentuais.

Por exemplo, se a janela do navegador é maximizada a 100%, as imagens e assim por diante em sua animação aparecem em 100%. Se a janela do navegador é reduzido a 50% do seu tamanho, em seguida, suas imagens também encolher para 50% do seu tamanho normal.

Este é um recurso muito poderoso, porque não há tal uma ampla variedade de tamanhos de tela nos dias de hoje. Você nunca sabe se o seu público está vendo sua animação em uma tela de 60 polegadas, um iPhone de 4 polegadas, ou entre em nada. Tablets adicionar à diversidade de tamanhos de tela.

Contando suas múltiplas opções de publicação

Você tem mais do que uma maneira de publicar animações nos dias de hoje - e Adobe Edge Animate CC tem coberto, oferecendo uma infinidade de opções (como mostrado nesta figura). Você pode publicar sua animação como uma página da Web independente ou você pode incorporá-lo em uma página da Web existente.

Você também encontrará opções que lhe permitem exportar sua animação para uso em um iBook. Você pode até mesmo publicar sua animação como uma página HTML estática para uso em navegadores mais antigos, que não suportam HTML5 ou animações.

Fontes no Adobe Edge Animate

Você pode usar uma infinidade de fontes na web e Adobe Edge Animate CC tem coberto. Além de uma lista padrão padrão de fontes que estão disponíveis para você (veja a figura), Edge Animate também permite importar fontes de todo o web.

Se nenhuma dessas fontes satisfazer as suas necessidades, você pode importar fontes de muitas fontes diferentes - incluindo Google Web Fonts. Você também pode usar o Adobe Edge Web Fonts, que é construído em Animar. E se você estiver familiarizado com Typekit (outra ferramenta fonte livre), você pode comemorar saber que ferramenta também funciona com o Edge Animate.

Trabalhando no idioma de sua escolha

Adobe Edge Animate CC é global em muitos aspectos - incluindo a linguagem que você vê em menus e painéis. Se você se sentir mais confortável trabalhando em um idioma diferente do Inglês, Edge Animate torna mais fácil para que você possa alterar o idioma utilizado no software para uma das muitas linguagens populares.

A partir do menu Ajuda, como mostrado na figura, você pode escolher entre várias línguas diferentes. Quando você escolhe um idioma no menu Ajuda, que a linguagem aparece no software. Os idiomas que você pode escolher incluem Alemão, Inglês, Espanhol, Francês e Japonês.

Video: Create an Interactive SVG with Adobe Edge Animate

Se você fizer escolher outro idioma, você tem que fechar e reiniciar o Edge Animate para ver o efeito de mudança de take. Depois de selecionar o idioma que você quer, a interface não atualiza automaticamente, basta fechar o programa e, em seguida, reabri-lo para ver o seu novo idioma selecionado.