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

Importer des photos et créer un pochoir

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Penchez-vous maintenant sur un cas concret et réalisez une illustration. Importez une image dans la bibliothèque et utilisez un texte comme masque.
07:07

Transcription

Nous allons maintenant voir qu'il est possible de récupérer dans une bibliothèque d'Animate CC, une image .jpg pour l'utiliser dans une illustration par exemple. Pour réaliser cela, je vais créer un document HTML5 Canvas, que je vais dimensionner à 1024 x 576, Je vais mettre une scène à fond noir et je vais donc réduire mon facteur de zoom de manière à voir l'intégralité de ma scène. Dans ma bibliothèque, pour l'instant, je n'ai rien. Je vais donc demander à Animate d'incorporer directement dans la bibliothèque une image .jpg que vous trouverez d'ailleurs dans les sources de cette formation, au chapitre 4. Je fais Fichier. Je ne fais pas Ouvrir, mais je fais Importer... dans la bibliothèque. Je clique-gauche dessus, je trouve mon image, je fais Ouvrir et je me retrouve donc dans la bibliothèque avec une image qui s'appelle DSC8647. Maintenant je vais travailler cette image, je vais la mettre dans une enveloppe de type graphique, et cette enveloppe de type graphique, ensuite, je la mettrai sur la scène. C'est pas une obligation, je pourrais directement mettre directement cette image sur la scène, mais ce n'est pas une bonne pratique. Pourquoi? Eh bien, parce que tout simplement, lorsque que vous ferez par la suite des animations un peu complexes, tout élément qui n'est pas dans une enveloppe est difficilement manipulable. Donc prenez l'habitude de mettre vos éléments externes dans des enveloppes, c'est beaucoup plus facile, notamment si un jour vous faites de la programmation. Je viens donc faire Insertion, Nouveau symbole, je vais appeler ce symbole « ville », je vais dire que c'est un symbole de type: Graphique, je fais OK et je glisse donc mon image .jpg dans mon enveloppe « ville ». Je viens dans les Propriétés: X=0, Y=0. Ca aussi, c'est une bonne pratique, toujours aligner les éléments sur la petite poignée. Je fais un zoom à 25 % pour que vous voyiez bien ce qu'il se passe, A l'intérieur de mon enveloppe « ville », le point d'accroche, c'est cette petite croix. En mettant X=0 et Y=0 sur mon image, je lui dis d'accrocher dans l'angle supérieur gauche, l'image, de manière à ce que par la suite j'aie un bon point de départ si un jour j'ai besoin de faire de la programmation. Je reviens sur la scène, je recentre ma scène et je vais maintenant venir dans la bibliothèque où je peux prendre le symbole de type graphique que je viens de réaliser, qui s'appelle « ville ». Je le glisse, je le lâche, je viens sur l'icône Aligner, je coche la ligne Aligner sur la scène, je clique pour centrer horizontalement mon enveloppe et ensuite je centre verticalement. Voilà. Donc là, je peux maintenant verrouiller ce calque, lui donner comme nom « Photo », ou tout autre nom qui vous convient, et je vais maintenant créer un nouveau calque. Sur ce nouveau calque, je vais mettre un texte, ce texte, je veux qu'il se comporte comme un pochoir. Je veux donc que mon texte soit troué, de manière à ce que dans les lettres je puisse voir les immeubles du Sud de Manhattan. Et par contre, tout le reste, tout ce qui sera en dehors des lettres, je veux que ça soit de la couleur du fond de la scène, en l'occurence noir. Pour réaliser cela, je me positionne donc sur mon calque, que je vais baptiser « Masque » ou tout autre nom qui vous convient. Je vais maintenant prendre l'Outil Texte, je vais venir dans les Propriétés, je choisis une police quelconque, celle qui vous convient. On pourrait prendre la Arial, ça c'est possible, il faut prendre une police qui a une graisse assez importante. Tiens, la Broadway: ah ben ça c'est parfait, Broadway pour New York, ça me semble très bien. Je vais dimensionner ça à 180 pixels à peu près, et puis on verra bien plus tard ce que ça donne. Je prends la couleur blanche mais la couleur importe peu, en réalité. Je clique n'importe où et j'écris en majuscules, NEW, trait d'union, YORK. Bien. Maintenant je reprends mon outil de sélection et je vais, toujours à l'aide de l'outil alignement, demander à aligner mon texte horizontalement et verticalement. Je réduis ça, verticalement c'est un peu trop haut, je vais descendre à l'aide des flèches de direction pour être vraiment sur la ville... comme ceci. Bon, là, c'est aussi un petit peu grand, donc 180 c'est trop, on va faire 170. Je valide: là on n'est pas mal. Alors maintenant, qu'est-ce que je vais faire? Eh bien, je vais vectoriser mon texte, c'est-à-dire que je vais dire: ce n'est plus du texte, c'est un dessin, comme si j'avais fait ça à partir des différents outils de forme. Pour réaliser cela, je maintiens la touche Ctrl enfoncée au clavier et tout en la tenant enfoncée, j'appuie sur la lettre B une première fois, ce qui scinde mon texte en lettres. Ensuite j'appuie une deuxième fois, toujours en tenant Ctrl enfoncée, sur la lettre B, et là je vectorise mon texte. Je ne peux plus le changer, ce texte. Si je veux changer quoi que ce soit, j'efface tout et je recommence à partir de l'Outil Texte. Et là, maintenant, j'ai obtenu des formes qui vont pouvoir se comporter comme un pochoir. Pour ce faire, je vais dire à Animate CC: « inverse le raisonnement ». Ce qui est opaque, à savoir l'intérieur des lettres, je veux que ça devienne transparent, et ce qui est transparent, je veux que ça devienne opaque. Pourquoi est-ce que j'ai vectorisé mes lettres? Eh bien, pour plusieurs raisons. D'abord, la première raison, c'est que j'ai plus de possibilités de jouer avec mes lettres, je peux agrandir, diminuer, dans un sens, dans l'autre, je peux incliner, etc. C'est plus facile à manipuler, du vecteur, que de manipuler du texte. D'autre part, il peut y avoir, suivant le cas, des problèmes internes de sortie si on garde le texte en tant que texte, il peut y avoir des problèmes avec certains navigateurs. Donc en vectorisant on est sûr que ça marche de partout. Maintenant que c'est fait, on va donc venir sur ce calque, qui contient le texte, et on va faire un clic-droit dessus, puis on va venir sur l'option Masque et on va faire un clic-gauche. Voilà, mes lettres se transforment en pochoir. Maintenant, je vais tenir au clavier la touche Ctrl enfoncée, j'appuie sur Entrée tout en tenant Ctrl enfoncée, ceci pour faire un essai de publication, ce qui va m'ouvrir dans mon navigateur ma petite illustration où je vois qu'effectivement ça a fonctionné à merveille. J'ai bien un pochoir qui me montre le Sud de Manhattan à l'intérieur des lettres indiquant qu'on est à New York. Voilà donc quelque chose qui peut être très intéressant, pour mettre en scène un texte, par exemple, vous avez donc la possibilité de récupérer n'importe quel type d'image .jpg, .png, .gif... à l'intérieur de votre bibliothèque et après, eh bien ma foi, vous pouvez utiliser cette technique de pochoir pour mettre en scène votre texte.

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 !