Arrondir les coins d’une image

 

 

Arrondir les coins d'une image

Ce tutoriel est écrit avec Photoshop CC.

 

Arrondir les coins d’une image :

Dans ce tutoriel nous allons arrondir les 4 coins d’une image. Pour cela nous allons nous servir d’un autre calque arrondi (modèle).

ouvrir l’image

Image originale

Dimensions de l’image :

Pour tracer le calque arrondi qui va servir de modèle, il faut connaître les dimensions de l’image.

Pour afficher ces dimensions, en bas à gauche de la fenêtre,
cliquer sur la petite flèches et sélectionner la ligne Dimensions du document
ou utiliser le menu Image / Taille de l’image… ou les touches Alt + Ctrl + I pour voir ces dimensions

Dimensions du document

Par exemple cette image fait 960 x 640 pixels.

Activer des aides :

Nous allons nous servir de la Grille magnétique pour aligner le calque.

choisir le menu Affichage / Extras ou les touches Ctrl + A
choisir le menu Affichage / Afficher / Grille
choisir le menu Affichage / Magnétisme ou les touches Maj + Ctrl + :
choisir le menu Affichage / Magnétisme / Grille

Activer la grille et le magnétisme de la grille

Tracer le rectangle arrondi :

dans le panneau Calques, ajouter un nouveau calque (vide) au-dessus de l’image, en cliquant sur l’icône Créer un calque, en bas du panneau

prendre l’outil Rectangle arrondi ou touche U

Rectangle arrondi

Configurer l’outil :
dans le panneau Options, en haut de l’écran,
entrer une valeur de Rayon pour l’arrondi, par exemple 60 px, puis appuyer sur la touche Entrée pour valider la case

cliquer sur l’icône en forme de Roue dentée,
cocher la case Taille fixe
entrer les dimensions de l’image d’origine, soit pour cette image 960 x 640 px

Configurer Rectangle arrondi

Avec l’outil Rectangle arrondi,
cliquer une fois dans l’image et sans lâcher le bouton gauche de la souris, déplacer la forme puis l’aligner parfaitement avec les bords de l’image en dessous, en se servant du Magnétisme de la Grille.

lâcher le bouton de la souris, cela trace la forme arrondie (le calque se remplit de la couleur noire par défaut, mais la couleur n’a pas d’importance)

Tracer la forme arrondi

Créer l’image arrondie :

Pour créer l’image arrondie il suffit de récupérer la sélection du calque arrondi (modèle) et de l’appliqué à l’image.

Dans le panneau Calques,
faire un Ctrl + clic sur la vignette du calque de la forme arrondie (modèle), pour récupérer sa sélection
sélectionner le calque de l’image
faire Copier puis Coller
vous pouvez ensuite masquer ou supprimer les autres calques

Images coins arrondis

Vous obtenez l’image aux coins arrondis.

Ajouter de l’espace autour de l’image :

Si ensuite vous voulez de l’espace autour de l’image arrondie (marge).

Si vous avez conservé l’image d’arrière-plan verrouillée, il faut d’abord rendre le calque libre afin d’avoir de la transparence derrière, pour les coins arrondis.

sélectionner le calque de l’image (Arrière-plan) et choisir le menu Calque / Nouveau / Calque d’après l’arrière-plan (et valider la fenêtre qui s’affiche)
ou maintenir la touche Alt et faire un double-clic sur le calque, dans le panneau Calques

choisir le menu Image / Taille de la zone de travail… ou les touches Alt + Ctrl + C
dans la fenêtre, cocher la case Relative puis entrer les mêmes valeurs pour la Largeur et la Hauteur (ou des valeurs différentes)
valider par OK

Exemple avec une marge de 60 pixels :

Agrandir la zone de travail autour de l'image

Enregistrer l’image arrondie :

Pour que les coins arrondis soit visibles, il faut soit ajouter une couleur en dessous, par exemple du blanc, soit pour conserver la transparence il faut enregistrer l’image en .GIF ou en .PNG.

Si l’image est destinée à Internet, il faut utiliser le menu Fichier / Enregistrer pour le web… ou les touches Alt + Maj + Ctrl + S.
Avec Photoshop CC, ce menu a changé de place, il se trouve dans Fichier / Exportation / Enregistrer pour le web (hérité)…

Pour enregistrer en GIF,
dans la fenêtre, dans le menu déroulant Paramètres prédéfinis, choisir par exemple GIF 32 tramés ou GIF 64 Tramé
ou si vous voulez plus de couleurs, choisir ensuite le nombre de couleurs dans le menu Couleur (maximum 256).

Plus il y a de couleurs, plus la taille du fichier final augmente. Cette taille est indiquée en bas à gauche de la fenêtre.

Enregistrer en gif

Pour enregistrer en PNG, choisir PNG-8 128 Tramé et choisir également le nombre de couleurs (maximum 256).
Dans le menu déroulant, l’autre choix PNG-24 lui, contient toutes les couleurs, mais est beaucoup plus volumineux.

Enregistrer en png

Pour ces 2 formats, la case Transparence doit être cochée.

Exemples d’images :

Coins arrondis

Coins arrondis

Image arrondie avec les bords flous :

Pour faire des coins arrondis flous (contour progressif),
après avoir aligné le calque arrondi avec l’image,
faire un Ctrl + clic sur le calque de la forme arrondi, pour récupérer sa sélection
choisir le menu Sélection / Modifier / Contour progressif ou les touches Maj + F6 et entrer une valeur de votre choix
puis faire Copier/Coller à partir du calque de l’image (puis masquer ou supprimer les autres calques)

Exemple :

Coins arrondis flous

 

Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.