Je vous propose dans cet article de réaliser un CD avec Gimp. Ce tutoriel est disponible en version WEB et également en version screen cast (encours de réalisation…).

Difficulté : 5/10

Durée : 20 minutes

1°) Création du document

Après avoir lancé « Gimp », créez un nouveau document vierge de 1000px par 1000px (Figue 1.1). Masqué tout de suite le calque « Arrière-plan » afin d’afficher la grille.

Figure 1.1 - Création d'un nouveau document Gimp

2°) Création du paterne

Nous allons créer la forme de base de notre CD, pour cela, rien de plus simple puisqu’il s’agit d’un cercle… Tout d’abord, ajoutez un nouveau calque que vous nomerez « Patern CD ». Sélectionnez l’outil elipse dans la boite à outil Gimp  puis dessinez un cercle quelconque. Il est inutile de réaliser un cercle parfait puisque nous allons régler le positionnement et la taille de notre cercle avec la boite de dialogue de réglage.

Dans la boite de dialogue, entrez les informations suivante (figure 2.1) :

Position : 50 – 50

Taille : 900 – 900 pixels

Figure 2.1 - CD Gimp - Création du cercle principal

Remplissez la forme obtenu avec une couler c3c3c3.

Ce paterne nous servira de base pour une sélection complète de notre CD, Dupliquez le et nommez le nouveau calque « Fond CD ».

3°) Création du trou central

Pour cette opération, nous allons réaliser les mêmes opération que précédemment mais avec de nouveaux réglages. Executez les opérations suivantes :

1. Créez un nouveau calque et nommez le « Cercle central – petit »
2. Outil Ellipse puis dans la boite de dialogue, entrez les informations suivantes (figure 3.1):
   • Position 435 – 435
   • Taille 130 – 130
3. Remplissez de noir ou d’une couleur quelconque

Figure 3.1 - Réglages pour le trou central

4°) Création du cercle central moyen

Idem que pour le petit cercle avec les informations suivantes :

• Nom du calque : Cercle central – Moyen
• Position 390 – 390
• Taille 220 – 220
• Remplissage 8f8f8f

Figure 3.2 - Réglages pour le cercle central - moyen

5°) Création du grand cercle central

Idem que le cercle de taille moyenne avec les informations suivantes :

Nom du calque : Cercle central – Grand

Position 340 -340

Taille 320 -320

Remplissage 6b6b6b

Figue 3.4 - Réglages pour le grand cercle central

6°) Création du trou

Nous avons maintenant notre CD complet ou presque… nous allons maintenant réaliser le trou central. Pour cela, faite « Alpha vers sélection » sur le calque « Cercle Central – petit » puis sélectionnez le calque « Fond CD » puis touche « Suppr. » de votre clavier. Répétez cette opération de suppression sur les calques « CCercle central – Moyen » et « Cercle central – Grand »

Masquez le calque « Cercle central – petit » afin d’obtenir notre paterne définitif (figure 4.2)

Figure 4.2 - Aperçu du paterne

7°) Réalisation de l’effet irisé

Créez un rectangle centré sur le CD  avec les réglages suivants :

Figure 5.1 - Réglagles pour la sélection rectangulaire

Ceci nous permet de travailler sur la moitié de notre image car nous appliquerons par la suite un effet miroir.

Sélectionnez l’outil dégradé et sélectionnez ensuite un dégradé de type « Full Saturation Spectrum ».

Figure 5.3 - Dégradé de type Saturation spectrum

Remplissez votre sélection rectangulaire de haut en bas avec ce dégradé.

Ensuite, dans le menu calque, faites « Calque => Découpage automatique du calque ».

Il est ensuite nécessaire de déformer notre rectangle afin qu’il ai une forme d’entonnoir horizontal. Pour cela, utilisez l’outil perspective (figure 5.6).

Figure 5.6 - Déformation du rectangle irisé

Cliquez sur « Transformer » pour valider la deformation.

Dans le menu, cliquez sur « Calque => Calque au dimension de l’image » puis dupliquez le calque. Sélectionnez ce nouveau calque et enfin dans le menu, « Calque => Transformer => Miroir horizontal ».

Fusionner ce nouveau calque avec l’autre côté irisé (fusionner vers le bas) puis réglez l’opacité de ce calque à 15 %.

Figure 6.1 - Apercu après effet irisé

8°) Lueur blanche

Nous allons réalisé une lueur blanche comme celle qu’il pourrait y avoir avec le soleil…

Créez un nouveau calque puis réalisez une sélection rectangulaire avec les informations suivantes :

Figure 7.1 - Sélection rectangulaire pour la lueur blanche

Remplissez cette sélection de blanc.

Appliquez un flou gaussien de 25 puis baissez l’opacité à 45%. Faites un « Alpha vers sélection » sur le calque CD puis « inverser la sélection » (Ctrl+i), sélectionnez à nouveau votre calque « lueur blanche » et « Suppr » de votre clavier pour effacer ce qui dépasse.

Pour finir, utilisez l’outil rotation et appliquez une rotation de 45°.

9°) Réglages finaux…

Vous pouvez maintenant réaliser différents réglages tel que l’opacité du centre du CD

Figure 8.1 - Aperçu final du CD

Je vous laisse décorer le CD à votre guise…

Mallette en cuir réalisée sous The Gimp

Nous allons voir ensemble comment réaliser cette mallette en cuir ; Il s’agit en fait à la base d’une mallette réalisée sous Photoshop et dont j’ai adapté la réalisation sur mon logiciel préféré

Avant de commencer vérifiez que vous avez 1 heure devant vous

Informations sur le tutoriel :

• Logiciels utilisés : The Gimp !
• Difficulté : Avancée
• Durée de réalisation : 1 à 2 heures

Étape 1 – Préparation

1ere chose et pas des moindres, il vous faut le logiciel The Gimp ! , pour ceux qui ne connaissent pas ce logiciel et qui ne le possèdent pas encore, je vous invite à consulter ce Post => Post : The Gimp !

Si vous possédez le logiciel et que ce dernier est installé, il ne vous reste plus qu’à le lancer et créer un nouveau document ; J’ai choisi un document 1000*1000 ce qui vous permettra d’avoir un bon rendu, si vous le souhaitez, vous pouvez réduire cette taille… (voir figure 1)

Figure 1

Étape 2 – Le Patron

Nous allons créer le patron, c’est à dire la forme principale de notre mallette.

Créez un calque que vous appellerez « mallette_bas », sélectionnez l’outil rectangle et dessinez un rectangle avec les propriétés que vous pouvez voir en figure 2.

Figure 2

Remplissez ce rectangle d’une couleur quelconque et vous devriez obtenir le résultat suivant (Figure 3).

Figure 3

Nous allons maintenant créer notre patron haut qui correspond au battant de notre mallette. Pour cela, nous allons utiliser l’outil rectangle et placer cette forme au dessus de notre élément bas ; il faudra veiller à ce que cette forme soit un peu plus grande que notre élément bas

Vous devriez obtenir le resultat suivant (Figure 5)

Figure 5

Une fois cette opération réalisée, vous pouvez réaliser les arrondis à l’aide de l’outil ellipse. Ceci va nous permettre de donner de l’arrondi à notre mallette. Pour ce faire, créez un calque que vous nommerez « tmp_arrondi_haut », puis réalisez un ellipse comme montré ci-dessous (Figure 6).

Figure 6

Dupliquez ce calque et nommez le « tmp_arrondi_bas » et placez le en bas pour obtenir le résultat suivant (Figure 7).

Figure 7

Nous allons réaliser le même type d’opération mais pour les arrondis latéraux. Procédez de même que pour les arrondis bas et haut afin d’obtenir le résultat suivant (Figure 8).

Figure 8

Figure 9

Fusionnez l’ensemble des calques temporaires (tmp_….) avec le calque « patron_haut » puis réalisez un Alpha ver sélection de ce dernier calque et remplissez d’une couleur quelconque. Vous devriez obtenir le résultat suivant (Figure 10).

Figure 10

Étape 3 – Couleur et relief

Nous allons aborder la phase de couleur dans un 1er temps. Dans votre logiciel, sélectionnez l’outil « Dégradé » puis modifiez respectivement la couleur de 1er et 2eme plan comme ceci (Figure 11 et 12)

Figure 11

Figure 12

Créez un nouveau calque (au dessus du patron bas) et nommez le « Mallette_bas ». Faites un Alpha vers sélection de votre patron bas et sélectionnez votre nouveau calque afin de réaliser un dégradé du haut gauche ver bas droit de la sélection active. Vous devriez obtenir le résultat suivant (Figure 13).

Dupliquez ce calque et nommez le nuages_bas ; Sélectionnez ce calque puis réalisez les opérations suivantes :

Clique Droit =>Rendu => Nuages => Nuage par différence

Appliquez les réglages comme indiqué sur la figure 14 (La graine n’a que peu d’importance faites ce que bon vous semble en mode aléatoire) et obtenir le résultat présent en figure 15.

Figure 14

Figure 15

Réglez l’opacité de ce calque sur 10 et fusionnez vers le bas.

Étape 4 – La texture

Maintenant que votre patron est terminé, nous allons passer à la texture. Pour notre exemple, vous pouvez utiliser tout type de texture de type cuir ; Je vous en livre une qui est celle utilisée pour mon tutoriel.

Texture Cuir

Une fois téléchargé, placez cette image sur un nouveau calque (Vous pouvez glisser=>déposer) et dupliquez la. Masquez l’une des textures.

Sélectionnez le calque « Patron_bas » et faites un clic droit pour afficher le menu contextuel puis choisissez « Alpha vers sélection » ; cette action à pour effet de rendre la forme sélectionnée.

Cliquez sur le calque de texture pour l’activer puis inverser la sélection (Sélection=>Inverser) puis faites un Suppr.

Nous allons ajouter un peu de relief à notre mallette, sélectionnez le patron bas puis faite une réduction de la sélection de 4px. Il faut maintenant réaliser un dégradé blanc vers transparent de 50px qui partira de notre sélection vers le cente et ceci dans chacun des coins. Une fois cette opération réalisée, appliquez un flou gaussien de 25 afin de nuancer la lumière.

Réalisez une reduction de la selection de 20px puis réalisez la même opération mais avec un dégradé de noir vers transparent. Ceci va permettre de donner un effet de profondeur. Voici le resultat que vous devriez obtenir (figure ?).

Figure

Vous pouvez réaliser les mêmes opérations pour le patron haut. Je vous laisse faire, voici ce que vous devriez obtenir.