[Débutant] Les 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).
  

  Spoiler:

  
  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 :
  

  Spoiler:

  
  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)

Spoiler:

- allez dans « Édition / Remplir avec un motif »

Voilà le résultat (je vous l’accorde, ce motif est moche…) :


2) Le cadre transparent :

Spoiler:

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

Spoiler:

- 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)

Merci Maripiou pour ces tutos super utiles!

Merci Maripiou à quand le pingouin power force bleu

Merci Mari !!

Merci Mari =) !

merci Maripiou