Photoshop CC pour les designers UX

Créer des formes

Testez gratuitement nos 1268 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Initiez-vous à la création de formes vectorielles géométriques. Apprenez à les paramétrer et à les combiner entre elles.
06:22

Transcription

Parmi les fonctions clé de Photoshop, la plus notable est celle du travail que l'on peut faire avec des formes géométriques. Nous allons voir comment cela fonctionne, afin que vous évitiez des mésaventures. Nous avons ici des outils qui vont nous permettre de créer des formes. Vous remarquez qu'on peut créer des rectangles, des rectangles à coin arrondi nous y reviendrons, des ellipses, des polygones, des tracés et également des formes personnalisées. Nous allons commencer par l'outil rectangle, qui est le plus simple. À partir du moment où vous avez sélectionné un outil de forme, le panneau des options qui se trouve en haut va vous permettre de régler les paramètres de l'élément que vous voulez créer. Et ici, en ce qui concerne la forme, il va falloir bien vérifier que vous allez créer une forme et non pas un tracé ou des pixels. Effectivement, un tracé pourrait éventuellement être modifié, mais vous n'auriez pas réellement une forme. Elle ne serait pas sur un calque de forme. Et puis, des pixels ne pourraient pas être modifiés. Vous ne seriez pas dans une création de quelque chose qui serait vectoriel. Donc, vérifiez que vous êtes bien sur une forme. Ensuite, vous allez choisir la couleur du fond. Ce n'est pas très compliqué, il va suffire ici d'aller cliquer sur la pastille, et puis de choisir avec les différents nuanciers les couleurs dont vous avez besoin. Ici nous avons des couleurs qui ont été récemment utilisées. Nous pouvons ici accéder à un nuancier beaucoup plus complet et beaucoup plus pratique. En spécifiant des couleurs web uniquement, nous ferons sûr d'avoir des couleurs référencées, web-safe, c'est à dire parmi les couleurs dont on est sûrs qu'elles s'afficheront de la même façon, quelle que soit la plateforme sur laquelle on les voit : Mac, PC, Linux ou autre. Annulons. Nous avons ici le contour. Ce qui est intéressant pour le contour c'est que non seulement vous allez pouvoir régler la taille, de manière très précise, mais vous allez pouvoir également choisir le tracé du contour. Il peut s'agir d'un contour plein ou pointillé. Et puis vous allez gérer ensuite l'alignement du contour par rapport à la forme, comme on le ferait dans un logiciel vectoriel comme Illustrator. Et nous définirons également comment se positionnent les extrémités et les angles par rapport au tracé. Une fois que ces éléments auront été précisés, vous aurez deux manières de travailler. Vous allez pouvoir tracer votre forme, et ici je vais tracer une forme. J'annule. Et nous pouvons également tout simplement cliquer. Et lorsque je clique, je vais pouvoir définir précisément la taille de ma forme. Là c'est quelque chose de très intéressant. Je vais ensuite par exemple définir 200 pixels et je vais ici dire que par rapport à l'endroit où j'ai cliqué, cette forme va être créée de façon concentrique. Et je vais faire OK. Et vous voyez que ma forme a été créée à l'endroit où j'ai cliqué et de façon concentrique, c'est à dire qu'elle s'est déployé autour du point sur lequel j'ai cliqué. Ce qui est intéressant également sur les formes c'est que lorsque vous allez créer une seconde forme, vous allez pouvoir créer une forme indépendante, qui sera sur un nouveau calque, mais vous pouvez également associer des formes. Et nous avons ici quelque chose qui correspond à ce qu'on appelle le Path Finder. Si je trace une forme ici, elle va être groupée avec la précédente. Alors, on ne va pas faire à partir du centre, puisque l'on veut que ce soit à partir de l'endroit où on a cliqué en haut à gauche, et on va faire 400 pixels de large. Pixels. Et nous allons cliquer sur OK. Et vous voyez que maintenant, je n'ai qu'un seul calque. Il s'appellera toujours rectangle, puisque ça a été regroupé, mais ma forme a été regroupée. De la même façon, on va pouvoir faire des soustractions de forme. Ici vous voyez que j'ai soustrait la forme que j'ai tracée. On a donc un outil qui va permettre de positionner rapidement des formes vectorielles. Chacune de ces formes sera placée sur un calque. Si je trace un nouveau calque avec une nouvelle forme qui aurait par exemple des fonctionnalités différentes, c'est à dire un contour plein, une couleur qui pourrait être une autre couleur, et puis un autre type de forme, par exemple une ellipse, elle sera placée sur elle sera placée sur son propre calque. Vous voyez qu'il y avait le calque rectangle qui était le premier calque, et puis maintenant nous avons le calque ellipse. Il y a des formes qui sont un peu particulières, notamment l'outil polygone. Nous allons ici cliquer sur l'outil polygone et nous allons voir comment nous allons pouvoir créer un polygone. Alors nous allons définir une largeur, par exemple 500 pixels par 500 pixels. Et nous allons définir le nombre de côtés. Par exemple 8 côtés. Voulons-nous des angles arrondis ou non, ou voulons-nous travailler en étoile ? Nous verrons l'étoile tout à l'heure, nous allons donc faire OK, et notre polygone est créé. Bien entendu, il est sur un calque, on peut tout à fait le déplacer. Créons maintenant une étoile. Nous allons définir un polygone avec une étoile. On peut fixer 10 côtés et à partir du moment où on va demander une étoile, il va falloir qu'on précise comment les côtés vont être indentés, c'est à dire quelle va être la différence entre la pointe et le centre de l'étoile. Nous allons ici cliquer sur OK et nous avons notre étoile. Vous voyez qu'on a donc des outils qui sont particulièrement pratiques pour créer des formes. Pour un web designer, ça va être très utile pour la création de tout ce qui va être boutons, icônes et éléments de navigation ou d'alerte pour un site web.

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 !