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.

Photoshop CC pour les designers UX

Maîtriser le placement des éléments

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Activez et affichez la grille de pixels pour éviter le décalage des éléments lors des enregistrements de documents pour le web.
02:45

Transcription

Lorsque l'on positionne des éléments sur un plan de travail avec Photoshop, on va pouvoir le faire très précisément. Et lorsque nous exporterons pour le Web cet export recalera les éléments au pixel près : ils ne pourront pas être alignés sur un demi pixel par exemple. Il est donc très important de s'assurer que tout ce que nous aurons placé ne bougera pas au moment où nous ferons un export. Il ne faut pas confondre la grille et la grille de pixels. Nous allons voir la différence. Affichons la grille. Il s'agit d'une grille qui permet de caler les différents éléments. Les incréments de cette grille sont gérables au niveau des préférences. Mais il ne s'agit pas de cette grille qui va caler les éléments au pixel près. Il s'agit de la grille de pixels. Nous allons donc ici ne pas nous contenter de générer un magnétisme vers la grille ce qui ne serait pas utile. Nous allons donc désactiver ce magnétisme. Ensuite au niveau de l'affichage, nous allons également masquer cette grille qui il faut bien le reconnaître, va nous gêner plutôt qu'autre chose. Nous allons nous intéresser à la grille de pixels. Affichons cette grille de pixels. J'affiche cette grille de pixels et vous ne la voyez pas. C'est normal. Vous ne la voyez pas car vous ne la verrez qu'à partir d'un taux d'agrandissement de 500%. Ici je vais agrandir petit à petit mon travail et vous allez voir que quand je vais arriver à 500% je vais voir les pixels. Nous avons donc bien ici les pixels qui s'affichent. Les éléments vont être calés au pixel près. Pour que les éléments soient calés au pixel près, il va falloir qu'ils soient magnétisés, aimantés sur cette grille. Vous allez donc vérifier au niveau des préférences de Photoshop et au niveau de l'article Outils... qu'ici cette case est bien cochée. Magnétiser les outils vectoriels et les transformations à la grille de pixels, ce qui veut dire que lorsque vous travaillerez pour le Web, les éléments seront calés automatiquement sur des pixels et lorsque vous ferez vos enregistrements ces éléments ne vont pas bouger. Par contre le jour où vous ne travaillerez pas pour le Web et vous réaliserez des illustrations qui n'auront rien à voir, à ce moment-là il faudra penser à démagnétiser les outils vectoriels et les transformations de la grille de pixels. Mais pour l'instant, vérifiez que cette case est bien cochée et vous serez ainsi assurés que les éléments ne bougeront pas au moment de l'export.

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 !