Photoshop CC pour les designers UX

Générer des images

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Apprenez à générer automatiquement des images à partir de calques. Cela vous permettra, par exemple, de créer des bibliothèques d'icônes.
02:45

Transcription

Photoshop propose un outil très utile pour les Web designers depuis déjà un certain temps, qui va permettre de générer des fichiers à partir des calques. C'est utile si vous avez par exemple, à livrer un très grand nombre d'images ou d'icônes par exemple, de boutons, d'onglets... Et que vous voulez livrer ces différents fichiers dans des formats qui vont être bien spécifiques. Pour cela il va falloir que chaque élément soit placé sur un calque qui lui sera propre. Si nous regardons ici le panneau des calques, vous constatez que nous avons le cercle et que ce calque porte le nom de « cercle.gif ». Cela veut dire qu'au moment de la génération des fichiers d'image on enregistrera ce cerle au format GIF. Nous avons ici en dessous le calque du rectangle qui porte comme extension « .jpg5 ». Cela signifie qu'il sera exporté au format JPG avec une qualité de 5/10. On aurait pu préciser 50% ou 60%. Les pourcentages fonctionnent également très bien ici. Le dernier calque est le calque du carré. Vous remarquez que le nommage du calque du carré est un peu spécial puisqu'il y a une virgule. Cela veut dire que ce calque va être enregistré au format PNG et au format JPG. Bien entendu, on pourrait combiner en ajoutant ici un indice de qualité pour le JPG, voire d'autres formats comme le GIF ou le SVG. À partir du moment où vous avez préparé votre travail comme ceci et vous voyez que ce n'est pas très compliqué, vous allez aller dans le menu Fichier et vous allez aller sur Générer Fichiers d'image. À partir du moment où vous aurez généré des fichiers d'image dans le dossier où se trouvera votre document Photoshop, vous trouverez un autre dossier, qui est le dossier « generer-assets ». À l'intérieur de ce dossier, vous trouverez les éléments qui auront été enregistrés selon ce que vous aviez précisé au niveau de vos calques. Vous voyez que nous avons un carré JPG, un carré PNG, un cercle GIF, et un rectangle au format JPG. Il s'agit d'un système qui est particulièrement attractif pour les Web designers : vous allez pouvoir réaliser une planche d'icônes par exemple et exporter en une seule fois cette planche d'icônes dans différents formats. Par exemple PNG et SVG. Il s'agit d'un outil qui était méconnu mais je suis sûr que maintenant que vous savez comment il fonctionne, vous allez pouvoir en tirer le meilleur parti.

Photoshop CC pour les designers UX

Prototypez des applications ainsi que des sites avec Photoshop. Fournissez des maquettes filaires servant aux tests UX, à la validation client et de support au développement.

1h17 (25 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :20 avr. 2017
Mis à jour le:10 juil. 2017

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 !