Aperçu rapide d'une composition animée de bord

Le processus de création d'une composition bord Animate est pas trop différent de la création tout autre type de contenu. Lors du démarrage, vous devriez envisager quoi, où, et comment vous voulez que votre animation apparaisse. Sera votre animation faire partie d'un site existant? Vous ajoutez une animation pour compléter un livre? Est votre client demande un nouveau logo de la marque d'animation?

Peut-être que vous voulez créer une annonce pour apparaître sur le web? Vous pouvez créer tous ces projets à l'aide de Bord Animer.

Voici le schéma de base pour créer une composition bord Animate:

1. Déterminez comment vous et votre public va utiliser cette animation.

2. Rassemblez vos images et d'autres actifs.

3. Ecrire un aperçu.

4. Créez et enregistrez des éléments couramment utilisés tels que des boutons pour une réutilisation ultérieure.

5. 
   
   
   
   

   Commencer à animer.

6. Enregistrer et exporter votre animation fini.

Avant de commencer l'animation, examiner si votre animation sera considéré dans un e-reader, dans le navigateur, dans iBooks, ou être une application pour une utilisation sur les deux appareils iOS et Android.

Peu importe l'appareil, si elle prend en charge HTML5 et javascript, votre projet Animate Edge se déroulera sans heurts.

Rassembler vos actifs

Après vous savez ce que vous voulez créer et où vous souhaitez qu'il apparaisse, il est temps de commencer à rassembler votre actif - dessiné par voie électronique des images, des photographies, des paragraphes de texte, ou une combinaison des trois - qui fera l'animation finale. Animer bord, il est facile d'importer ou de créer ces actifs.

Création d'une approche esquissée à votre animation

À ce stade, vous avez défini le but de votre animation et l'art de la rendre belle. Maintenant, vous devez créer un filaire, essentiellement un aperçu de la façon dont vous voulez que votre animation à jouer.

Bien sûr, vous pouvez l'aile et le faire comme vous allez le long, mais une excellente idée est à l'image de votre animation dans votre tête, et ensuite mettre sur le papier la façon dont vous imaginez votre animation va jouer du début à la fin. Ce plan fournit une base à partir de laquelle vous pouvez travailler.

Faire symboles des éléments fréquemment utilisés

Si vous connaissez votre animation va contenir de nombreux similaire éléments, ou les mêmes éléments répétés encore et encore, vous souhaitez créer ces premiers éléments. Les éléments sont les différentes pièces qui composent votre animation. Un élément peut être une boîte que vous dessinez, une zone de texte que vous spécifiez, une image que vous importez, et ainsi de suite.

Un élément que vous pouvez réutiliser peut être un bouton, ou un bien qui vous re-utilisation dans l'animation, ou tout type de navigation que le public peut utiliser.

Après avoir créer cet élément et le faire se comporter comme vous le souhaitez, vous pouvez ensuite l'enregistrer comme un symbole. Vous pouvez ensuite exporter ce symbole pour une utilisation dans d'autres projets. Ainsi, si cette animation devient une partie d'une série d'animations et que vous souhaitez ré-utiliser les mêmes symboles, vous serez en avance sur le jeu en ayant certains actifs déjà enregistrées et prêtes à aller quand vous créez l'animation réelle.

Vous pouvez même enregistrer un projet d'animation entier comme un symbole. Par exemple, si vous créez une animation de diaporama, vous pouvez enregistrer ce que tout le diaporama comme un symbole, que vous pouvez ensuite exporter d'Edge Animate -, puis les importer dans un projet Edge Animate différente.

Animateurs, démarrez votre animation

Lorsque vous avez un but pour votre animation, l'ensemble de vos actifs sont alignés et prêts à aller, et que vous avez sauvegardé vos éléments multi-usages comme des symboles, il est temps de commencer à animer.

Pour commencer à animer, vous importez vos actifs sur la scène. Ensuite, vous utilisez le scénario pour créer des images clés. UN image-clé représente une séquence d'animation. Par exemple, si vous animez une boîte déplaçant d'un côté de la scène à l'autre, que l'animation est représentée dans le scénario comme une clé.

De là, vous ajoutez à vos actions éléments d'interactivité. Lorsque vous créez votre animation, vous pouvez avoir un aperçu pour vous assurer que l'animation se comporte comme vous vous attendez à se comporter.

Enregistrement et exportation de votre animation

Lorsque vous avez terminé la création de votre projet d'animation, vous souhaitez sauvegarder ou exporter votre composition pour une utilisation par votre auditoire ou pour une utilisation dans un autre outil de projet ou de la conception. Animer bord fournit de nombreuses options pour exporter et enregistrer votre travail. De même, il ya des multitudes d'options sur la façon dont vous pouvez présenter votre travail à la fois en ligne, ou dans iBooks, ou pour une utilisation avec d'autres outils de conception.

La fin du processus

Finalement, grâce à ce processus, vous avez créé une animation en utilisant HTML5 et jQuery - sans taper une seule ligne de code. Votre public ne peut jamais connaître les technologies qui ont fait l'animation qu'ils regardent et d'interagir avec possible (d'ailleurs, vous ne pouvez pas bien comprendre les techniques de codage avancées qui permettent - ou jamais avoir à).

Mais cela est la beauté de Adobe Edge CC: Il fait tout le levage lourd dans les coulisses, qui vous permet de vous asseoir et de faire ce que vous faites de mieux - créer belle contenu animé et interactif qui peut répondre à monter et former avec un nombre quelconque de tailles d'écran et des périphériques.