Cadres
Il existe plusieurs sortes de cadre, voici les plus utilisés :
- le cadre de base
- le cadre transparent
- le hors cadre
Etc…
Un conseil avant de commencer : ne collez pas le render aux bords du cadre, il est préférable de laisser assez de place autour du render pour une question de lisibilité de l’image.
Créez un nouveau calque tiré du visible au dessus des calques de votre image : « Calque / Nouveau depuis le visible », un calque « Visible » est apparu dans votre fenêtre des calques.
1) Le cadre de base
Il peut être selon les goûts :
- Opaque et d’une seule couleur avec ou sans liseré
- En dégradé de couleurs
- Rempli avec un motif ou une image
a) Opaque et d’une seule couleur avec ou sans liseré
3 manières de faire.
- A la main :
- créez un petit rectangle avec l’outil « Sélection » que vous remplissez de la couleur que vous voulez avec l’outil « Remplissage » (cliquez plusieurs fois si nécessaire) et nommez-le « Rectangle1 » (pour notre image, j’ai crée un rectangle de 7px de hauteur et de couleur orange code : fcb49f)
- puis vous dupliquez ce rectangle (clic droit « Dupliquer le calque ») que vous placez sur les 4 faces de votre image ou seulement sur 2, en utilisant l’outil « Déplacement » pour les placer et l’outil « Rotation » pour tourner 2 d’entre eux :
Vérifiez bien qu’il n’y ait pas de pixels manquants dans votre cadre.
- Avec les sélections automatiques :
- créez un nouveau calque (toujours ;)) et nommez-le « Cadre »
- cliquez sur « Sélection / Tout »
- cliquez sur « Sélection / Bordure »
- dans la fenêtre des réglages cochez « adoucir les bords », ce qui va faire une sorte de petit dégradé sur 1 ou 2 pixels pour ne pas que la sélection soit trop nette (j’ai choisi un bord de 7px)
- remplissez de la couleur que vous voulez avec l’outil « Remplissage » (cliquez plusieurs fois si nécessaire) (pour notre image, j’ai crée un rectangle de 7px de hauteur et de couleur orange code : fcb49f)
Après vous pouvez ajouter un petit liseré pour peaufiner votre cadre :
- créez un nouveau calque et nommez-le « Liseré »
- cliquez sur « Sélection / Tout »
- cliquez sur « Sélection / Bordure » (7px)
- cliquez sur « Sélection / Agrandir » (2px)
- cliquez sur « Sélection / Bordure » (2px)
- remplissez de la couleur que vous voulez avec l’outil « Remplissage » (j’ai choisi blanc, code : ffffff)
Cette exemple de liseré n’est pas le seul et unique que l’on puisse faire, après l’avoir testé amusez-vous à en créer d’autres, en jouant avec les différentes sélections.
Enregistrez cette image en xcf, on va en avoir besoin après.
- Avec un filtre : Pour ces filtres, pas besoin de créer de nouveaux calques, ils les créent automatiquement ou nous font travailler sur une copie.
Le cadre peut être :
- Régulier : allez dans « Filtres / Décor / Ajouter une bordure ». Dans la fenêtre des paramétrages, choisissez la taille des bords, leur couleur et la valeur de différence, qui est en fait la couleur que Gimp va donner à l’ « ombre » du cadre dans le but de créer un effet de profondeur. En fait, il va foncer l'ombre plus ou moins en fonction du chiffre entré (plus c'est élevé, plus c'est sombre).
Voilà le résultat :
- Inégal : allez dans « Filtres / Décor / Bordure inégale ». Dans la fenêtre des paramétrages, faites ces réglages :
Voilà le résultat :
b) En dégradé de couleurs : Prenez le cadre que vous avez crée avec les « sélections automatiques » :
- sélectionnez le calque « Cadre », clic droit « Alpha vers sélection »
- créez un nouveau calque « Dégradé#1 »
- choisissez les couleurs du dégradé (j’ai choisi orange : fcb49f et violet : c65d90)
- avec l’outil « Dégradé », tracé une petite ligne de manière à obtenir ce résultat :
c) Rempli avec un motif ou une image : Prenez le cadre que vous avez crée avec les « sélections automatiques » :
- sélectionnez le calque « Cadre », clic droit « Alpha vers sélection »
- créez un nouveau calque « Motif »
- dans la fenêtre des calques, choisissez le motif que vous voulez appliquer.
Pour créer un nouveau motif, en le faisant apparaître dans la fenêtre des calques, onglet « motifs », il vous suffit d’ouvrir ce motif dans une autre page de Gimp et de le copier (ctrl+c)
- allez dans « Édition / Remplir avec un motif »
Voilà le résultat (je vous l’accorde, ce motif est moche…) :
2) Le cadre transparent
- ne jamais rien "désélectionner" (à moins que je vous le dise)
- choisir en couleur de Premier Plan (PP) la couleur que l’on veut voir apparaître dans le cadre et le bord (ces 2 couleurs peuvent être différentes). J’ai choisi d’utiliser du blanc pour le cadre et le bord
1° étape
Cliquez sur "Sélection/Réduire" et choisissez la taille de votre cadre. Dans mon exemple j’ai choisi 10px. Puis faites "Sélection/Inverser" pour avoir juste l'espace du cadre de sélectionné :
2° étape
Créez un nouveau calque et nommez le "cadre". Remplissez ce calque de la couleur choisie en PP, vous verrez que seule la sélection est peinte.
Dans la fenêtre des calques, vérifiez que le calque "cadre" est sélectionné, dans son onglet des "modes de fusion" cliquez sur "Lumière douce" et si vous le souhaitez, baissez un peu l'opacité :
Créez un nouveau calque et nommez le "bord".
Pour un bord intérieur : sélectionnez ce calque dans la fenêtre des calques. Cliquez sur "Edition/Tracer la sélection" et choisissez une épaisseur de bord de 3 px environ.
Si vous le souhaitez, baissez l'opacité du calque.
- Pour un bord extérieur : Enlevez la sélection en cliquant n’importe où sur l’image.
Sélectionnez le calque de votre image (clic droit "alpha vers sélection").
Puis, sélectionnez le calque "Bord" et cliquez sur "Sélection/Réduire". Réduisez la sélection de 1 px pour que le tracé soit au bord de l’image, ou plus pour que le tracé soit plus espacé par rapport au bord de l’image. Inversez la sélection "Sélection/Inverser".
Enfin remplissez la sélection avec la couleur choisie en PP, en cliquant sur "Edition/Tracer la sélection"
Sélection réduite de 1px :
Sélection réduite de 3px :
Revenons à notre image : j’ai choisi de faire un cadre de 7px de large, orange (fcb49f), avec mode de fusion : lumière douce. Et le "bord" est également orange.
- "Bord" intérieur (épaisseur de bord de 3px et le calque « bord » à 70% d’opacité)
- "Bord" extérieur (2px de réduction)
3) Le hors cadre
Consiste à faire « déborder » notre render ou notre cadre de l’image, pour donner un effet de profondeur (vous l’aurez compris la notion de profondeur est importante ^^). Tout repose sur l’agrandissement de la zone de travail « Image / Taille du canevas ».
a) faire sortir le render de l’image :
- ouvrez votre image
- agrandissez la zone de travail (bords droit et gauche) en allant dans « Image / Taille du canevas ».
Si vous n’êtes pas à l’aise avec cette manière de faire, entrez un chiffre excessivement grand, centrez l’image, puis découpez votre image comme vous le voulez avec l’outil « Découpage ».
- insérez votre render (ou vos renders), en faisant « Fichier / Ouvrir en tant que calque »
- placez le render pour qu’il dépasse de l’image
Voilà mon p’tit montage photo très campagne (^^) :
b) appliquer un masque d’écrêtage pour créer un bord spécial : vous aurez besoin de ce tuto pour comprendre cette notion => ici
En concret, vous ouvrez votre image finie dans Gimp, puis par-dessus vous appliquez en « Masque d’écrêtage » une image que vous avez travaillée pour qu’elle « découpe » votre image.
Bon là, je vous mets l’une de mes créations…
… car j’ai mis au moins 5 heures à créer le fond qui vient découper mon image (alors autant s’en servir !) :
c) dessinez le cadre avec des brushes
- ouvrez votre image
- agrandissez la zone de travail (tous les bords) en allant dans « Image / Taille du canevas » (j’ai entré ces données : 640x440). Pour cette technique, n’oubliez pas de cliquer sur « centrer » dans la fenêtre de réglage, pour répartir les pixels sur tous les bords.
- appliquez le brush choisi sur l’un des coins/bords de votre image, en le faisant dépasser de l’image (c’est le but)
Brush en taille 0,35, de couleur orange :fcb49f
- dupliquez le calque du brush en 3 exemplaires, puis positionnez-les aux 3 autres coins en utilisant l’outil « Retournement » (vertical et horizontal)
On va ajouter un p’tit effet de dégradé sur ces brushes pour peaufiner le tout :
- clic droit « Alpha vers sélection » sur l’un des calques de votre brush
- créez un nouveau calque (oui encore un ^^) et nommez-le « Dégradé brush »
- sélectionnez l’outil « Dégradé » et faites les réglages comme ci-dessous
- appliquez le dégradé de manière à avoir le même résultat que moi
- dupliquez ce calque en 3 exemplaires, puis positionnez-les SUR les 3 autres calques de brush en utilisant l’outil « Retournement » (vertical et horizontal)
Écrire commentaire