Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir Animate CC 2015

Comprendre les symboles

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
La compréhension des symboles permet une meilleure organisation dans la découpe du travail. Explorez l'utilisation des symboles Clip, Bouton et Graphique.
10:13

Transcription

Il existe dans Animate CC un lieu incontournable, central, qui s'appelle la « Bibliothèque des symboles », communément appelée « Bibliothèque ». Dnas cet espace, nous allons stocker des symboles de type Clip, de type Graphique, Image, Bouton. Qu'est-ce qu'un symbole ? C'est une enveloppe contenant, selon la nature du symbole, des images, des formes, ou du texte, ou une animation. Bref, c'est une enveloppe qui permet à Animate CC de pouvoir faire certaines choses en fonction de la nature de l'enveloppe. Par exemple, l'enveloppe de type bouton, le symbole bouton, est réglé pour pouvoir avoir plusieurs états : un état normal, un état au survol, un état abaissé, un état cliqué. On ne retrouvera pas ces états dans un symbole de type Clip, ou de type Image. Donc, quand nous ferons une animation, nous utiliserons systématiquement des symboles, pour la raison suivante : un symbole, lorsqu'il est dans la bibliothèque peut être utilisé autant de fois qu'on le souhaite, sur la scène, sans pour autant augmenter le poids final de l'animation. On a donc intérêt à mettre le maximum de symboles dans la bibliothèque. Par exemple, je dessine un personnage avec deux yeux. Je vais dessiner un seul œil avec une seule pupille, J'utiliserai le symbole œil et le symbole pupille deux fois pour obtenir les deux yeux de mon personnage. Je n'augmente pas le poids de mon fichier final, j'ai dessiné une seule fois un élément, plutôt que deux. Concrètement, la Bibliothèque des symboles est un onglet. Ici je suis dans l'espace de travail les Indispensables, avec un onglet Propriétés et un onglet Bibliothèque. Dans l'onglet Bibliothèque, j'accède à la bibliothèque pour l'instant vide, car je n'ai encore rien fait. Mais si je vous montre une animation, vous voyez toute une série d'éléments dans la bibliothèque, chacun étant un symbole. Je vais utiliser ces symboles en les glissant sur la scène au fur et à mesure que j'en aurai besoin en les agençant de façon à obtenir, par exemple, ce hamburger. Voyons à présent les différents types de symboles que l'on peut réaliser. Je vais, sur une scène vide, vous montrer comment créer un symbole. C'est simple, il suffit de venir sur le menu Insertion, puis sur Nouveau symbole. Je peux aussi utiliser le raccourci clavier Ctrl+F8. J'ouvre une scène en faisant Fichier Nouveau et en choisissant une animation de type HTML5 Canvas, Mais cela fonctionne de la même manière pour les autres types de fichiers. Pour créer un symbole, je fais Insertion Nouveau symbole, je lui donne un nom. Je l'appelle « clip ». Je désire faire un symbole de type Clip. Je l'indique dans cette boîte, j'ai trois éléments : Clip, Bouton, Graphique. On ne crée pas à proprement parler les symboles de type Image, on importe une image dans la bibliothèque, ce qui génère un symbole de type Image. Là je choisis Clip, et je fais OK. Que se passe-t-il ? Je vois apparaître cette icône, une roue crantée, avec le nom que je lui ai donné, « clip », et ici apparaît une croix au milieu de mon écran. Séquence 1, c'est la scène. Je ne suis plus sur la scène. Je suis dans mon symbole, que j'ai nommé « clip ». À partir de là, je vais remplir cette zone-là avec ce que je souhaite pour fabriquer mon symbole. Vous remarquez aussi la ligne de temps en dessous pour faire, si besoin, une animation. On prend une forme, n'importe laquelle, on verra dans un chapitre dédié comment utiliser ces outils. Je prends une forme et je dessine une ovale. J'ai donc créé un clip. Si je reviens sur la scène, il n'y a ren, elle est vide. Je reprends mon outil de sélection, dans ma bibliothèque j'ai un symbole de type Clip, si je veus l'utiliser sur ma scène, je le glisse simplement dessus. Mais, et c'est là la force d'Animate CC, je peux utiliser le même clip autant de fois que je le souhaite en le glissant sur la scène en autant d'exemplaires que besoin. Si au lieu de l'ovale j'avais un oiseau en train de voler je pourrais faire une compagnie d'oiseaux à partir d'un seul, en les glissant les uns après les autres sur la scène. Pour créer un symbole de type Graphique, je fais Ctrl+F8 ou Insertion symbole, je l'appelle « graphique », pour bien voir la différence, et je dis que ce symbole est de type Graphique. Je fais Ok. Je suis à nouveau en dehors de ma scène, dans l'enveloppe graphique, qui, dans la bibliothèque, a une autre icône. Je viens mettre du texte. Je clique et j'écris « BONJOUR », par exemple. Je reprends mon outil de sélection, j'ai le mot « BONJOUR », je le mets près de la croix. Je reviens sur la scène, et j'y retrouve mes symboles originaux mais pas le graphique. Parce que je crée systématiquement mes symboles dans la bibliothèque. Je ne les utilise qu'après. Si j'ai besoin de ce symbole graphique sur ma scène, je le prends, je le glisse, je le lâche, et mon symbole apparaît. De la même façon je peux le glisser en plusieurs exemplaires, comme ceci. En bas un message apparaît, car je suis dans le format Canvas HTML5, qui me dit que l'option antiAlias n'est pas prise en charge dans le document HTML5 Canvas, et a été convertie en CanvasFonts dans une occurrence de texte. Il y a donc eu un travail en arrière-plan, sans que j'aie à m'en préoccuper, pour qu'à l'issue je puisse sortir ce document au format HTML5. A priori, il n'y a pas de grande différence entre le MovieClip, ici, et le graphique. La différence est principalement là : si je viens sur les Propriétés et que je clique sur un clip, j'ai ici un nom d'occurrence. Je peux nommer ce cercle, celui-là, celui-ci et celui-là. Je peux donc nommer chacun de ces éléments. Par contre, si je clique sur « BONJOUR », je n'ai pas la possibilité de donner un nom. Globalement, la différence fondamentale entre les deux est la suivante : je peux nommer les clips, donc agir dessus en programmation. Je ne peux pas nommer les graphiques, donc je ne peux pas agir dessus en programmation. Au début ne réfléchissez pas à cela, faites tout sous la forme de clip, et quand le besoin surgira, vous vous pencherez sur le problème. Je sélectionne tout en glissant dessus, j'appuie sur Suppr et maintenant par Insertion Nouveau symbole, j'en crée un que je nomme « bouton ». E je dis que c'est un symbole de type Bouton. Je fais Ok. Regardez bien, la ligne de temps a complètement changé. Je n'ai plus que Haut, Dessus, Abaissé, Cliqué. Je n'ai plus que quatre positions. Il n'y a plus de ligne de temps comme pour le clip ou le graphique. C'est normal, car un bouton ne peut prendre que quatre états. J'ai ce premier état pour le Haut, l'état normal du bouton Si je viens sur le deuxième état et que je fais clic-droit Insérer une image clé, je reproduis ce que j'avais en Haut. Je reviens ici et je vais changer la couleur. Nous verrons en détail comment changer la couleur dans des tutoriels dédiés. Je viens sur la position Abaissé, clic droit Insérer une image clé, et je change la couleur comme ceci. Que se passe-t-il ? Insérer Image clé, À chaque changement d'état la couleur à l'intérieur du bouton change. Suivant la position du bouton, en Haut, Au-dessus, donc au survol, Abaissé ou Cliqué, une couleur différente remplit ce bouton. J'ai « programmé » les différents états du bouton. Pour un bouton, on peut donc programmer au maximum quatre états, on peut n'en programmer qu'un ou deux. Pour un clip on peut faire des animations sur une ligne de temps, nous en reparlerons dans un tutoriel dédié. Et on peut nommer un clip. On peut le baptiser lorsqu'on en tire une occurrence sur la scène. Un symbole de type graphique peut être animé mais quand on en tire une occurrence sur la scène, on ne peut pas le nommer, car ce n'est pas prévu dans Animate CC.

Découvrir Animate CC 2015

Prenez en main Adobe Animate CC. Apprenez à réaliser des animations, des illustrations vectorielles, des interfaces, des vidéos, voire même des exécutables pour Mac et PC.

4h47 (54 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Adobe Animate Animate CC
Spécial abonnés
Date de parution :9 févr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !