Découper une image avec une forme

Photoshop Elements Effet d'image PSE

 

 

Découper une image avec une forme
passer le curseur sur l’image pour voir l’image avant et après

Ce tutoriel est écrit avec Photoshop Elements 11.

Dans ce tutoriel, je vous explique comment découper une image à partir d’une Forme personnalisée.

Dans Photoshop Elements 11, il existe 2 possibilités différentes, soit on utilise l’outil Emporte-pièce qui sert à découper directement l’image avec la forme, soit on utilise l’outil Forme personnalisée, qui place la forme sur un calque de forme (calque à part).

 

Tracer la forme avec l’outil Emporte-pièce :

ouvrir l’image

afficher le panneau Calques en cliquant sur l’icône en bas à droite de l’écran ou par le menu Fenêtre / Calques ou F11

Afficher le panneau Calques

dupliquer l’image par le menu Calque / Dupliquer le calque… (et valider la fenêtre qui apparaît)

prendre l’outil Emporte-pièce ou touche Q

faire un clic droit dans l’image et choisir une forme. Vous pouvez afficher d’autres formes en les choisissant dans le menu déroulant, en haut à gauche de cette fenêtre.

Choisir une forme

tracer la forme dans l’image. Si vous maintenez la touche Maj (ou Shift) du clavier, cela conserve les proportions de la forme.

Tracer la forme

La forme apparaît entourée d’un cadre, avec des poignées carrées sur les cotés et aux angles. À ce stade la forme n’est pas validée, donc vous pouvez encore la déplacer, en plaçant le curseur à l’intérieur. Vous pouvez la redimensionner en la prenant par une poignée (coté ou angle).

une fois la forme positionnée, valider la forme en cliquant sur l’icône verte en bas du cadre, ou en faisant un double-clic dans le cadre

masquer le calque de l’image d’origine en cliquant sur l’icône œil en début de ligne de ce calque

Masquer le calque de l'image

Si vous voulez enregistrer l’image telle quelle, faire un Ctrl + clic sur la vignette du calque, afin de récupérer la sélection (la forme s’entoure de pontillés)

Récupérer la sélection

choisir le menu Image / Recadrer, puis désélectionner par Ctrl + D

L’image est recoupée aux dimensions externes de la sélection. Ensuite si vous enregistrez l’image cela ajoutera un fond de couleur (couleur d’arrière-plan). Vous pouvez donc choisir la couleur de l’Arrière-plan avant d’enregistrer, par exemple.

Si votre image est destinée à être afficher sur un écran ou être postée sur Internet, il faut l’enregistrer en passant par le menu Fichier / Enregistrer pour le web… ou Alt + Maj + Ctrl + S

Dans la fenêtre il est préférable de sélectionner dans le menu déroulant en haut, JPEG Supérieur (à moins de vouloir un autre format, par exemple .gif ou .png).

Enregistrer pour le web...

Comme nous n’avons pas ajouté de couleur de fond, la couleur sera celle de premier-plan, mais dans la fenêtre vous pouvez la changer directement, par le menu déroulant Détourage,
si vous choisissez Autres…, cela ouvre le Sélecteur de couleurs, qui vous permet de choisir la couleur

Choisir la couleur de détourage

Si vous voulez par exemple ajouter un cadre autour de la forme,

sélectionner le calque de la forme seule et réactiver le calque Arrière-plan en cochant l’icône œil en début de ligne

Faire apparaître le calque

choisir le menu Edition / Contour de la sélection…

dans la fenêtre choisir l’Épaisseur du contour, sa Couleur (en cliquant sur la vignette) et sa Position, si le cadre est Interne, Centre (à cheval sur le contour) ou Extérieur, puis valider la fenêtre

Ajouter un contour

Pour information, les choix Centre et Extérieur produisent un petit défaut dans le angles, on peut corriger ensuite ce défaut manuellement en redessinant précisément les angles, éventuellement.

Ensuite vous pouvez enregistrer l’image avec son cadre telle quelle ou ajouter d’autres effets,
on peut par exemple ajouter un Flou gaussien sur l’image de fond.

sélectionner le calque de l’image d’origine (Arrière-plan)

choisir le menu Filtre / Flou / Flou gaussien

choisir une valeur importante, par exemple entre 4 et 10 (ou même davantage), cela dépend de l’image, puis valider la fenêtre

Rendre flou l'arrière-plan

On peut aussi ensuite par exemple ajouter une ombre au calque de la forme,
sélectionner le calque de la forme seule

cliquer en bas de l’écran sur l’icône Fx Effets, puis tout en haut de l’écran, cliquer sur l’onglet Styles

choisir un effet dans le menu déroulant, par exemple Ombre portée, puis choisir un style d’ombre, ici ombre Faible.
Il faut faire un double-clic sur l’effet pour l’appliquer ou alors déplacer l’icône avec le curseur de la souris et la lâcher sur le calque de l’image.

Ajouter une ombre portée

Ensuite il est possible de modifier les valeurs de l’Ombre portée, en affichant la fenêtre des paramètres, soit en cliquant directement sur l’icône bleue en forme de roue dentée,
soit en passant par le menu Calque / Styles de calques / Paramètres de styles…

Dans la fenêtre vous pouvez :

  • modifier les valeurs Ombre portée, en cliquant sur la petite flèche bleue pour afficher les valeurs
  • ajouter une Lueur, Interne ou Externe
  • ajouter un Biseautage
  • ajouter un Contour

Ici j’ai modifier les valeurs par défaut de l’ombre portée (7, 7, 75) par 21, 16, 90, puis j’ai validé la fenêtre

Modifier les paramètres de l'ombre portée

 

Tracer la forme avec l’outil Forme personnalisée :

La différence avec l’outil Forme personnalisée par rapport à l’Emporte-pièce, c’est qu’il place la forme que l’on trace directement sur un calque à part. Cette forme est vectorielle, donc elle ne se dégrade pas si on la modifie après l’avoir tracée (tant quelle reste vectorielle uniquement).

ouvrir une image

prendre l’outil Forme personnalisée ou U

Outil Forme personnalisée

afficher le panneau Calques en cliquant sur l’icône en bas à droite de l’écran, ou par le menu Fenêtre / Calques ou F11

faire un clic droit dans l’image et choisir une forme, ou afficher le panneau des Options de l’outil en bas de l’écran, pour accéder aux formes

Choisir une forme

Vous pouvez afficher d’autres formes, en utilisant le menu déroulant.

tracer la forme dans l’image, un calque indépendant est automatiquement créé dans le panneau Calques

Tracer la forme

survoler l’image pour l’agrandir

prendre l’outil Déplacement ou V et déplacer la forme pour la positionner dans l’image

si vous voulez voir l’image en dessous, il suffit de baisser l’Opacité du calque, par exemple ici à 50%.

Baisser l'opacité du calque

Vous pouvez redimensionner la forme à l’aide des poignées du cadre (cotés ou angles), et même la faire tourner à l’aide de l’icône en bas au centre du cadre.

Une fois que la forme est positionnée et dimensionnée, il faut la pixelliser si on veut lui attribuer des effets.

rétablir l’opacité du calque à 100% puis,
reprendre l’outil Forme personnalisée ou U et cliquer en bas de l’écran sur le bouton Simplifier (Pixelliser le calque de forme…)
ou faire un clic droit sur le calque, dans le panneau Calques et choisir Simplifier le calque

Simplifier (pixelliser) le calque

maintenant pour remplir cette forme avec l’image,
faire un Ctrl + clic sur la vignette du calque de la forme, pour récupérer la sélection

Récupérer la sélection

sélectionner le calque de l’image entière, en dessous et faire Edition / Copier puis Edition / Coller,
puis décocher l’icône œil en début du calque de la forme pour la masquer

Masquer le calque de la forme

Ensuite comme pour l’Emporte-pièce vous pouvez donner un style à cette image-forme, par exemple un Filtre, un Style, ou un Effet

Ici par exemple j’ai tracé une Forme personnalisée, choix Fleur puis Fleur 23.

ensuite j’ai appliqué un Filtre / Déformation / Verre en utilisant le menu Filtre, sur le calque de la Forme personnalisée, avec les réglages Déformation 5, Lissage 15, Dépoli et Echelle 100

ensuite j’ai ajouté un Contour par le menu Edition / Contour de la sélection… de 6 pixels, Interne et couleur rouge #d7181f

puis une Ombre interne par le panneau des Effets puis Styles, choix Ombre interne et fait un double-clic sur Elevé

Résultat

Il y a énormément de possibilités dans les menus de Photoshop Elements, donc amusez-vous !

L’image finale se trouve au ▲ début du tutoriel

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

Articles similaires :