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 depuis Photoshop

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez les nombreuses options de réglage permettant d'importer un document Photoshop dans Animate CC.
07:38

Transcription

Nous allons dans ce tutoriel, découvrir comment importer une image en provenance de Photoshop, à l'intérieur de Animate CC. Alors, vous allez trouver dans les sources de cette formation, chapitre 2, un document qui s'appelle « Place principale.psd », et c'est ce document que nous allons importer dans Animate CC. Ce document est constitué ici d'un premier calque, qui est un calque contenant l'image originale. Sur ce premier calque, j'ai mis un deuxième calque, qui est un calque de netteté, c'est un calque qui agit sur le calque en dessous, sous forme de lumière linéaire. Ensuite, j'ai fait des transformations modifiables, j'ai appliqué un filtre smokey, suite à un soft warming, puis une exposition, enfin une teinte et saturation, et j'ai rajouté au sommet de la pile, un calque de type texte. Donc, nous allons voir ce que Animate CC récupère de tous ces calques, lorsque nous faisons une importation. Je réduis cette image, je viens dans Animate, je fais Fichier/Nouveau, je prends HTML 5 canvas, je vais dire que je veux une taille de 1024x442, qui est la taille de mon image dans Photoshop, mais je pourrais faire plus grand ou plus petit, et je vais cliquer sur OK pour créer ma scène. Je centre ma scène en cliquant sur l'icône de centrage, je maintiens ctrl enfoncé, je tourne la molette de la souris vers moi, de manière à faire un zoom pour voir l'intégralité de ma scène. Je viens maintenant sur « Fichier », je viens sur « Importer », et là, je vais importer dans la scène directement mais je pourrais aussi importer dans la bibliothèque, si je le souhaitais. Je vais importer dans la scène directement mon image Photoshop. Je viens donc dans les sources de la formation, chapitre 2, je retrouve « Place principale.psd », je clique dessus et je fais ouvrir. Là, on s'aperçoit qu'on a trois calques présents dans notre importation, contrairement à l'image originale, où nous avons les calques dynamiques ici. Tous ces calques de réglage ne sont pas pris en compte pour l'instant, dans Animate CC. Donc je retrouve mon calque original, le calque net, et le calque contenant le texte. Je réduis, là, je vais choisir ce que je souhaite, calque par calque, et j'ai la possibilité, à ce niveau-là, de dire : je veux importer, ou pas, tel ou tel calque, il suffit de cocher ou de décocher, en fonction de ce que l'on souhaite. Ensuite sur les calques que nous laissons cochés, nous avons un certain nombre de réglages possibles sur la droite. Vous voyez que les réglages ici, correspondant à un calque de type texte, ne sont pas les mêmes que les réglages là, correspondant à la partie bitmap de mon fichier .psd. Je viens sur le texte, je peux récupérer ce texte comme texte modifiable, ça, c'est intéressant parce que comme son nom l'indique, si je le récupère comme texte modifiable dans Animate CC, j'aurai la possibilité de changer ce texte le cas échéant. Je peux aussi le récupérer en tant que contour vectoriel. Pour ceux qui connaissent bien Animate, si je fais sur un texte ctrl+b deux fois, je me retrouve avec toutes mes lettres sous forme vectorielle. C'est exactement la même chose à ce niveau-là. Ou bien, je peux récupérer ce texte sous la forme d'une image bitmap aplatie. On va choisir texte modifiable, ensuite, le claque net qui n'est là que pour améliorer la netteté de mon image, je ne vais pas l'importer, et je vais passer directement à l'original. Là, dans l'original, je peux l'importer de différentes manières : je peux l'importer comme image bitmap aplatie, je peux l'importer comme image bitmap avec le style de calque. Ensuite si je l'importe, je peux la mettre dans un clip, et donc, si je la met dans un clip, il faut que je donne un nom à ce clip. Je vais l'appeler « image », il en va de même en terme de texte, je vais l'appeler ici « texte ». Ensuite, je peux indiquer le point d'accroche à l'intérieur de mon enveloppe de type clip, point d'accroche habituel, c'est en haut à gauche, mais vous pouvez aussi le mettre au centre par exemple, ou à un autre endroit à votre convenance, en cliquant tout simplement sur les petits carrés blancs. Ensuite, pour la partie bitmap, paramètre de publication, compression : on a la possibilité de faire une compression avec perte de données, ou sans perte. Je vais choisir l'option sans perte. Si je garde avec perte de données, je vais pouvoir régler la qualité, appliquer les paramètres de publication ou personnaliser, c'est-à-dire que je veux que mon image ait une compression à 90 %, à 80 %, à 50 %, comme il en va pour les images de type .jpeg. Je peux aussi, en fonction de mes choix, voir quel va être le poids de l'image finale. Je clique sur calculer la taille : je vois qu'au final mon image fera 93,30 Ko. Si je fais « Personnaliser » et que je mets ici par exemple 50, et que je fais calculer la taille, là, mon image ne fera plus que 54,92 Ko. Ensuite, les différents éléments, je veux les convertir en calque Animate, ou alors en un seul calque Animate ou alors en image clé. En calques (au pluriel) Animate, chacun des éléments que j'ai coché ici, viendra sur un calque différent. Si je suis, au départ à l'intérieur d'un symbole, je vais récupérer dans ce symbole autant de calques que j'aurai sélectionné de calques à importer. Si je dis un calque Animate, dans ce cas-là, tous les éléments ici sont regroupés sur un seul et unique calque. Enfin si je dis image clé, au lieu d'avoir un empilement de claque je vais avoir un empilement d'image clé. Je vais choisir calques Animate, je veux importer en tant que image unique. Là, si je dis, importer en tant qu'image unique, je viens en contradiction avec ce que j'ai fait précédemment, c'est contradictoire avec les choix que j'ai fait. :à, je veux garder mon indépendance pour chacun des calques, donc je ne coche pas cette case-là. Placer les objets à leur position d'origine, ça, c'est intéressant, de manière à ce que les objets soient précisément positionnés, tels qu'ils étaient dans votre fichier Photoshop. Définir la taille de la scène à l'identique, c'est dans le cas où « ma scène », au départ, n'a pas la bonne taille, le fait de cliquer cette option me permettra d'obtenir une scène qui fera exactement la bonne taille. Là, comme je l'ai dimensionnée au départ, pas de soucis. Je peux aussi masquer les options avancées, les différents éléments que j'ai sélectionnés tout à l'heure, ou pas. Je fais « importer », je patiente, et là, je me retrouve avec mon image et vous remarquez que j'ai bien ici l'image originale, sur son calque, et l'image texte que je peux d'ailleurs modifier : si je double-clique sur le texte, j'ai la possibilité ici, de taper autre chose sans aucune difficulté. Voilà donc en quelques mots comment pratiquer, avec l'importation d'un document Photoshop. Il est évident que l'on ne peut pas tout récupérer, donc là, si la colorimétrie de votre image ne vous convient pas, sachez qu'il est opportun dans Photoshop de ne pas utiliser les calques de réglage mais de faire le travail directement sur un claque, ou du moins une copie du calque original de votre photo. Pour l'instant les calques de réglage ne sont pas récupérés directement dans Animate.

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 !