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.

Animate CC 2017 : Les nouveautés

Exporter des images aux formats JPG ou PNG

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez découvrir comment exporter de manière optimale une image composite aux formats JPG ou PNG.
07:29

Transcription

Je vous propose à présent dans ce tutoriel de découvrir les nouvelles fonctionnalités d'export d'Animate CC. Nous allons voir comment il est possible d'exporter une image composite vers une image au format JPEG ou PNG. Je double-clique sur le movie clip et là je fais apparaître tous les calques qui servent à composer cette image. J'éteins tous mes calques en cliquant sur l'œil, je révèle le calque le plus lointain, c'est une image au format JPEG qui est donc le décord de la pièce avec au premier plan un bureau. Sur ce bureau j'ai déposé au format PNG une lampe à pétrole, le pied d'une lampe à pétrole sur lequel j'ai déposé un verre aussi au format PNG pour qu'on ait de la transparence et qu'on voie les motifs du papier peint derrière. Sur ce verre, j'ai déposé une flamme qui a été réalisée à l'aide d'Animate CC. J'ai remis par dessus une couche de verre et puis ensuite j'ai rajouté le personnage au format PNG qui regarde la lampe. Enfin, j'ai rajouté par dessus un rayonnement, rayonnement qui a été réalisé avec Animate CC. Je reviens sur la scène. Je souhaite donc exporter cette image composite, composée donc de JPEG, de PNG, et de dessins vectoriels au format JPEG. Je viens sur Fichier, je viens sur Exporter, et je viens sur Exporter l'image. Remarquez au passage les différents choix, c'est assez riche. Je clique sur Exporter l'image. Dans le dialogue qui fait son apparition, je peux choisir mon mode d'affichage, Original. En bas à gauche, je vois le poids de l'image, 2,17 Mo. Je peux afficher l'image optimisée. Le poids n'est plus que de 62,47 Ko. Dans les deux cas, en glissant, c'est-à-dire en tenant le bouton gauche de ma souris enfoncé, je peux me déplacer dans mon image pour voir telle ou telle partie de l'image. J'ai même la possibilité, à l'aide de la loupe, de zoomer sur mon image. Si je maintiens la touche Alt enfoncée et que je clique je fais Zoom arrière, si je clique directement je fais Zoom avant. Je reprends la main et je me déplace à l'intérieur de mon image. Je viens maintenant sur "Deux vignettes", "Deux vignettes", j'ai à ma gauche l'image originale, à ma droite, l'image optimisée. L'image optimisée, un JPEG, 62,47 Ko. L'image originale, 2,17 Mo. Alors, on peut maintenant faire des réglages. Ces réglages, on va les faire par ici. J'ai le format JPEG ou PNG, 8 ou 24. Comme dans mon image il n'y a pas pour l'instant de transparence, je garde le JPEG. Je peux choisir la qualité, on va prendre qualité Basse. Vous remarquez que il y a des problèmes qui apparaissent, ici des artéfacts qui font leur apparition, des petits rectangles, par rapport à mon image originale donc là, la qualité n'est pas très très bonne mais j'ai gagné en poids, je ne pèse plus que 15,09 Ko contre 2,17 Mo. Si je me déplace dans mon image, je vois qu'il y a certaines zones qui sont moins touchées que d'autres. Par exemple, là, il n'y a pas trop de problèmes. Par contre ici, là y'a des problèmes quand on compare les deux. Donc, à priori, ce facteur de compression n'est pas le bon donc je vais aller vers une qualité meilleure, sur Moyen. La différence ? Ça commence déjà à s'améliorer nettement mais y'a encore des artéfacts, notamment à ce niveau-là, par rapport à l'originale. Si je viens sur une qualité Haute, bon là ça devient acceptable, notamment si je fais un zoom arrière, là je-- j'ai quand même zoomé un peu violemment. Si je fais un zoom arrière, on s'aperçoit que bon ben quand on compare les deux, on a des petits différences, mais pas énormes. Alors, l'intérêt du zoom et l'intérêt du déplacement, c'est que il faut savoir que lorsque vous comprimez, toutes les parties de l'image ne sont pas affectées de la même manière et d'une image à l'autre la compression ne fait pas les mêmes dégâts. C'est pour ça qu'il faut faire plusieurs essais avant de trouver le meilleur rapport qualité-poids final. Là aux alentours de 60%, qualité qui est exprimée aussi sous forme de pourcentage à ce niveau-là, c'est pas trop mal, j'ai une qualité qui est pas mal du tout et un poids qui est raisonnable par rapport à mes 2,17 Mo. Je peux aussi éventuellement régler la qualité tout simplement en tirant sur cette tirette, vers la gauche je détruis mon image et vers la droite, j'augmente sa qualité. On peut aussi dire si l'on souhaite que l'image s'affiche en plusieurs passes, dans un navigateur si on veut l'utiliser par la suite sur internet, il suffit de cocher cette case si besoin. Vous pouvez modifier la largeur et la hauteur de l'image, du moment que cette icône est enfoncée, vous agissez en homothétie, si à la place de 900, je mets 450, eh bien la hauteur est recalculée instantanément. Dès que je sors de ma case, je vois la taille de ma nouvelle image. Je peux aussi travailler en pourcentage, je vais remettre 100%, je valide, en cliquant dans une autre case. En permanence, j'ai la taille originale à ce niveau-là. Si mon image contient beaucoup d'illustrations, ce qui est mon cas, je choisis "illustration optimisée". Si mon image contient beaucoup de texte, je choisis "Texte optimisé". Lorsque je suis satisfait de mes réglages, je peux cliquer sur Aperçu pour, dans mon navigateur, me rendre compte du résultat final voilà le résultat final dans mon navigateur avec en plus les différents choix que j'ai faits et la traduction en balises HTML de l'affichage de cette image. Je ferme mon navigateur. Quand je veux terminer, eh bien j'enregistre mon travail en cliquant sur Enregistrer, je peux donner un nouveau nom à mon image ou bien laisser le nom par défaut. Je fais Enregistrer. L'image est enregistrée et devient donc utilisable en tant qu'image JPEG dans n'importe quel autre logiciel. Je fais maintenant Annuler. Je vais double-cliquer sur mon movie clip pour rentrer à l'intérieur de mon image, je viens sur le calque le plus lointain, "decor-jpeg", et je le supprime en cliquant sur la poubelle. Voilà. Je n'ai plus donc de fond donc je vais maintenant pouvoir enregistrer ce qui reste de mon image au format PNG pour avoir une transparence derrière. Je reviens sur la scène, je fais Fichier, je viens sur Exporter, "Exporter l'image" toujours, vous remarquez que mon image originale est bien sur un fond transparent, pas contre mon image optimisée est sur un fond noir. Pourquoi ? Parce que si je clique sur l'image optimisée, je vois que je suis au format JPEG, JPEG ne gère pas la transparence. Je viens donc sur PNG-24 pour pouvoir gérer la transparence, ou pas, c'est à moi de voir si je souhaite le faire ou pas. J'ai la possibilité par exemple ici de ne pas prendre la transparence et de choisir une couleur de fond, par exemple je vais mettre du vert, je fais Ok, et donc j'aurai du vert en image de fond. Ce qui est parfaitement laid, je vous le concède, je viens sur Transparence pour reprendre de la transparence. Voilà. Et donc je peux comme pour le PNG, changer les différents éléments en termes de taille, en termes d'optimisation, je peux aussi voir dans l'aperçu ce que cela donne, là je suis dans Microsoft Edge, voilà ma transparence, comme le fond de ma page est blanc, eh bien mon image s'affiche sur un fond blanc. De la même manière que précédemment, j'ai les différents éléments ici qui font leur apparition. Je ferme, je peux enregistrer mon image, ce coup-là au format PNG, je fais Enregistrer. Je fais Oui, puisque cette image existait déjà au format PNG, et là je n'ai plus qu'à faire Terminer. Donc vous voyez qu'on peut créer des images entièrement vectorielles ou des images mixtes dans Animate, et ensuite obtenir une illustration complète en JPEG ou en PNG et l'exploiter dans tout autre logiciel à votre convenance.

Animate CC 2017 : Les nouveautés

Abordez les nouveautés d’Animate. Prenez en main la gestion de la caméra et de la scène, réalisez l’exportation de vos images, partagez des symboles avec la bibliothèque CC, etc.

1h21 (26 vidéos)
Aucun commentaire n´est disponible actuellement
 

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 !