Tutoriel: Création de Boutons Simples et Animés avec Illustrator

Conception du symbole bouton pas à pas
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Ateliers créatifs Adobe Animate CC
Revoir le teaser Je m'abonne
Transcription

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis

39,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Objectifs de cette vidéo:

- Apprendre à créer des boutons avec des états multiples.
- Comprendre l'utilisation des symboles graphiques dans Illustrator.
- Maîtriser les techniques de base pour animer des éléments graphiques.

Apprenez à créer des boutons simples et animés en partant d'un design basique dans Illustrator.

Dans cette leçon, nous vous montrons comment créer deux types de boutons en utilisant Illustrator. Nous commençons par importer des designs dans la bibliothèque, que vous pouvez récupérer dans le fichier Illustrator, et les convertir en symboles graphiques de base. Vous apprendrez à:

- Créer un bouton simple à partir d'un élément sur la scène en le convertissant en symbole bouton.
- Développer le scénario du bouton pour ajouter différents états tels que l'état normal, agrandi, et abaissé.
- Utiliser les raccourcis clavier pour redimensionner et manipuler les éléments efficacement.

À la fin de cette leçon, vous serez capable de créer des boutons simples et leur donner des animations basiques, les rendant interactifs et visuels dans vos projets de design.

Voir plus
Questions réponses
Quel est le premier état créé par défaut lors de la création d'un bouton à partir d'un élément sur la scène?
Le premier état créé par défaut est l'état de base, qui correspond à l'apparence normale du bouton.
Quel raccourci clavier permet d'ouvrir la fenêtre de redimensionnement dans Illustrator?
Le raccourci clavier pour ouvrir la fenêtre de redimensionnement est Ctrl+Alt+S.
Comment copie-t-on une image clé pour créer un état abaissé du bouton?
Pour copier une image clé et créer un état abaissé, il faut glisser l'image clé en maintenant Ctrl et Alt.
Maintenant que je vous ai présenté l'exercice nous allons repartir de la base pour créer ces deux types de boutons. Symbole bouton classique donc je vais partir des designs que j'ai importé dans la bibliothèque donc vous pouvez récupérer dans le fichier illustrator et que j'ai converti en symboles graphiques de base qui vont me servir pour la création de nos boutons. Donc le premier bouton qui est un bouton simple tout simplement je vais partir d'un état d'un élément posé sur la scène pour créer un nouveau clip un nouveau symbole pardon bouton que je vais appeler bouton simple et qui immédiatement est créé dans la bibliothèque. Dans ce bouton je vais rentrer au niveau du scénario et voir que par défaut lorsque je crée un bouton à partir d'un élément d'un élément sur la scène le premier état est créé puisque c'est les premiers états de base et il va pouvoir me servir à créer mon deuxième état et mon troisième état j'ai juste à rajouter une image clé qui fait une copie du premier état je vais grossir tout simplement avec le raccourci ctrl alt s qui me permet d'ouvrir la fenêtre redimensionnée et faire pivoter je vais grossir le bouton à 120% de son échelle et puis pour le l'état abaissé je vais tout simplement faire glisser en maintenant ctrl et alt l'image clé de manière à copier la première image sur la troisième voilà donc j'ai déjà tout simplement mon premier bouton classique et simple qui est créé

Programme détaillé de la formation

Nos dernières formations Animate CC