Adobe Edge Animate CC: 6 recursos que interagem e se adaptam

O Adobe Edge Animate CC envolve muito mais do que apenas mover elementos pela tela. Você pode usar muitos de seus recursos para criar interatividade para seu público - e ajustar muitos mais para configurar o software de acordo com suas preferências:

• Interatividade: você pode criar animações totalmente interativas com controles e ações como botões, links e loops.

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

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

• Múltiplas opções de publicação: o Edge Animate oferece várias maneiras de publicar sua animação para uso em diferentes aplicativos - como diferentes navegadores da web e iBooks - ou você pode importar seu Adobe Edge Animation para diferentes produtos Adobe, como InDesign ou Muse.

• Opções de fonte: o Edge Animate oferece uma infinidade de opções de fonte. Se você é muito exigente com fontes específicas, a boa notícia é que, se você conseguir encontrar uma fonte na web, provavelmente poderá usá-la em sua animação.

• Escolha o seu idioma: Se o inglês não for seu idioma nativo e você preferir trabalhar em (digamos) alemão, espanhol, francês ou japonês, o Edge Animate tem o que você precisa.

Implementando interatividade de forma inteligente

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

Por exemplo, você pode criar botões Parar, Reproduzir e Pausar para uma apresentação de slides interativa. Você também pode criar um menu adicionando links que permitem que seu público navegue para diferentes partes de suas animações - ou para páginas da web totalmente diferentes.

Quando seu público move o cursor em torno de sua animação, você pode fazer diferentes ações acontecerem quando o cursor se move sobre áreas específicas. Este tipo de movimento do cursor é denominado mouseover. Ou, se o seu público estiver usando tablets ou smartphones para visualizar sua animação, você pode permitir que eles simplesmente toquem em um elemento para causar uma ação.

Usando símbolos para fazer objetos reutilizáveis

No início, usar símbolos pode ser um pouco assustador, mas depois que você ganha experiência trabalhando com eles, eles se tornam indispensáveis.

Então, o que exatamente é um símbolo? É essencialmente uma animação aninhada que você cria que tem sua própria linha de tempo independente e recursos interativos. Por exemplo, digamos que você esteja criando o mesmo elemento com as mesmas ações repetidamente para muitos projetos diferentes. Ao salvar esse elemento recorrente como um símbolo, você pode reutilizá-lo e suas ações associadas para qualquer projeto.

Um excelente exemplo de símbolo é um botão. Se você estiver recriando o mesmo botão - digamos, um botão Reproduzir para uma apresentação de slides - convém salvar esse botão Reproduzir como um Símbolo para reutilizá-lo posteriormente.

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

Incorporando web design responsivo

Junto com o HTML5, o design responsivo da web é a mais recente terminologia da moda quando se trata de desenvolvimento web. Um web design responsivo permite que sua animação seja redimensionada apropriadamente, dependendo do tamanho da janela do navegador.

Isso pode significar muitas coisas. Digamos, por exemplo, que alguém esteja visualizando sua animação em um computador desktop. Se o usuário redimensionar a janela do navegador para torná-la maior ou menor, os elementos em sua animação se redimensionam apropriadamente, com os novos tamanhos baseados em porcentagens.

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

Este é um recurso muito poderoso porque existe uma grande 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 qualquer coisa no meio. Os tablets aumentam a diversidade de tamanhos de tela.

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

Você tem mais de uma maneira de publicar animações hoje em dia - e o Adobe Edge Animate CC tem tudo para você, oferecendo uma infinidade de opções (como mostrado nesta figura). Você pode publicar sua animação como uma página da web autônoma ou pode incorporá-la em uma página da web existente.

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

Fontes no Adobe Edge Animate

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

Se nenhuma dessas fontes atender às suas necessidades, você pode importar fontes de muitas fontes diferentes - incluindo Google Web Fonts. Você também pode usar Adobe Edge Web Fonts, que é integrado ao Animate. E se você estiver familiarizado com o Typekit (outra ferramenta de fonte gratuita), pode comemorar sabendo que essa ferramenta também funciona com o Edge Animate.

Trabalhando no idioma de sua escolha

O Adobe Edge Animate CC é global em muitos aspectos - incluindo o idioma que você vê nos menus e painéis. Se você se sentir mais confortável trabalhando em um idioma diferente do inglês, o Edge Animate facilita a alteração do idioma usado no software para um dos muitos idiomas populares.

No menu Ajuda, conforme mostrado nesta figura, você pode escolher entre vários idiomas diferentes. Quando você escolhe um idioma no menu Ajuda, esse idioma aparece no software. Os idiomas que você pode escolher incluem alemão, inglês, espanhol, francês e japonês.

Se você escolher outro idioma, terá que fechar e reiniciar o Edge Animate para ver a alteração entrar em vigor. Depois de selecionar o idioma desejado, a interface não é atualizada automaticamente, basta fechar o programa e reabri-lo para ver o idioma recém-selecionado.