• 15 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

Vous pouvez être accompagné et mentoré par un professeur particulier par visioconférence sur ce cours.

J'ai tout compris !

Mis à jour le 03/09/2019

Les outils de création de formes vectorielles

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Dans ce chapitre, nous allons voir que Photoshop permet d'utiliser des outils très intéressants : les outils de création de formes vectorielles. Ces outils seront indispensables pour créer des formes simples mais surtout adaptées au responsive.

Créer des formes vectorielles

Je vous invite à découvrir tout de suite tous les avantages de ces outils ! Voyons comment et pourquoi les utiliser en vidéo :

Vous l'aurez compris, les formes vectorielles vont grandement nous faciliter la vie pour le redimensionnement futur des éléments d'interfaces, qui ne prendront pas un pixel. ;)

Les petites astuces

Si vous connaissez Adobe illustrator, vous verrez très vite que les formes vectorielles fonctionnent de la même façon sous Photoshop.

Astuce n°1 : Le panneau de propriétés

Vous pouvez à tout moment changer tous les attributs de votre forme vectorielle à partir du panneau de propriétés de celle-ci :

  • sa dimension

  • sa position

  • sa couleur de fond

  • sa couleur de contour

  • son épaisseur de contour

  • ses attributs de contour (vous pourrez par exemple transformer ce contour en pointillés).

Le panneau de propriétés
Le panneau de propriétés (les attributs de contour, ici en "trait plein", sont entourés en rouge)

Si vous cliquez en haut à gauche du panneau, sur l'icône de "Masques", à coté de "Propriétés de forme dynamique", vous pourrez jouer sur le "Contour progressif " et obtenir ainsi un effet de flou. Mais un flou bien vectoriel cette fois, et pas pixellisé ! ;)

L'onglet 
Le bouton "Masques" pour ajouter un flou vectoriel

Astuce n°2 : 

Les points d’ancrage

Vous pouvez modifier la forme vectorielle très facilement avec la flèche blanche en choisissant un point d'ancrage de la forme.

l'outil flèche blanche
l'outil flèche blanche

Il suffit ensuite avec cette flèche blanche, de sélectionner le point d'ancrage choisi et de le déplacer. La forme se modifiera de façon fluide pour s'adapter au nouvel emplacement du point d'ancrage. Essayez ! 

Il suffit avec la flèche de selectionner un point d'ancrage et le tour est joué!
Modifier simplement une forme vectorielle à partir de ses points d'ancrage

Avec ces deux petites astuces très simples, vous avez déjà les bases nécessaires pour maîtriser la création des formes vectorielles dont vous aurez besoin dans vos maquettes.

Testez-vous !

En classe, j'adore lancer des défis à mes étudiants et je voudrais vous en proposer un. ;)

Afin de vous exercer et de vous habituer à ces outils très puissants, vous devrez reproduire l'image ci-dessous que j'ai réalisée uniquement à l'aide de formes vectorielles sur Photoshop.

Mon illustration utilisant des formes vectorielles
Mon illustration utilisant des formes vectorielles

Challenge accepted ? 

Passons maintenant à la fameuse grille dont je vous parle depuis un moment...

Exemple de certificat de réussite
Exemple de certificat de réussite