Photoshop CC pour les designers UX

Exporter des fichiers pour le web

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Exportez les fichiers pour le web dans les formats standards. Personnalisez également les pourcentages d'agrandissement ou de réduction en fonction de la destination des documents.
03:47

Transcription

En tant que designer Web, nous avons fréquemment besoin d'exporter nos fichiers pour pouvoir les transmettre à des collègues qui font partie de l'équipe du projet dans lequel nous travaillons. Il est facile d'exporter avec Photoshop dans différents formats de fichier. Tout va passer par le menu Exportation. Il faut comprendre que l'on peut réaliser dans un premier temps des exportations rapides au format PNG mais pas qu'au format PNG. Si le format PNG n'est pas le format avec lequel vous voulez travailler, vous allez pouvoir modifier dans les préférences d'exportation le format d'exportation rapide. Vous voyez qu'ici je suis en PNG d'ailleurs avec un export automatique de la transparence je pourrais ne pas avoir besoin de cette transparence et décocher cette case, et je vais pouvoir éventuellement ici changer le format d'export qui pourrait être du JPG, du GIF ou du SVG. Gardons le format PNG, et intéressons nous toujours dans l'exportation, à Exporter sous... Exporter sous... est l'article de menu que vous utiliserez le plus fréquemment. Ici vous allez rentrer dans une interface d'exportation où vous allez pouvoir dans un premier temps, visualiser vos différents plans de travail. Vous allez pouvoir éventuellement y effectuer des modifications; changer ici les différents formats de fichier et puis vous allez surtout, ce qui est très intéressant, choisir ici ce que vous voulez faire en termes d'exportation. Si vous ne faites rien, vous aurez un export à la taille réelle. Mais vous pouvez tout à fait ajouter la possibilité d'ajouter à une taille qui est deux fois inférieure à la taille réelle ou au contraire, deux fois supérieure à la taille réelle. Un suffixe viendra automatiquement préciser le rapport d'agrandissement ou de réduction. Ajoutons deux fois la taille réelle. À partir du moment où nous avons validé ce que nous voulons exporter, nous allons cliquer sur le bouton en bas à droite Tout exporter... Nous allons aller directement dans le dossier où nous avons prévu notre export, et nous allons générer notre exportation. Dans ce dossier « Export », nous avons bien maintenant exporté le plan de travail 1 le plan de travail 2, et le plan de travail 1 et 2 à 50% et le plan de travail 1 et 2 à 200%. Cet outil d'export est extrêmement pratique. Si vous étiez habitués à travailler avec les anciennes versions de Photoshop, vous aviez l'habitude de travailler avec Enregistrer pour le Web. Cette version existe toujours, et vous pourriez continuer à l'utiliser, mais elle est beaucoup moins pratique que celle que nous utilisons maintenant sachant qu'elle va finir par disparaître à terme. Pensez également que lorsque vous devez présenter vos projets, il est possible d'exporter les plans de travail en PDF ou les plans de travail en fichier. Ici chaque plan de travail sera enregistré dans un fichier spécifique. Il est donc très facile d'exporter à la fois ces interfaces et puis également les éléments d'interface : si vous avez à créer des boutons, des menus, des onglets... Vous pourrez les exporter avec la fonction d'Exportation pour le Web. Si vous avez à exporter des onglets, des boutons, des éléments visuels, des icônes, vous pourrez les exporter avec la fonctionnalité Exporter sous...

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.

1h18 (25 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :20 avr. 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 !