IX. Les formes et motifs (lettre U)

- Création des rectangles, carrés, ellipses, polygone, étoiles, traits, flèches
- Les formes de la bibliothèque
- Les styles de formes
- Création de formes personnalisées
- Création de motifs

CRÉATION DE FORMES SIMPLES

Les formes de bases permettent de créer des rectangles, ellipses, polygones, étoiles, traits ou des formes personnelles que vous intégrez à vos images.

Tracer un rectangle

1. Commencez par créer un nouveau document.
2. Dans votre barre d’outil, sélectionnez votre outil de dessin rectangulaire (lettre U) :
   
               
   
   
3. Dans la barre d’option du rectangle (en haut sous votre barre des menus), cliquez sur la case de sélection de couleur (ici la case rouge). Un simple clic dessus vous dirigera vers la fenêtre du sélecteur de couleur. Choisissez votre teinte et faites OK.
   

4. Faites un clic maintient et descendez en diagonale comme si vous traciez un cadre de sélection. Vous devez avoir créé un rectangle ayant la couleur préalablement choisie.
   
   
   
   
5. Relâchez votre souris une fois votre forme tracée.
   

Dans votre palette de calque, vous devez visualiser le calque d’arrière-plan et au-dessus un nouveau calque comportant deux vignettes vous indiquant la couleur et la forme (vectorielle).

Si vous décidez de créer une nouvelle forme ayant une couleur différente, replacez-vous d’abord sur le calque de fond. Si vous changez votre couleur sans avoir changé de calque, c’est votre rectangle précédent qui verra sa teinte modifiée.

Vous pouvez également cliquer sur l’icône de changement de propriétés de calque en haut dans la barre d’option :

Une fois cliquée sur cette icône, changez de couleur puis retracez une nouvelle forme.

Tracé d'un carré avec l’outil rectangle (touche ALT)

Vous pouvez contraindre votre outil rectangle à tracer un carré en utilisant une touche pendant le tracé du rectangle.

1. Sélectionnez votre outil rectangle.
2. Appuyez sur la touche Shift de votre clavier.
3. Tout en maintenant la touche appuyée, tracez votre rectangle. Vous allez avoir l’impression que votre curseur est « bloqué ». C’est que la contrainte s’applique de façon à obtenir un carré de largeur et hauteur identique.

   
   

Contrainte du rectangle vers carré (Option)

Vous pouvez contraindre votre outil rectangle à tracer un carré en utilisant la barre d’options du rectangle.

1. Sélectionnez votre outil rectangle.
2. Regardez dans la barre d’option du rectangle. Vous devez voir une encoche bleue s’afficher. Faites un clic dessus. Une fenêtre locale apparaît :
   
   
   
   
   
3. Sélectionnez le bouton radio « Carré » et cliquez à nouveau sur l’encoche bleue pour fermer la fenêtre.
4. À partir de maintenant, tous les rectangles que vous tracerez deviendront carrés.
   

N’oubliez pas de décocher l’option par la suite pour retrouver votre outil rectangle simple.

Rectangle de taille fixe

Vous pouvez créer des rectangles qui auront une largeur et une hauteur déterminées à l’avance. C’est utile si vous souhaitez créer une suite de rectangles identiques. Cette fois-ci, vous n’utilisez pas la technique du tracé, mais vous utilisez le simple clic.

1. Sélectionnez votre outil rectangle.
2. Allez dans les options (encoche bleue) et choisissez le bouton « Taille fixe ».
3. Spécifiez une largeur et une hauteur à votre rectangle.
   
   
   
   
4. Refermer la fenêtre d’options en cliquant sur l’encoche bleue.
5. Faites à présent un simple clic sur votre document. Vous devez voir apparaître un rectangle ou carré ayant la largeur et la hauteur que vous avez spécifiée.
6. Pour placer un rectangle à un endroit précis ne faites pas un clic simple, mais faites un clic maintient et déplacez votre souris dans le document. Vous verrez votre rectangle vous suivre. Relâchez votre souris à l’endroit ou vous souhaitez placer votre rectangle.

Débuter un rectangle à partir de son centre (touche ALT)

Lorsque vous tracez des rectangles, par défaut ceux-ci débutent toujours à partir d’un de leurs côtés. Il est possible de commencer à tracer votre rectangle à partir de son centre.
Cette option peut s’avérer utile lorsque vous souhaitez faire en sorte que des carrés et/ou rectangles se placent à des endroits précis.
Dans notre exemple, nous souhaitons que quatre carrés soient placés aux angles d’un rectangle. Si nous n’utilisions pas cette option, le placement de nos carrés serait plus qu’aléatoire.

1. Tracez le rectangle dans votre document.
2. Placez votre souris sur un angle du rectangle.
3. Faites un clic maintient et descendez en diagonale. Votre carré débute pour le moment par un de ses côtés.
4. Sans relâcher votre souris, appuyez sur la touche ALT de votre clavier. Votre carré doit s’être rétabli et doit être à présent centré sur un des angles du rectangle.
5. Relâcher d’abord votre souris puis votre touche.

Tracer un rectangle de largeur et hauteur égales

Vous avez la possibilité de tracer des formes gardant des proportions exactes. Quelle que soit la taille de votre tracé, celui-ci conservera toujours un rapport hauteur largeur que vous fixez.

1. Sélectionnez votre outil rectangle.
2. Allez dans les options (encoche bleue) et choisissez le bouton « rapport L / H».
3. Spécifiez une largeur et une hauteur à votre rectangle.

   
   
   

4. Refermer la fenêtre d’options en cliquant sur l’encoche bleue.
5. Effectuez un clic maintient puis descendez en diagonale. Vous devez avoir l’impression que votre souris est bloquée. C’est normal car une contrainte est appliquée à votre rectangle. Celui-ci doit conserver les proportions que vous lui avez indiquées. Seule la taille de votre rectangle sera modifiée.
6. Relâchez votre souris une fois votre rectangle tracé.

TRACER UN RECTANGLE ARRONDI

Vous allez pouvoir tracer des rectangles dont vous allez modifier les rayons d’angles.

1. Sélectionner l’outil rectangle arrondi.
   
   
   
   
2. Dans la barre d’option, choisissez un rayon d’angle en pixels. Plus le rayon sera important, plus votre rectangle aura des angles arrondis.

3. Effectuez un clic maintient puis descendez en diagonale.
4. Relâchez votre souris une fois votre rectangle tracé.

 Rayon fixé à 50 pixels            Rayon fixé à 150 pixels

TRACER UNE ELLIPSE

1. Commencez par créer un nouveau document.
2. Dans votre barre d’outil, sélectionnez votre outil de dessin ellipse (lettre U) :
   
   
   
   
3. Dans la barre d’option de l’ellipse (en haut sous votre barre des menus), cliquez sur la case de sélection de couleur (ici la case rouge). Un simple clic dessus vous dirigera vers la fenêtre du sélecteur de couleur. Choisissez votre teinte et faites OK.

4. Faites un clic maintient et descendez en diagonale. Vous devez avoir créé une ellipse ayant la couleur ou style préalablement choisis.
   
   
   
   
5. Relâchez votre souris une fois votre forme tracée.
   

Comme pour l’outil rectangle, vous avez la possibilité de contraindre votre ellipse à tracer un cercle, en passant par la touche Shift ou en passant par les options de l’ellipse dans la barre d’option :

La touche Alt vous permettra comme précédemment de tracer une ellipse en la débutant par son centre.

Comme les techniques de tracé sont les mêmes que pour l’outil rectangle, vous ne devrez pas avoir de difficultés à dessiner des cercles, des ellipses aux proportions fixes ou d’égales proportions.

TRACER UN POLYGONE

Vous aurez grâce à cet outil, la possibilité de créer des triangles, losanges dans vos images.

1. Dans la barre d’outil, sélectionnez votre outil polygone :
   
   
   
   
2. Dans votre barre d’option, vous devez spécifier un nombre de côté à votre polygone :
   
   
   
       Trois, quatre, cinq, six, et plus...
   
   
3. Effectuez un clic maintient puis descendez en diagonale. Si vous vous déplacez de façon circulaire autour de votre polygone, celui-ci va tourner autour d’un axe de rotation central.
4. Relâchez votre souris une fois la forme tracée et l’axe choisit.
   

Polygone ayant un rayon particulier

Si vous souhaitez créer un polygone ayant une taille particulière, vous devrez spécifier une valeur dans la case d’option du polygone.

1. Sélectionnez votre outil polygone.
2. Faites un clic sur l’encoche bleue de la barre d’option du polygone. Un menu local apparaît.
   
   
   
   
3. Dans la zone « rayon » donnez une valeur (ici en cm).
4. Refaites un clic sur l’encoche pour fermer le menu local.
5. Faites un clic maintient et déplacez-vous légèrement. Un polygone de la taille spécifiée s’affiche. Ne relâchez pas encore la souris. Si vous vous déplacez de façon circulaire autour de votre polygone, celui-ci va tourner autour d’un axe de rotation central.
6. Relâchez votre souris une fois l’axe choisit.
   

Pour retrouver un polygone libre, vous devez effacer toutes les informations de la case « rayon ».

Polygones aux angles arrondis

Vous pouvez faire en sorte que vos polygones soient tracés avec des angles arrondis. Dans la barre d’option de l’outil polygone, choisissez « angles arrondis» puis tracez votre forme.
Vous pouvez de plus combiner un polygone arrondi ayant un rayon que vous aurez spécifié au préalable.

Polygone en forme d’étoile

Vous avez la possibilité de créer des étoiles via l’outil polygone. Vous devrez sélectionner votre outil polygone, et spécifier un nombre de branches dans votre barre d’option. Dans la zone « côtés indentés de » un pourcentage important vous permet de créer une étoile dont les branches seront aiguës et fines (à 99% vous aurez une sorte de flocon de neige écrasé) alors qu’un faible pourcentage vous créera une étoile plus épaisse.

              Côtés indentés à 01% et 95%

Pour tracer votre étoile, effectuez un clic maintient puis descendez en diagonale. Vous pouvez également pivoter autour de votre étoile pour choisir son axe. Relâchez votre souris une fois votre forme tracée.

Vous pouvez en plus combiner un polygone de type étoile ayant un rayon que vous aurez spécifié au préalable.

ÉTOILES AUX BRANCHES ARRONDIES

Dans la barre d’option de l’outil polygone étoile, vous pouvez demander que l’étoile soit tracée avec des angles arrondis entre les branches. Vous devez spécifier un pourcentage dans la zone « côtés indentés de ».

Côtés indentés à 30% et 99%

LE TRAIT

Vous avez la possibilité de tracer des traits et flèches d’épaisseur variable.

1. Vous devez dans votre palette d’outil sélectionner votre outil trait :
   
   
   
   
2. Dans la barre d’option, choisissez une valeur (mm/cm) dans la case épaisseur.
3. Effectuez un clic maintient puis descendez en diagonale.
4. Relâcher la souris une fois votre trait tracé.
   
   
   

   
   Épaisseur de 1mm et 10mm

LES FLÈCHES

Vous pouvez faire en sorte que votre trait apparaisse avec des flèches à leurs bouts ou à leurs débuts. Pour cela, faites apparaître le menu local en cliquant sur l’encoche de la barre d’options et choisissez entre début ou fin.
Les attributs de flèche

               
Épaisseur de 100 et 500%                    Taille de 100 et 500%                             Concavité de 50 et –50%

Vous devrez modifier les paramètres d’épaisseur de la flèche, sa taille, et si la flèche doit être creuse (concave) ou pas.

LES FORMES PERSONNALISÉES

Vous avez la possibilité d’utiliser des dessins prédéfinis qui sont classés dans des bibliothèques. Pour pouvoir utiliser ces graphiques, commencer par sélectionner votre outil de forme personnalisée :

Dans la barre d’option des outils, vous devez voir apparaître une case qui se nomme "forme". Effectuez un clic sur l’encoche pour afficher la fenêtre locale :

Vous allez y découvrir une série de multiples dessins ou noms. Ce sont des formes prédéfinies que vous allez pouvoir utiliser.

Si vos vignettes s’affichent sous forme de noms, rentrez dans le menu local déroulant de la palette qui est située à droite. Vous devez être sur l’option texte seul ; choisissez l’option vignette qui vous fera apparaître les petites icônes:

Pour choisir une forme personnalisée, vous devez cliquer sur l’une des vignettes et refermer la fenêtre par un clic sur l’encoche de la case forme. Ensuite, allez sur votre document, effectuez un clic maintient et descendez en diagonale. La forme va s’agrandir au fur et à mesure que vous vous éloignerez de votre point de départ. Relâchez votre souris une fois votre forme tracée.

Il existe de nombreuses formes déjà réalisées et celles-ci sont classées par type ; Animaux, nature, musique… Pour les faire apparaître, rentrez à nouveau dans la case de forme de la barre d’option et dans le menu local de la fenêtre, vous devrez voir une liste de formes s’afficher :

Pour les utiliser, descendez le long du menu et relâchez votre souris sur une des bibliothèques. Photoshop va vous inscrire un message (a) vous demandant si vous souhaitez remplacer ou ajouter la bibliothèque actuelle (par défaut) par celle que vous venez de choisir. En faisant OK, vous "remplacer" votre bibliothèque et donc vous verrez de nouvelles formes s’afficher. Si vous cliquez sur la case "ajouter", la nouvelle bibliothèque viendra se placer à la suite de celle actuellement affichée.

 (a)

Si vous regardez en bas de la liste des bibliothèques, vous verrez l’option « Toutes » inscrite. Elle peut être plus rapide pour afficher toutes les formes déjà stockées dans une même fenêtre.

Proportions des formes

Si vous souhaitez conserver des proportions de formes égales en largeur et hauteur, appuyer sur la touche Shift de votre clavier lors du tracé de la forme personnalisée. N’oubliez pas de relâcher d’abord la souris puis la touche une fois votre forme tracée.

STYLE DE FORMES

Vous avez certainement remarqué que vous n’êtes pas limité à des aplats de couleur que vous aurez créés. Vous pouvez également utiliser des styles de couleurs prédéfinis qui sont stockés eux aussi dans des bibliothèques. Ces styles regroupent de multiples effets créés (couleur, ombre…) et qui peuvent êtres réutilisés vers de nouvelles formes.

1. Créer une forme simple, par exemple au moyen des formes personnalisées.
2. Allez dans la barre d’option et cliquez sur l’encoche de la case styles. Vous devez voir apparaître une fenêtre comportant des vignettes. Ce sont des styles de couleur prédéfinis:
   
   
   
   
3. Pour le moment, la première vignette est sélectionnée (le carré avec une barre rouge). Elle vous indique que vous n’avez attribué aucun style à votre forme. Il doit juste avoir la couleur que vous avez sélectionnée dans le sélecteur.
   4. Descendez le long des vignettes et faites un clic sur l’une d’elles. Votre forme doit avoir changé de style de couleur.
   

Les icônes sont affichées soit sous forme de texte soit sous forme de vignettes. Vous pouvez choisir entre ces options en allant dans le menu local déroulant de la palette style :

De plus dans ce menu, de nombreux autres styles peuvent êtres affichés. Ils se trouvent classés selon leurs apparences :

 Plusieurs types de style sont disponibles : boutons, abstrait, texture, ombres portées…

Pensez à re-sélectionner votre vignette « aucun style » pour retracer des formes avec des couleurs du sélecteur.

Vous pourrez également utiliser la palette flottante style. Elle vous affichera vos styles. Pour la faire apparaître, allez dans le menu Fenêtre / Styles.

LA CRÉATION DE FORMES PERSONNALISÉES

Photoshop vous permet de dessiner à l'aide de formes personnelles que vous aurez vous-même dessinées. La forme créée sera a appliquer grâce à vos outils de dessin tel que le pinceau.

Pour pouvoir créer une forme, nous allons commencer par dessiner un contour.

1. Effectuez un tracé à l'aide d'un outil de sélection. Dans notre exemple, nous avons créé une pièce de puzzle à l'aide du cadre de sélection puis nous avons ajouté et supprimer des zones pour les découpes.
   
   
   
   
   
2. Allez dans le menu Édition / Créer une forme. Dans la zone de texte, donnez un nom à votre forme et faites OK.
   
   
   
   
3. Sélectionnez à présent votre pinceau dans la barre d'outils. Dans la barre d'option des outils, vous avez une case "forme" qui regroupe toutes les formes déjà créées. Votre forme doit apparaître au bas de las liste (ici, la numéro 202).
   
   
   
   
4. Commencez à dessiner à l'aide du pinceau. Votre pinceau doit appliquer votre forme comme dessin.
   
   
   
   
   
5. Vous pouvez changer la taille de votre forme. Allez dans la case forme de votre barre d'option d'outils et déplacez le curseur de la partie "diamètre principal". Recommencez à dessiner.

CRÉATION DE MOTIFS

Comme un papier peint pourrait vous afficher une succession de motifs, vous avez la possibilité de créer des dessins qui seront replacés les uns à côté des autres dans une sélection.

1. Créez un cadre de sélection. Appliquez-lui une couleur. Dans notre exemple, nous avons appliqué un dégradé de couleur.
   
   
   
   
   
2. Allez dans le menu Édition / Utiliser comme motif. Une fenêtre apparaît.
3. Dans la zone de texte, nommer votre motif.
   
   
   
   
   
4. Créez un nouveau cadre de sélection. Faites en sorte qu'il soit relativement grand. Nous allons remplir automatiquement ce cadre de sélection avec le motif précédemment créé.
5. Allez dans le menu Édition / Remplir. Une fenêtre s'affiche:
   
   
               
   
   
6. Dans le menu local déroulant "Avec", vous pouvez remplir votre cadre avec :
   
   - Les couleurs de premier-plan ou arrière-plan (affichées dans la barre d'outils),
   - Du blanc, gris, noir,
   - Avec un motif enregistré.
   
   Choisissez Motif. Dans la zone "Motif personnalisé", votre motif doit être le dernier de la liste. Sélectionnez-le. Dans cette fenêtre, vous pourrez également modifier la transparence de votre motif en spécifiant une valeur de 0 à 100%.
   
7. Faites OK. Votre second cadre de sélection doit à présent faire apparaître votre motif, répété autant de fois que le permet la taille du cadre.

--> Cliquez pour aller vers la partie X - Les filtres -->