Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Photoshop CC pour les designers UX

Exploiter l'outil Tranche

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Redécouvrez l'outil Tranche qui, pourtant, existe depuis longtemps dans Photoshop. Dans cette vidéo, vous verrez en quoi il peut être utile au designer web.
03:16

Transcription

Il vous est peut-être parfois arrivée cette mésaventure de voir s'afficher ces petites indications sur votre document Photoshop. Il s'agit en fait des tranches. Pour afficher ces indications, le menu Affichage propose d'afficher ou on les tranches. Donc si vous n'avez pas besoin des tranches, vous pouvez les désafficher ici. Donc si vous n'avez pas besoin des tranches, vous allez pouvoir les masquer ici. Par contre, les tranches peuvent servir à quelque chose. C'est une fonctionnalité qui existe depuis un certain temps, et qui permet en fait de trancher, c'est à dire de définir un certain nombre de zones, ici on pourrait définir trois zones, et de les exporter ensuite individuellement. Affichons donc à nouveau nos tranches. Pour créer une tranche, on peut utiliser l'Outil Tranche, qui se trouve bien caché derrière l'outil Recadrage, nous avons ici un Outil Tranche. Lorsque les tranches auront été créées, on pourra les manipuler avec un outil de Sélection de Tranche. Pour l'instant, créons une tranche, et nous allons déterminer que cette zone sera la tranche Utilisateur que nous avons créée. Automatiquement, le logiciel va créer d'autres tranches. Vous notez que les tranches sont liées au document, et que ici automatiquement nous avons une tranche une, et une tranche quatre, et également une tranche trois qui ont été créées, et qui sont liées au document et qui vont donc inclure une partie du plan de travail deux. Ici, le haut avec la tranche un, et puis ici le bas avec cette tranche trois. Avec l'outil de sélection de tranche, vous allez pouvoir sélectionner les tranches, mais uniquement les tranches utilisateur. Il y a un autre moyen pour sélectionner les tranches, qui est beaucoup plus automatique. Il suffit de sélectionner un calque, par exemple le calque du rectangle, et nous allons aller dans le menu Calque et demander de créer une nouvelle tranche d'après ce calque. Et la tranche ici a été créée. Nous sommes sûrs qu'elle aura été créée de façon impeccable en ce qui concerne les contours, alors que manuellement, il y avait des chances que nous ne soyons pas assez précis. Lorsque nous avons des tranches, nous allons pouvoir donc les afficher et les masquer. Mais nous allons pouvoir également les verrouiller. Ici nous pourrions verrouiller les tranches pour éviter qu'accidentellement on les déplace. Et nous pouvons, si nous n'avons plus besoin des tranches, les effacer. Pour pouvoir exporter ces tranches, il va falloir passer par l'ancien système d'exportation qui est « Enregistrer pour le web ». Et avec ce système, vous voyez que nous avons une récupération ici des différentes tranches. Nous allons pouvoir ici choisir les tranches qui seront les tranches à exporter. Il s'agit d'une fonctionnalité qui est très ancienne dans Photoshop qui remonte aux origines du Web, où on travaillait beaucoup avec des applications graphiques et très peu avec des CSS. On a plutôt tendance maintenant à utiliser d'autres moyens comme copier les CSS ou exporter les fichiers pour le web mais c'est une fonctionnalité qui, à certains moments, peut se révéler utile, et il est bon que vous la connaissiez.

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 !