Adobe Edge Animate CC: 6 recursos que interagem e 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 muito mais para configurar o software para atender às suas preferências:
Menu
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 os 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 da janela do dispositivo.
Várias opções de publicação: Edge Animate oferece inúmeras maneiras de publicar sua animação para utilização em diferentes aplicações - tais como diferentes navegadores e iBooks - ou você pode importar o Adobe Edge 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 com fontes particulares, a boa notícia é que se você pode encontrar uma fonte na web, você provavelmente pode usá-lo em sua animação.
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.
Implementando a 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 para clicar em itens para fazer ações diferentes acontecer.
Por exemplo, você pode fazer parar, reproduzir e fazer pausa botões para uma apresentação de slides interativa. Você também pode criar um menu, adicionando links que permitem que o público a navegar para diferentes partes de seus 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 um 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, tornam-se indispensáveis.
Então, o que exatamente é um Símbolo? É essencialmente uma animação aninhada você cria que tem a sua própria linha de tempo independente e recursos interativos. Por exemplo, digamos que você encontrar-se criando o mesmo elemento com as mesmas ações mais e mais para vários projetos diferentes. Ao guardar 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 buzzword 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 a 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 é maximizado em 100%, as imagens e assim por diante em sua animação aparecem em 100%. Se a janela do navegador é reduzido para 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 a animação em uma tela de 60 polegadas, um iPhone de 4 polegadas, ou qualquer coisa no meio. 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 web 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 o Google Web Fonts. Você também pode usar 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 em seu idioma de 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.
Se você fizer escolher outra língua, 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 atualizar automaticamente, basta fechar o programa e, em seguida, reabri-lo para ver o seu novo idioma selecionado.