Objet du tutoriel
Nous allons, dans ce tutoriel, faire une découpe selon une forme. J'ai choisi de découper mon image selon une forme de pétale.
Nous utiliserons les chemins pour dessiner notre pétale puis nous ferons des rotations du chemin pour pouvoir ensuite découper notre image.
Voici les 3 images sur lesquelles nous allons travailler. Elles sont au nombre de 3. Il y a la photo de la Joconde, une photo d'un tapis et une photo d'un carton.
Toutes les images ont une taille de 400x400 pixels.

Voici ce que nous allons obtenir :

Etape 1
Ouvrir les 3 fichiers contenant les images dans 3 calques différents : on commence par ouvrir la photo de la Joconde, on clique ensuite Fichier > Ouvrir en tant que calques , puis on sélectionne le fichier contenant le tapis. On recommence encore : Fichier > Ouvrir en tant que calques , et on sélectionne le fichier contenant le carton.
On nomme les 3 calques : pour cela, le plus simple c'est de double-cliquer sur chaque icône disponibles dans la fenêtre des calques et d'attribuer un nom adéquat à chaque calque.
J'ai postionné le carton en bas de la pile (avec la flèche verte orientée vers le bas) dans la fenêtre des calques et le tapis juste au-dessus.

Etape 2
Afin de ne pas perdre d'informations lors de la future rotation des chemins, augmenter la taille du canevas : Dans le menu de notre fenêtre Image, Image > Taille du canevas. Mettre 800pixels en largeur et 800 pixels en hauteur. Il faudra adapter cette taille en fonction du centre de rotation et du rayon (vous comprendrez mieux quand nous ferons la rotation) .

Etape 3
On marque maintenant le centre de rotation qui est en même temps le point de départ de notre chemin. Pour cela, on place 2 guides : l'un vertical, l'autre horizontal. Pour placer les guides, il faut cliquer-glisser sur les règles horizontale et verticale.

Etape 4
On construit maintenant notre chemin.
Cliquer sur l'outil chemin (icône en forme de plume de stylo-plume) dans la boîte à outils :

Pour tracer notre chemin, il faut penser que chaque point cliqué constitue un « nouveau virage » pour la courbe
On commence par le centre que nous avons repéré avec les règles : on clique et on glisse dans la direction que l'on veut donner à notre courbe (donc sans lacher le bouton de la souris après que l'on a cliqué) On peut lacher le bouton après que l'on a fait le glissé.
On procède à 4 cliqué-glissés successifs (aux endroits indiqués par les gros points dans l'image ci-dessous).
Quand on a fait nos 4 cliqué-glissés, on clique sur un des gros point. Cela fait apparaître 2 segments ayant pour centre le poin cliqué. Les 2 segments se terminent par un petit carré (voir image ci-dessous).
On fait maintenant un cliqué-glissé sur un (ou les deux) jusqu'à obtention de la courbure souhaitée. Ce cliqué-glissé modifie, en fait, la tangente à la courbe.
On retouche ainsi les 4 points de manière à obtenir une « courbe agréable » à l'oeil.

Etape 5
On va maintenant nommer le chemin. Pour cela :
Cliquer sur l'icône « chemin » de la fenêtre des calques.

Vous voyez alors votre chemin qui est représenté par une icône avec un nom attribué par défaut à côté.
Double-cliquer sur le nom et appelez-le : ch0

Etape 6
On duplique maintenant notre chemin :
-
cliquer avec le bouton droit sur l'icone du chemin « ch0 »
-
cliquer sur « dupliquer le chemin ». Un nouveau chemin apparaît avec comme nom « copie de ch0 »
-
renommer le ch20 (double-clic sur son nom) parce que l'on va lui faire une rotation de 20 degrés

Etape 7
Clic sur outil rotation dans la boite à outils :

clic sur icône chemin (pour faire une rotation du chemin)

clic dans image ==> un point « viseur » apparaît ainsi qu'une nouvelle fenêtre « Rotation » :

cliqué-glissé ce point « viseur » sur le centre de rotation repéré par les guides que l'on a placé dans l'étape 3. Lachez le bouton quand il est placé.
On remplit maintenant la fenêtre « Rotation » avec un angle de 20 degrés (voir image ci-dessous). Les autres informations sont les coordonnées du centre de rotation que nous avons repéré précédemment : ne pas les modifier.

On peut voir sur l'image que le chemin « ch20 » a bien fait sa rotation.Si vous ne voyez pas les chemins, il faut cliquer à l'emplacement des yeux dans la fenêtre « Calques, canaux, chemins »
 
Etape 8
Nous allons maintenant fermer notre chemin.
On commence par dupliquer nos 2 chemins (voir étape 6 pour la duplication d'un chemin)

On clique sur les 2 yeux de « ch0 » et « ch1 » de façon à les désélectionner:

Cliquer avec le bouton droit sur une des copie de chemin puis cliquer sur « Fusionner les chemins visibles »
 On le renomme ch0-ch20 :

-
Cliquer sur la « plume » de la boite à outils,
-
Cliquer sur le chemin (constitué des la somme de ch0 et ch1),
-
Cliquer sur un des points finaux (bien viser pour ne pas rajouter d'autres points inutiles),
-
rajouter un point entre les 2 points finaux en cliquant entre les 2 points finaux,
-
puis cliquer sur l'autre point final en appuyant en même temps sur la touche « Ctrl » de votre clavier. En procédant ainsi, on ferme notre chemin.
Remarque : le chemin est beaucoup plus grand que l'image car lorsque l'on fera la rotation, il faut que toute la partie de l'image qui supperpose le rayon soit prise en compte. Si on avait restreint à la partie juste au dessus de la tête, la rotation du chemin n'aurait pas englobé le coin haut droit de l'image.

Etape 9
On va maintenant ne garder que la partie du visage qui nous intéresse. Pour cela :
-
cliquer sur le bouton droit de la souris sur l'icône du chemin « ch0-ch20 » dans la fenêtre « Calque, canaux, chemins » puis cliquer sur « chemin vers sélection ». Cela a pour effet de rajouter des pointillés légèrement clignotants le long de notre chemin.

On clique maintenant dans le menu de notre image : Sélection > Inverser
On clique ensuite sur l'icône « calques » de la fenêtre « Calque, canaux, chemins »

On vérifie que le calque actif est bien celui qui nous intéresse : le calque « joconde » est en grisé (donc il est sélectionné) sur l'image ci-dessus.
Si ce n'est pas le cas, il suffit de cliquer sur l'icone du calque de la « joconde »
On clique maintenant sur le menu de la fenêtre de notre image : calque > rajouter un canal alpha
puis Edition > Couper

Etape 10
On active le calque « tapis » en cliquant sur son icône
On clique sur l'outil « rotation » de la boîte à outils :

on clique sur l'icone « sélection » de la boîte à outils (pour faire une rotation de la sélection) :

Comme avec la rotation du chemin, on positionne le centre de rotation par un cliqué-glissé puis on saisit un angle de rotation de 25 degrés dans la fenêtre « Rotation ».

On utilise maintenant le menu de la fenêtre image :
Sélection > Inverser (on est obligé d'inverser si l'on est resté avec la sélection inversé des chemins),
Edition > Couper

On désélectionne ensuite la sélection : Sélection > Aucune
Pour désélectionner le chemin : clic sur icône « chemin » de la fenêtre « Calques, canaux, chemins » puis cliquer sur l'oeil. Voici le résultat :

Pour revenir à une taille normale, on va remettre le canevas à sa taille initiale. On clique dans le menu de la fenêtre image : Image > Découpage automatique de l'image
(J'ai suppriméé les guides sur l'image finale)

Le résultat final :

avec un petit texte :

On peut bien sûr continuer selon ses envies : faire de nouvelles rotations, déplacer le centre de rotation, passer en noir et blanc, ne pas agrandir le canevas, ...
 |