14 août 2008
une épingle
Voici ce que nous allons réaliser.
1 - Ouvrir une nouvelle image puis ajouter un calque transparent.
2 - Avec l'outil sélection élliptique tracer une ellipse puis en maintenant la touche shift enfoncée ajouter un cercle pour obtenir une sélection ressemblant à celle-ci (sur mon image de 600X600 pixel ma sélection a une taille de 495X170 pixel hors tout).
3 - Choisir deux couleurs très proches, pour ce tuto, j'ai pris un bleu 94b1ed et un autre 7ca4f4.
4 - Avec l'outil dégradé tracer un dégradé vertical dans la sélection. Pour être bien vertical maintenir la touche Ctrl enfoncée. Nota, le trait fait avec la souris pour tracer le dégradé est très petit, faire plusieurs essais pour obtenir un dégradé qui ressemble à ceci :
5 - Réduire la sélection, menu sélection/réduire moi j'ai réduit de 20 pixels. Adapter cette réduction en fonction de la taille de la sélection initiale.
6 - Remplir la sélection réduite avec le dégradé en inversant les couleurs. Il faut soit tracer le trait à l'envers, soit cocher la case à droite du dégradé dans la boite de dialogue outil soit inverser les couleurs premier et arrière plan. on obtient ceci :
7 - Réduire à nouveau la sélection de 20 pixels (ou de la taille choisie en 5 ci-dessus)
8 - Couper la sélection menu édition/couper. On obtient ceci.
9 - Supprimer le calque blanc d'arrière plan.
10 - Activer le menu image/découpage automatique de l'image pour ajuster la taille de l'image au dessin.
11 - Sauvegarder au format png ou gif pour gérer la transparence.
12 - Pour modifier la couleur, il suffit d'activer le menu couleurs/coloriser et de choisir une autre couleur.
29 juillet 2008
Une courue en zig-zag
En regardant les demandes d'aide sur digiscrapbook, j'ai vu qu'un membre du forum avait demandé comment faire une couture zig zag et qu'il n'avait pas obtenu de réponse. Je m'y suis mis, j'espère que ça aidera les lecteurs et lectrices de ce blog.
Nous allons réaliser ceci
1 - Ouvrir une nouvelle image pour moi elle fait 600X600 pixels et dans le menu affichage choisir les options afficher la grille et aligner sur la grille.
2 – Activer le menu image/configurer la grille et dans la partie espacement de la boîte de dialogue choisir mm comme unité et choisir 10 en largeur et 5 en hauteur. Si vous n'arrivez pas à afficher des valeurs différentes ne pas oublier de cliquer sur la petite chaîne afin de la rompre.
3 – Une couture étant faite pour assembler, il faut créer un nouveau calque nommé couleurs et y tracer deux sélections rectangulaires remplies l'une de jaune l'autre de rouge. La grille étant affichée on obtient ceci:
4 – Créer un nouveau calque nommé trous.
5 – Avec l'outil pinceau en ayant sélectionné un pinceau de 11 pixels, tracer des points décalés comme ci-dessous.
6 – appliquer un flou de 3 pixels au calque trous.
7 – Activer l'outil gomme choisir une taille de 7 pixels et cliquer sur chaque trou.
8 – Activer le calque couleurs et cliquer sur chaque trou.
Sur le dessin ci-dessous, la gomme a été utilisée sur les deux calques pour les trous du haut et seulement sur le calque trous pour les trous du bas
9 – Créer un calque nommé fils01.
10 – Choisir une couleur différente du fond (j'ai pris le vert), activer l'outil crayon et choisir une taille de 5 pixels.
11 – Tracer les traits un par un comme ci-dessous (un clic sur le premier trou maintenir la touche schift enfoncée et cliquer sur le deuxième trou)
12 – Sélectionner avec la baguette magique tous les fils. Activer le menu filtre/décoration/ajouter un biseau (ne pas sélectionner l'option travailler sur une copie). Puis sans désélectionner appliquer une ombre portée menu filtres/ombres et lumières/ombre portée en inscrivant les valeurs : moins3, 3 et 6 dans la boîte de dialogue.
13 – Créer un calque nommé fils02.
14 – Refaire les opérations des §11 et 12 ci dessus pour complèter le zig zag, en inscrivant les valeurs 3,3 et 6 dans la boîte de dialogue de l'ombre portée. Enlever l'affichage de la grille. Organiser les calques dans l'ordre ci dessous. C'est terminé.
05 juillet 2008
Coin photo
Nous allons réaliser un coin métallique pour photos, je me suis inspiré du tuto ˝ un logo en métal brillant ˝ sur le site ABC du gimp (lien ci contre)
1 - Ouvrir une nouvelle image 200X200 pixels. (zoomer l'image pour travailler plus facilement). Et enregistrer la sous le nom coin photo.xcf . Il est possible d'utiliser un arrière plan noir pour mieux voir.
2 – Créer un nouveau calque ˝ forme ˝.
3 – Placer des guides horizontaux et verticaux à 50 – 75 et 150 pixels
4 – Sélectionner et remplir de blanc la partie qui figure en rouge ci dessous.
5 – Désélectionner et appliquer un flou gaussien de 10 menu filtre/flou/flou gaussien.
6 – Enlever les guides menu affichage/afficher les guides.
7 – Activer le menu filtre/distorsion/relief en choisissant les valeurs ci-dessous
8 - Sélectionner la forme du coin en cliquant (clic droit) sur le calque ˝ forme ˝ dans la boîte de dialogue des calques. Choisir alpha vers sélection dans le menu déroulant qui s 'affiche.
9 – Appliquer un flou gaussien de 3 sur la sélection puis désélectionner.
10 – Activer le menu filtre/ombres et lumières/effets d'éclairage, activer l'onglet repoussage d'après une carte et cocher la case comme ci-dessous.
11 – Refaire un flou gaussien de 3 pixels (cf n°8 supra).
12 – Activer le menu couleurs/courbes et en agissant avec la souris sur la courbe comme ci dessous, transformer celle de gauche pour obtenir celle de droite(pour ceux qui ne connaissent pas cet outil, en cliquant sur la courbe l'on crée un point que l'on peut placer où l'on veut).
Suivant les réglages fait sur la courbe, il est possible d'obtenir différents effets.
13 – Supprimer le calque arrière plan. Enregistrer en XCF pour garder tous les calques puis en PNG pour utilisation.
29 juin 2008
une étoile
Nous allons réaliser une étoile comme celle-ci. Ce tuto m'a été inspiré par un site commercial qui vendait ce genre d'article 5 $ canadien. La forme d'étoile n'étant pas brevetée, nous allons la réaliser avec GIMP, ce sera moins cher.
1 – Ouvrir une nouvelle image de 600X600 pixels l'enregistrer au format gimp sous le nom étoile01.xcf.
2 – Placer des guides horizontaux à 100 – 200 et 300 pixels. Placer un guide vertical à 300 pixels.
3 – Ouvrir un nouveau calque baptisé ˝ branche ˝et l'activer.
4 – Avec l'outil crayon (diamètre un pixel), tracer un trait vertical du point d'intersection des guides 100 horizontal et 300 vertical à l'intersection des guides au point 300 – 300 (centre de l'image).
5 – Dupliquer le calque ˝ branche ˝.
6 – Avec l'outil rotation, faire tourner le calque ˝ copie de branche ˝ de 22,5°.
7 – Effacer la partie du trait oblique qui se trouve au dessus du guide 200.
8 – Fusionner le calque ˝ copie de branche ˝ avec le calque ˝ branche ˝ (clique droit sur le calque puis clique gauche sur la commande fusionner vers le bas)
9 – Tracer un trait comme ci-dessous pour terminer la première demi branche.
10 – Dupliquer le calque ˝ branche ˝.
11 – Avec l'outil retournement horizontal retourner le calque ˝ copie de branche ˝ pour obtenir ceci.
12 - Fusionner le calque ˝ copie de branche ˝ avec le calque ˝ branche ˝.
13 – Dupliquer le calque ˝ branche ˝ et faire tourner de 45° le nouveau calque.
14 - Fusionner le calque ˝ copie de branche ˝ avec le calque ˝ branche ˝.
15 - Dupliquer le calque ˝ branche ˝ et faire tourner de 90° le nouveau calque.
16 - Fusionner le calque ˝ copie de branche ˝ avec le calque ˝ branche ˝.
17 - Dupliquer le calque ˝ branche ˝ et faire tourner de 180° le nouveau calque.
18 - Fusionner le calque ˝ copie de branche ˝ avec le calque ˝ branche ˝.
19 Créer un calque ˝ lumière ˝
20 – Sur le calque ˝ branche ˝ sélectionner les zones indiquées d'un point rouge (maintenir la touche shift enfoncée pour ajouter les sélections les unes aux autres).
21 – Activer le calque ˝ lumière ˝.
22 – Choisir un gris comme couleur de premier plan, j'ai pris le gris b6b6b6 en notation HTML.
23 – Activer l'outil dégradé et choisir le dégradé : de premier plan vers transparent.
24 – Tracer l'axe suivi par le dégradé depuis le point 100X100 pixels jusqu'à la pointe de la branche que nous appellerions EST SUD EST sur une rose des vents pour obtenir ceci :
25 – Créer le calque ˝ lumière 2 ˝
26 – Sur le calque ˝ branche ˝ sélectionner les zones indiquées d'un point rouge (maintenir la touche shift enfoncée pour ajouter les sélections les unes aux autres).
27 – Activer le calque ˝ lumière 2˝.
28 – Activer l'outil dégradé et choisir le dégradé de premier plan vers transparent.
29 – Tracer l'axe suivi par le dégradé depuis le point 500X100 pixels jusqu'à la pointe de la branche que nous appellerions OUEST SUD OUEST sur une rose des vents pour obtenir ceci :
Nous avons presque terminé.
30 – Fusionner les calques ˝ lumière ˝ et ˝ lumière 2 ˝
31 – Activer le calque ˝ branche ˝; avec l'outil sélection par couleur cliquer à l'extérieur de l'étoile puis inverser la sélection.
32- Créer un calque ˝ couleurs ˝ l'activer le placer juste au dessus du claque ˝ arrière plan ˝et remplir la sélection avec une couleur quelconque. J'ai pris un bleu très foncé 14293d en notation HTML
33 – La sélection étant toujours active, utiliser le menu filtre/ombre et lumière/ ombre portée avec les réglages d'origine.
34 Sauvegarder au format XCF.
35 Pour utiliser l'étoile dans un scrapbooking, il suffit de désactiver le calque ˝ arrière plan ˝ et de sauvegarder le dessin au format GIF ou PNG (gestion de la transparence) en changeant le contenu de l'étoile dans le calque couleurs, vous pouvez obtenir différents rendus comme ci dessous. Vous pouvez aussi modifier les longueurs de votre axe lorsque vous appliquez les dégradés pour obtenir plus ou moins de transparence.
Cette étoile étant très simple à réaliser, nous avons gagner 5 $ canadien.
21 juin 2008
tuto brosse rapide
Nous allons réaliser un motif que nous utiliserons avec l'outil pinceau.
1 - Créer un nouveau calque 100X100 pixels.
2 - Tracer une sélection circulaire de 50 pixels.(outil de sélection élliptique)
3 - Remplir cette sélection d'une couleur.(menu : édition remplir avec la couleur de premier plan)
4 - réduire la sélection de 8 pixels (menu sélection/réduire)
5 - remplir la sélection d'une autre couleur.
6 - réduire la sélection de 8 pixels
7 - remplir la sélection d'une troisième couleur. 
Un motif cercles concentriques de 3 couleurs est obtenu.
8 - Déselectionner tout (menu sélection/aucune)
9 - Avec l'outil baguette magique (sélection contiguë) cliquer en dehors de votre motif
10 - Inverser la sélection (menu sélection/inverser)
11 - Copier la sélection (menu edition/copier)
12 - Choisir le menu edition coller comme .
13 - Dans la liste déroulante à droite du menu choisissez comme brosse.
14 - dans la fenêtre qui s'ouvre donnez un nom à votre brosse;
15 - validez la fenêtre et utilisez la comme une brosse de base.
16 - varier sa taille en déplaçant le curseur étirer retrécir de la boite de dialogue pinceau.
ce principe peut être appliqué avec différentes formes voire des petits dessins.
en choississant coller comme motif au lieu de coller comme brosse, nous disposerons d'un nouveau motif utilisable avec l'outil de remplissage.
papier relief
Aujourd'hui nous allons faire un papier de fond avec un léger relief. C'est très simple mais il faut bien débuter un jour. voici ce que nous allons obtenir:
1 - Créer une image de 600X600 pixels.
2 - Choisir le menu filtre/bruit/jeter et choisir les réglages ci dessous puis valider.
3 - Choisir le menu filtre/distorsion /vent et choir les réglages ci-dessous puis valider.
4 - Créer un nouveau calque le nommer "papier" et le remplir d'une couleur quelconque. J'ai choisi un vieux rose notation HTML db5e7e.
5 - Avec ce calque "papier" actif, choisir le menu filtre/carte/repoussage d'après une carte. Choisir le calque arrière plan comme carte (fenêtre en haut à droite de la boîte de dialogue) pour les réglages voir ci-dessous puis valider.
6 - Activer le calque arrière plan.
7 - Tourner le calque arrière plan de 90° outil de rotation dans la boîte à outils.
8 - Activer le calque papier et refaire un repoussage d'après une carte cf n°5 ci-dessus.
C'est terminé, vous pouvez utiliser ce principe pour faire différents papiers, en utilisant les différents choix dans filtre/artistique (tisser - tresser - toile - cubisme...) sur l'arrière plan et en repoussant selon une carte sur un nouveau calque.
15 juin 2008
Un ruban rapide
Nous allons faire un ruban comme ceci en quelques instants :
Ouvrir une nouvelle image de 600X 100 pixels
1 - Tracer une sélection rectangulaire de 600X50 pixels et la remplir avec une texture ou des motifs, j'ai choisi le motif léopard fourni avec gimp.
2 - Choisir le menu filtre - distorsions - onduler et choisir les règlages ci-dessous (il est possible de varier les réglages pour obtenir des effets différents)
3 - Cliquer sur valider c'est terminé.
4 - Pour avoir le ruban sur fond transparent rajouter un canal alpha au calque, sélectionner la couleur blanche et la supprimer. Enregistrer en GIF ou en PNG pour garder la transparence.
5 - En rajoutant une ombre on obtient ceci :
02 juin 2008
un papier tressé
Nous allons essayer de faire ceci :
1 - Créer un nouveau fichier le miens fait 600*600 pixels. un fond blanc est parfait.
2 - Créer un nouveau calque nommé "vertical".
3 - Placer des guides verticaux à 10 - 40 - 70 - 100 - 130 - 160 et 170 pixels
4 - Créer un calque nommé "noir"
5 - Activer le calque "noir" et faire une sélection rectangulaire sur la partie gauche du dessin jusqu'au guide 170. remplir cette sélection de noir.
Voici le résultat (voir la fenêtre calque sur la droite pour l'ordre des calques)
6 - Activer le calque vertical et choisir la couleur rouge en premier plan (j'utilise le rouge et le vert pour plus de facilité).
7 - Sélectionner avec l'outil rectangle les bandes verticales et les remplir de rouge pour obtenir ceci :
8 - Créer un calque nommé "horizontal " ,le placer entre le calque "noir" et le calque "vertical" les calques sont comme ceci;
9 - Le calque "horizontal" étant actif, placer des guides à 10 pixel puis tous les 30 pixels jusqu'en bas. Sélectionner des bandes horizontales et les remplir de vert.
10 - Activer le calque "vertical" sélectionner ensuite une intersection sur deux puis couper la sélection pour obtenir un effet dessus dessous.
11 - Maintenant il faut s'attaquer aux ombres.
12 - Activer le calque "horizontal" sélectionner le premier carré en haut à gauche. il faut déborder un peu à droite et à gauche. sur le dessin ci dessous j'ai mis la sélection en blanc pour illustrer.
13 - Faire menu filtre/ombres et lumières/ombre portée mettre la valeur x à 0 et laisser les autres valeurs par défaut, décocher la case autoriser le redimensionnement.
14 - Refaire la même manip en inscrivant -8 (moins huit) en Y.
Vous obtenez une ombre au dessus et au dessous de la sélection ainsi que deux nouveau calques "drop shadow" et drop shadow#1". Vous voyez aussi une petite ombre à droite et à gauche.
15 - Il faut premièrement fusionner les deux calques "drop shadow" et "drop shadow#1" et renommer ce calque en "ombre 01"
16 - Ensuite le calque "ombre 01" étant actif faire une sélection de la hauteur du ruban vert en débordant largement à droite et à gauche. puis faire menu édition couper pour obtenir ceci.
17 - nous pourrions refaire la même manip à chaque intersection mais il faut être fainéant. Nous allons dupliquer le calque (on obtient un calque "copie de ombre 01 ") et déplacer le calque (outil de déplacement ) pour que l'ombre viennent se placer à l'intersection la plus à droite de la première ligne. Puis à nouveau il faut dupliquer et déplacer le nouveau calque à l'intersection centrale de la deuxième ligne pour obtenir ceci.
18 - nous allons nous occuper des ombres des autres intersection de ces deux premières lignes. Faire dupliquer le calque (celui qui est en haut de la liste des calques) faire une sélection rectangulaire au niveau de l'intersection centrale de la deuxième ligne. Avec l'outil de rotation faire tourner cette sélection de 90°, valider et déplacer le calque sur l'intersection centrale de la première ligne. en dupliquant et en déplaçant mettre une ombre aux intersection de droite et de gauche de la deuxième ligne. vous obtenez ça.
19 - Maintenant, il suffit de fusionner tous les calques d'ombre, et en dupliquant le calque obtenu puis en le déplaçant (opération répétée autant de fois que nécessaire) mettre des ombres sur toutes les lignes. en final fusionner tous les calques ombres. le résultat est le suivant avec la liste et l'ordre des calques à droite.
20 - pour terminer, il suffit d'activer le calque "vertical", de sélectionner la couleur rouge et de remplir la sélection de blanc. Puis d'activer le calque "horizontal" de sélectionner la couleur verte et de remplir la sélection de blanc pour obtenir le dessin du haut du tuto.
21 - IMPORTANT il faut sauvegarder un exemplaire au format XCF( format natif de gimp) pour pouvoir obtenir des papier de différentes couleurs comme ci dessous. Pour utiliser le papier, sauvegarder au format JPG.
il est aussi possible de réaliser le tuto en sélectionnant un zone plus centrale pour obtenir ceci
Certains diront qu'avec le menu filtre /artistique/tresser en mettant les cases fil à 1 on obtient le même résultat, je trouve pour ma part que l'effet de continuité papier tresse est moins évident.
28 mai 2008
faire ressortir une partie de la photo
Nous arriverons à ce résultat
1 - ouvrir une photo, nommer le calque "nette".
2 - dupliquer le calque et le nommer "flou"
3 - creer un calque vierge et le nommer "carte"
4 - sur le calque "nette" faire une sélection rectangulaire, puis choisir le menu sélection/ rectangle arrondi garder les réglages de base.
5 - choisir le menu sélection/selection vers chemin (c'est important, ça servira plus tard )
6 -activer le calque "carte" et remplissez la sélection de noir.
7 - choisir le menu sélection/ inverser et remplir la sélection de blanc.
le calque "carte" est donc constitué d'un rectangle arrondi noir sur fond blanc
8 - choisir le menu sélection/aucune
9 - appliquer au calque "carte" un flou gaussien de 30 choisir le menu filtre / flou/ flou gaussien
10 - activer le calque "flou" et donner à ce calque un flou gaussien de 15
11 - choisir le menu filtre /carte/ repoussage d'après une carte. Choisir le calque "carte" comme carte de repoussage (en haut à droite dans la fenêtre qui s'est ouverte) , laisser les valeurs de base sauf la profondeur j'ai choisi 6
12 - choisir le menu sélection/ sélection depuis le chemin (pour récupérer la forme initial du rectangle arrondi)
13 - réduire la sélection de 15 pixel et choisir le menu édition / couper.
C'est terminé
15 mai 2008
Faire un bouton
Voici ce que nous allons réaliser.
Créer une image 600X600 pixel, l'image est grande c'est pour travailler plus facilement, il sera toujours temps de réduire le bouton plus tard.
Créer un calque nommé "bordure".
Choisir comme couleurs 13dc39 en arrière plan et 6bef84 en premier plan.
Positionner des guides horizontaux et verticaux à 200 et 400.
Avec l'outil selection elliptique, tracer une sélection circulaire tangente aux guides.
Réduire la sélection de 5 pixels menu sélection réduire.
Transformer la sélection en bordure menu sélection bordure choisir 5 pixels.
Vérifier que le calque bordure est bien actif et remplissez la sélection avec l'outil dégradé en choisissant le dégradé premier plan vers deuxième plan.
Créer une ombre portée menu filtre ombres et lumières ombres portées en laissant les réglages par défaut. Renommer le calque "drop shadow" en "ombre bord"
Désélectionner pour obtenir ceci
Avec l'outil baguette magique sélectionner le centre du cercle à partir du calque "bord".
Créer un calque nommé "centre" et l'activer.
Remplir la sélection avec l'outil dégradé en cochant la case inverser.
Placer des guides horizontaux et verticaux à 270 et 330.
Choisir le noir en couleur de premier plan et le blanc en arrière plan
Sélectionner l'outil crayon et la brosse circle 19
En étant toujours sur le calque "centre" cliquer une fois à chaque intersection pour obtenir quatre petit cercle de 19 pixels de diamètre.
Avec l'outil baguette de sélection par couleur sélectionner le noir et faire menu edition couper pour obtenir ceci.
Sélectionner avec l'outil baguette magique les 4 trous (maintenir la touche shift enfoncée pendant les sélections. Une fois les quatre trous sélectionnés, inverser la sélection menu sélection inverser.
Faire une ombre portée en choississant les valeurs suivantes : décalage x 1 décalage y 1 rayon du flou 3. renommer le calque "drop shadow" en "ombre trous".
Désélectionner tout.
Créer un calque "fils".
Mettre la couleur 2cab44 en premier plan.
Choisir l'outil crayon avec la brosse circle 1 et tracer deux traits entre les trous supérieurs du bouton en laissant un espace entre les deux.
Sélectionner les deux traits avec l'outil sélection par couleur
Faire une ombre portée avec les même valeurs que pour les trous. renommer le calque "drop shadow" en "ombre fils".
Fusionner le calque "fils" et le calque "ombre fils" (c'est le calque le plus haut, il faudra le redescendre sous le calque fils)
Dupliquer le calque et déplacer le calque dupliqué pour que deux fils viennent au niveau des trous du bas.
C'est terminé, enregistrer au format XCF de gimp pour retravailler le bouton si nécessaire.
Supprimer le calque arrière plan avant de l'enregistrer au format png pour utiliser le bouton sur des papiers de différentes couleurs.
En supprimant le calque "ombre bord" on obtient un effet différent comme ceci :
