Table des matières:
- Rassembler vos ressources
- Créer une approche de votre animation décrite
- Créer des symboles pour les éléments fréquemment utilisés
- Animateurs, commencez votre animation
- Enregistrement et exportation de votre animation
- Terminer le processus
Vidéo: InDesign CS5 : Qu'est-ce qu'il y a dans un fichier ePub ? 2024
Le processus de création d'une composition Edge Animate n'est pas très différent de la création d'un autre type de contenu. Au démarrage, vous devez considérer quoi, où et comment vous voulez que votre animation apparaisse. Votre animation fera-t-elle partie d'un site Web existant? Ajoutez-vous une animation pour compléter un livre? Votre client demande-t-il un nouveau logo animé?
Peut-être que vous voulez créer un pour apparaître sur le web? Vous pouvez créer tous ces projets en utilisant Edge Animate.
Voici les grandes lignes de la création d'une composition Edge Animate:
-
Déterminez comment vous et votre public utiliserez cette animation.
-
Collectez vos images et autres éléments.
-
Écrivez un aperçu.
-
Créez et enregistrez les éléments couramment utilisés, tels que les boutons, pour les réutiliser plus tard.
-
Commencer à animer.
-
Enregistrez et exportez votre animation terminée.
Avant de commencer à animer, déterminez si votre animation sera affichée dans un lecteur électronique, dans le navigateur, dans iBooks ou si elle sera utilisée sur les appareils iOS et Android.
Peu importe l'appareil, s'il prend en charge HTML5 et JavaScript, votre projet Edge Animate fonctionnera sans problème.
Rassembler vos ressources
Une fois que vous savez ce que vous voulez créer et où vous voulez qu'il apparaisse, il est temps de commencer à rassembler vos ressources : images, photographies, paragraphes de texte ou une combinaison des trois - qui constituera l'animation finale. Edge Animate facilite l'importation ou la création de ces actifs.
Créer une approche de votre animation décrite
À ce stade, vous avez défini le but de votre animation et l'art de la rendre belle. Maintenant, vous devez créer un fil de fer, essentiellement un aperçu de la façon dont vous voulez que votre animation joue.
Bien sûr, vous pouvez l'aligner et la composer au fur et à mesure, mais une excellente idée est de visualiser votre animation dans votre tête, puis de mettre sur papier comment vous imaginez que votre animation va jouer du début à la fin. Ce plan fournit une base à partir de laquelle vous pouvez travailler.
Créer des symboles pour les éléments fréquemment utilisés
Si vous savez que votre animation va contenir beaucoup d'éléments similaires, ou les mêmes éléments répétés encore et encore, vous devez d'abord créer ces é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, etc.
Un élément que vous souhaitez peut-être réutiliser peut être un bouton ou un élément que vous réutilisez tout au long de l'animation ou tout type de navigation que le public peut utiliser.
Après avoir créé cet élément et l'avoir fait comme vous le souhaitez, vous pouvez l'enregistrer en tant que symbole . Vous pouvez ensuite exporter ce symbole pour l'utiliser dans d'autres projets. De cette façon, si cette animation fait partie d'une série d'animations et que vous voulez réutiliser les mêmes symboles, vous serez en avance sur le jeu en ayant déjà des éléments déjà sauvegardés et prêts à partir lorsque vous créerez l'animation réelle.
Vous pouvez même enregistrer un projet d'animation entier sous forme de symbole. Par exemple, si vous créez une animation de diaporama, vous pouvez enregistrer ce diaporama en entier sous forme de symbole, que vous pouvez ensuite exporter depuis Edge Animate, puis l'importer dans un autre projet Edge Animate.
Animateurs, commencez votre animation
Lorsque vous avez un but pour votre animation, tous vos éléments sont alignés et prêts à partir, et vous avez enregistré vos éléments multi-usage comme symboles, il est temps de commencer à animer.
Pour commencer à animer, vous importez vos éléments sur la scène. Ensuite, vous utilisez le scénario pour créer des images clés. Une image clé représente une séquence d'animation. Par exemple, si vous animez une boîte se déplaçant d'un côté de la scène à l'autre, cette animation est représentée dans le scénario comme une image clé.
De là, vous ajoutez des actions à vos éléments pour l'interactivité. Lorsque vous créez votre animation, vous pouvez la prévisualiser pour vous assurer que l'animation se comporte comme vous le souhaitez.
Enregistrement et exportation de votre animation
Lorsque vous avez terminé la création de votre projet d'animation, vous souhaitez enregistrer ou exporter votre composition pour une utilisation par votre audience ou pour une utilisation dans un autre projet ou outil de conception. Edge Animate offre de nombreuses options pour exporter et sauvegarder votre travail. De même, il existe une multitude 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.
Terminer le processus
Finalement, grâce à ce processus, vous avez créé une animation en utilisant HTML5 et jQuery - sans avoir à saisir une seule ligne de code. Votre auditoire ne connaîtra peut-être jamais les technologies qui ont rendu possible l'animation qu'il regarde et interagit (d'ailleurs, vous ne comprenez peut-être pas complètement les techniques de codage avancées qui le rendent possible - ou qui ne le seront jamais).
Mais c'est la beauté d'Adobe Edge Animate CC: il fait tout ce qui bouge dans les coulisses, ce qui vous permet de vous asseoir et de faire ce que vous faites de mieux: créer de beaux contenus animés et interactifs n'importe quel nombre de tailles d'écran et d'appareils.