Adobe Animate : créer des boutons et des films interactifs

Name: Adobe Animate : créer des boutons et des films interactifs
Author: Jessica Henley

Découvrez comment créer des boutons et des films interactifs.

Preview the first lesson free — get full access to all 3 lessons.

Cours : à la demande

Bonjour, je m'appelle Jessica Henley et dans ces leçons vous apprendrez comment créer des boutons de film, créer une mise en page de scène et comment créer des extraits de code de film. Dans cette leçon, je vais vous montrer comment créer des boutons de film. Vous pouvez ajouter l'animation sur la vidéo ou vous pouvez les laisser désactivés. Pour les boutons de film, naviguant ici vers la bibliothèque, vous pouvez voir les interpolations que j'ai ajoutées sur mes formes. Donc vous aurez soit ces préadolescents en ajoutant votre propre animation sur votre vidéo ou vous pouvez laisser ces interpolations désactivées. Lorsque je fais un clic droit dans cet espace ici, Je peux créer un nouveau symbole. Ce nouveau symbole va être responsable pour le bouton de lecture, je vais donc le nommer bouton de lecture. Assurez-vous que le type est défini sur bouton. Appuyez ensuite sur OK. La toile est toujours réglée sur bleu c'est pourquoi il est bleu en ce moment. Si vous deviez le remettre en blanc, alors tout ce qui est sur la scène ici, il serait également changé. Alors gardez cela à l'esprit. Pour le bouton de lecture, je vais utiliser l'outil de ligne. Maintenant pour les propriétés, je vais juste vérifier sur la taille de cette ligne. Je vais changer cela en trois et vérifier la couleur du contour. je vais le changer en noir et allez-y et dessinez un symbole de bouton de lecture. Donc, je vais juste cliquer ici et créer un bouton de lecture. Maintenant que l'outil de sélection est activé, vous pouvez mettre votre souris ici. Vous pouvez voir que la forme en L à l'envers sous la flèche noire. Vous pouvez réellement déplacer cette astuce. Si vous avez des lignes de rechange, vous pouvez simplement cliquer dessus et appuyer sur Supprimer. Maintenant pour le remplir de rouge, alors je vais juste pour sélectionner une couleur rouge, et ici en cliquant sur Paint Bucket, Je vais cliquer sur Gap Size et changez-le pour combler les grands écarts et le combler. Je n'ai pas vu de trous avant. Le vôtre peut se remplir automatiquement, mais si ce n'est pas le cas, vous pouvez vérifier les grands écarts proches. Ici, nous avons le bouton, qui est la première couche et je peux ajouter plus d'images clés pour le haut, le dessus, le bas et le coup. Lorsque vous passez la souris dessus, je voulais changer les couleurs. Donc, avec cette deuxième image sélectionnée, cliquez sur l'outil de sélection. Remarquez que lorsque vous cliquez dessus, tout est sélectionné, alors cliquez sur off, sélectionnez ce qu'il y a à l'intérieur et vous pouvez réellement changer la couleur à n'importe quelle couleur de votre choix. Pour le duvet, je ferai la même chose. Tout est sélectionné. Cliquez sur off, cliquez sur l'intérieur et le pot de peinture. Vous pouvez également tout laisser en rouge pour les quatre cadres. J'aime changer la couleur. De cette façon, lorsque l'utilisateur place sa souris dessus, cela changera réellement la couleur. En direction de la bibliothèque, j'ai le bouton de lecture. Maintenant, je vais juste aller de l'avant et créer également l'arrêt. Je vais faire un clic droit et créer un nouveau symbole et il est toujours réglé sur bouton. Je vais appeler ce bouton d'arrêt. Voici un bouton d'arrêt, et ici je vais juste aller de l'avant et cliquez et maintenez le polystar. Revenez à l'outil rectangle. Choisissez une couleur pour le bouton d'arrêt. Pour le bouton d'arrêt, Je vais juste choisir un bleu et faire un carré. Maintenant, ce que je veux faire, c'est aller de l'avant et cliquer sur Insérer une image clé plusieurs fois pour le haut, le dessus, le bas et le coup. Maintenant, en cliquant sur dessus, ce que je veux faire, c'est aller de l'avant et comme je clique dessus, remarquez que tout est sélectionné. Donc, en cliquant sur l'outil de sélection, en cliquant en arrière-plan, Je peux cliquer sur le remplissage d'insertion et changer cela. Je veux aussi changer cela en jaune. De même, pour le duvet, cliquez sur le fond, cliquez à l'intérieur et changez la couleur. Encore une fois, vous pouvez les garder tous de la même couleur si vous le souhaitez. Dans la prochaine leçon, j'aborderai la création d'une mise en page de scène. Merci d'avoir regardé.

Avancé Fournisseur : Jessica Henley 3 leçons · 12m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Dans ce cours, les étudiants apprendront à créer des boutons de lecture et d’arrêt à partir de zéro, et comment les stocker dans la bibliothèque. Nous explorerons comment utiliser le panneau Outils et discuterons de la façon de sélectionner parmi différents outils pour concevoir les boutons de lecture et d’arrêt nécessaires pour travailler avec des films. Nous verrons également comment créer un symbole pour le type de bouton, et les différents paramètres de type de bouton que nous pouvons choisir. Les participants apprendront à associer les boutons qu’ils ont créés avec le code de programmation glisser-déposer d’Adobe Animate. Nous verrons comment créer une disposition de scène, y compris un fichier vidéo et des boutons synchronisés. Nous montrerons également aux participants comment appliquer des extraits de code aux boutons pour rendre le film plus interactif. Dans ces leçons, les participants apprendront à créer des boutons de film, à créer une scène pour des films interactifs et à appliquer des extraits de code pour un film.

Ce que vous allez apprendre

Créer des boutons de lecture et d'arrêt à partir de zéro et les stocker dans la bibliothèque
Utiliser le panneau Outils pour sélectionner les outils de conception de boutons de film
Créer un symbole pour le type de bouton et choisir les paramètres de type de bouton
Associer des boutons au code de programmation par glisser-déposer d'Adobe Animate
Créer une mise en page de scène comprenant un fichier de film et des boutons synchronisés
Appliquer des extraits de code aux boutons pour rendre un film plus interactif

Points clés à retenir

Les boutons de lecture et d'arrêt peuvent être créés à partir de zéro et stockés dans la bibliothèque pour être réutilisés.
Le panneau Outils propose différents outils qui peuvent être sélectionnés pour concevoir les boutons nécessaires pour travailler avec des films.
Les boutons peuvent être créés en tant que symboles, avec différents paramètres de type de bouton parmi lesquels choisir.
Les boutons peuvent être associés au code de programmation par glisser-déposer inclus dans Adobe Animate.
L'application d'extraits de code aux boutons rend un film plus interactif.

Foire aux questions

Qu'apprendrai-je dans ce cours ?

Vous apprendrez à créer des boutons de film, à créer une scène pour des films interactifs et à appliquer des extraits de code pour un film. Les objectifs d'apprentissage sont de créer des boutons de film, d'identifier des extraits de code et d'appliquer du code à des symboles.

Quelles leçons ce cours comprend-il ?

Le cours comprend trois leçons : Création de boutons de film, Création d'une mise en page de scène et Création d'un extrait de code de film.

Quelles compétences ce cours couvre-t-il ?

Ce cours couvre ActionScript, Adobe Animate, Adobe Flash et l'Apprentissage interactif.

Comment les boutons sont-ils rendus interactifs dans ce cours ?

Les étudiants apprennent à associer les boutons qu'ils créent au code de programmation par glisser-déposer inclus dans Adobe Animate et à appliquer des extraits de code aux boutons pour rendre le film plus interactif.

Comment les boutons de lecture et d'arrêt sont-ils gérés dans ce cours ?

Les étudiants apprennent à créer des boutons de lecture et d'arrêt à partir de zéro, à les stocker dans la bibliothèque, à utiliser le panneau Outils pour les concevoir et à créer un symbole pour le type de bouton avec différents paramètres de type de bouton parmi lesquels choisir.