Outils pour utilisateurs

Outils du site


issue60:tuto_gimp

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
issue60:tuto_gimp [2012/05/03 22:53] albinozissue60:tuto_gimp [2012/05/11 13:24] (Version actuelle) albinoz
Ligne 7: Ligne 7:
 What we’ll be making is shown left.** What we’ll be making is shown left.**
  
-Dans ce premier numéro de cette nouvelle série sur GIMP, je vais essayer et vous montrer des techniques intermédiaires. En d'autres mots, des choses que les gens pensent ne pouvoir faire qu'avec Photoshop.+Pour le premier numéro de cette nouvelle série sur GIMP, je vais tester et vous montrer des techniques intermédiaires. En d'autres termes, des choses que les gens peuvent penser ne pouvoir faire qu'avec Photoshop. Si vous souhaitez en savoir plus sur les bases de GIMP, je vous renvoie aux numéros 12 à 19 du magazine Full Circle. J'ai utilisé une ancienne version de GIMP pour ces numéros, mais l'apparence de GIMP n'a que peu changé au fil des années. 
 + 
 +Pour les idées, j'utilise des tutoriels - disponibles gratuitement sur le web - de Photoshop et, sans les copier en tout point, j'en applique les principes sous-jacents aux travaux avec GIMP. Pour que tout soit clair, je dois également préciser que j'utilise GIMP 2.6. Au moment où je rédige cet article, la version 2.7 est disponible, mais n'étant pas pleinement compatible avec la famille des *buntu, son installation peut engendrer quelques conflits. 
 + 
 +Ce que nous allons faire est montré à gauche.
  
 **Sources: **Sources:
-Sky - http://www.2textured.com/index.php/Environment/Skies/skies_0347+Sky - http://www.2textured.com/index.php/Environment/Skies/skies_0347.
  
-YouTube Video showing Pt1 being made: http://www.youtube.com/watch?v=NYFTdbzjubg+YouTube Video showing Pt1 being made: http://www.youtube.com/watch?v=NYFTdbzjubg.
  
 The Sky Gradient The Sky Gradient
  
-First thing we need to do is create a new image (File > New), and make it A4 in size, portrait in orientation, and with an X and Y resolution of 80. The default X and Y resolution is 300. That’s for professional printing, and, it requires high resolution images as source material, and can slow down even the hardiest of machines - so we’ll go with 80 which is more than adequate for this tutorial.+First thing we need to do is create a new image (File > New), and make it A4 in size, portrait in orientation, and with an X and Y resolution of 80. The default X and Y resolution is 300. That’s for professional printing, and, it requires high resolution images as source material, and can slow down even the hardiest of machines - so we’ll go with 80 which is more than adequate for this tutorial.**
  
-Select the ‘Blend tool’ icon (shown left), and, where it says ‘Shape:’, choose ‘Radial’ from the drop down menu. No need to change anything else for now. For a foreground color, choose a very pale greeny-yellow (RGB = 220, 229, 189). For the background, choose a slightly faded greeny-yellow (RGB = 133, 151, 81).+Sources : 
 +Ciel - http://www.2textured.com/index.php/Environment/Skies/skies_0347 
 +Vidéo YouTube montrant la création de Pt1: http://www.youtube.com/watch?v=NYFTdbzjubg 
 + 
 +Le dégradé du ciel 
 + 
 +La première chose que nous devons faire est de créer une nouvelle image (Fichier > Nouveau), de lui appliquer la taille A4 et l'orientation portrait, avec une résolution de 80 en X et en Y (Ndt : cliquez sur « options avancées » pour cela). La résolution en X et en Y est de 300 par défaut. Toutefois, ce réglage correspond à une impression professionnelle et requiert comme sources des images de haute résolution, ce qui peut ralentir la plus robuste des machines ; nous prendrons donc 80, ce qui semble plus que suffisant pour ce tutoriel.  
 + 
 +**Select the ‘Blend tool’ icon (shown left), and, where it says ‘Shape:’, choose ‘Radial’ from the drop down menu. No need to change anything else for now. For a foreground color, choose a very pale greeny-yellow (RGB = 220, 229, 189). For the background, choose a slightly faded greeny-yellow (RGB = 133, 151, 81).
  
 Next, left click (and hold) in the middle of the blank image and move up to the top middle of the image. Release the mouse button and you’ll have a radial fill covering the entire canvas. Next, left click (and hold) in the middle of the blank image and move up to the top middle of the image. Release the mouse button and you’ll have a radial fill covering the entire canvas.
Ligne 26: Ligne 38:
 Click File>Open, and choose your sky image. To quickly get the sky into our main image, we go to the ‘Layers’ tab and (as shown above) drag it onto our main image Click File>Open, and choose your sky image. To quickly get the sky into our main image, we go to the ‘Layers’ tab and (as shown above) drag it onto our main image
  
-With the sky now in our main image, you can close the opened sky image.+With the sky now in our main image, you can close the opened sky image.**
  
-The sky image is quite high resolution, larger than we require, so we need to resize it. Click the ‘Resize’ tool (shown left), and click the sky. In the resize window that pops up, you need to make sure that the little chain link icon is linked. If the icon looks like a broken chain, then your sky image will resize disproportionately and squish. Make the width of the sky about 300 wide, and click OK. This gives us some room to play with.+Sélectionnez l'outil « de dégradé » (cf. image à gauche) et, dans le paramétrage « Forme: », choisissez « Radial » dans la liste déroulante. Nul besoin de changer autre chose pour le moment. Pour la couleur de premier plan, choisissez un vert-jaune très pâle (RVB = 220, 229, 189). Pour l'arrière-plan, choisissez un vert-jaune un peu fané (RVB = 133, 151, 81). 
 + 
 +Ensuite, cliquez (et maintenez) le bouton gauche de la souris vers le centre de l'image vide et allez vers le milieu du haut de l'image. Lâchez alors le bouton de la souris, et vous avez un dégradé radial couvrant la totalité de l'image. 
 + 
 +Non, pas les calques ! 
 + 
 +Cliquez sur Fichier > Ouvrir, et choisissez l'image du ciel. Pour insérer rapidement le ciel dans votre image, allez dans la boîte de dialogue « Calques » de l'image du ciel (comme montré ci-dessus) et faites un glisser-déposer du calque « Arrière-plan » vers votre image principale. Le ciel étant maintenant dans votre image, vous pouvez fermer le fichier « ciel ». [Ndt : Vous pouvez également utiliser la commande Fichier > Ouvrir en tant que calques... pour réaliser cette étape, sans ouvrir un second fichier.] 
 + 
 +**The sky image is quite high resolution, larger than we require, so we need to resize it. Click the ‘Resize’ tool (shown left), and click the sky. In the resize window that pops up, you need to make sure that the little chain link icon is linked. If the icon looks like a broken chain, then your sky image will resize disproportionately and squish. Make the width of the sky about 300 wide, and click OK. This gives us some room to play with.
  
 Click the ‘Move’ icon (shown left). Now, left click and drag the sky icon to where you think it looks best. Click the ‘Move’ icon (shown left). Now, left click and drag the sky icon to where you think it looks best.
Ligne 34: Ligne 54:
 TIP: The gradient is one layer and the sky is another. If we add several more layers, it’ll get quite confusing. To make things easier you can double click on a layer name and rename it. TIP: The gradient is one layer and the sky is another. If we add several more layers, it’ll get quite confusing. To make things easier you can double click on a layer name and rename it.
  
-Now for some layer magic. With the sky layer still selected, click the drop down menu above the layers and choose ‘Value’.+Now for some layer magic. With the sky layer still selected, click the drop down menu above the layers and choose ‘Value’.**
  
-Color Curve+L'image du ciel a une résolution assez élevée, plus grande que ce que nous voulons, nous devons donc la retailler. Cliquez sur l'outil de « Mise à l'échelle » (cf. à gauche) et cliquez sur le ciel. Dans la fenêtre « Mise à l'échelle » qui apparaît, faites attention que la petite chaîne reliant la largeur à la hauteur soit bien fermée. Si cette petite icône représente une chaîne ouverte (brisée), le calque « ciel » sera redimensionné de manière disporportionnée et sera écrasé. Ajustez la largeur du calque « ciel » à environ 300 pixels [Ndt : la hauteur est modifiée automatiquement en 225 pixels environ] et cliquez sur « Échelle ». Cela nous donne une certaine marge de manœuvre. 
 + 
 +Cliquez sur l'outil de « déplacement » (cf. à gauche). Maintenant, cliquez à gauche et faites glisser le calque du ciel jusqu'à trouver la bonne position. 
 + 
 +ASTUCE: le dégradé est un calque, le ciel en est un autre. Si vous ajoutez plusieurs calques, cela peut devenir un peu confus. Pour vous simplifier la vie, double-cliquez sur le nom du calque (dans la boîte de dialogue « Calques ») et renommez-le. 
 + 
 +Maintenant, un peu de magie avec les calques. Le calque « ciel » étant sélectionné, cliquez sur la liste déroulante « Mode » au-dessus des calques et choisissez « Valeur ». 
 + 
 +**Color Curve
  
 You’ll now have a greeny sky, but it doesn’t look very dramatic does it? With the sky layer still selected, click Colors > Curves from the menu. We’re going to create what’s known as an S-curve. The S-curve is a great way of quickly color correcting your photos too. Click two boxes across and two down in the grid, and drag your mouse up and to the left slightly, and two boxes in and up from the bottom left of the grid, and click and drag down to the right. You’ll now have a greeny sky, but it doesn’t look very dramatic does it? With the sky layer still selected, click Colors > Curves from the menu. We’re going to create what’s known as an S-curve. The S-curve is a great way of quickly color correcting your photos too. Click two boxes across and two down in the grid, and drag your mouse up and to the left slightly, and two boxes in and up from the bottom left of the grid, and click and drag down to the right.
Ligne 42: Ligne 70:
 Which will give you an S-curve (shown above) which you should play around with until you get a nice dramatic sky with good darks, but not too bright lights. Which will give you an S-curve (shown above) which you should play around with until you get a nice dramatic sky with good darks, but not too bright lights.
  
-Let’s finish off this sky and that’ll do us for this first part of the tutorial.+Let’s finish off this sky and that’ll do us for this first part of the tutorial.**
  
-Layer Mask+Courbe des couleurs 
 + 
 +Vous avez maintenant un ciel vert, mais il n'est pas encore assez « dramatique », n'est-ce pas ? Sélectionnez le calque « ciel » et cliquez sur Couleurs > Courbes... dans le menu. Nous allons créer ce que nous appelons une courbe en S. La courbe en S est une bonne méthode pour corriger les couleurs de vos photos également. Depuis le coin supérieur droit, cliquez sur la courbe -2 cases / -2 cases et déplacez-la d'une case vers le haut. Depuis le coin inférieur gauche, cliquez le point 2 cases / 2 cases et déplacez-le de 1 case vers la droite et une case vers le bas. 
 +Vous devriez avoir une courbe en S (cf. au-dessus) avec laquelle vous pouvez jouer afin d'obtenir un ciel dramatique sympa avec des noirs profonds et des lumières pas trop vives. 
 + 
 +Avec ce ciel s'achève la première partie de ce tutoriel. 
 + 
 +**Layer Mask
  
 Right click on the sky layer, and from the menu, choose ‘Add Layer Mask’ (shown below). Right click on the sky layer, and from the menu, choose ‘Add Layer Mask’ (shown below).
Ligne 52: Ligne 87:
 That box is a thumbnail of the layer mask. The idea is that if you select that layer thumbnail, and draw in black, you’ll erase parts of the sky image. Draw over the erased area with white and the sky will reappear. This means you can show/hide parts of the sky - using the mask - without destroying the original sky image. We’ll use the mask to fade the sky into the background. That box is a thumbnail of the layer mask. The idea is that if you select that layer thumbnail, and draw in black, you’ll erase parts of the sky image. Draw over the erased area with white and the sky will reappear. This means you can show/hide parts of the sky - using the mask - without destroying the original sky image. We’ll use the mask to fade the sky into the background.
  
-Make sure the mask thumbnail is selected, it should have a white outline, and click the “Rectangle Select’ icon (shown below left). Left click and draw a box around the bottom third of the sky.+Make sure the mask thumbnail is selected, it should have a white outline, and click the “Rectangle Select’ icon (shown below left). Left click and draw a box around the bottom third of the sky.**
  
-Now click the ‘Blend Tool’ icon (that we used at the start of this tutorial), but make sure the ‘Shape:’ is Linear this time. You’ll need a foreground colour of black, and a background colour of white. With that all set, click and drag just up from the bottom middle of the selected area, to just below the top middle of the selected area, and release the mouse button.+Les masques de calque 
 + 
 +Cliquez droit sur le calque du ciel et, depuis le menu, choisissez « Ajouter un masque de calque... » (cf. en dessous). 
 +Dans la nouvelle fenêtre, choisissez « Blanc (opacité complète) » et cliquez sur « Ajouter ». Une boîte est apparue à côté de la vignette du ciel dans la liste des calques. 
 + 
 +Cette boîte est une vignette du masque de calque. L'idée est que si vous sélectionnez cette vignette de calque et que vous dessinez en noir, vous effacerez des portions de l'image du ciel. Si vous dessinez avec du blanc sur la partie effacée, le ciel réapparaîtra. Cela signifie que vous pouvez montrer/cacher des portions de ciel - en utilisant le masque - sans détruire l'image originale du ciel. Nous utiliserons donc le masque pour fondre le ciel avec l'arrière-plan. 
 + 
 +Assurez-vous que la vignette du masque soit sélectionnée (elle devrait être entourée d'une bordure blanche) et cliquez sur l'outil de « sélection rectangulaire » (cf. à gauche). Cliquez gauche et dessinez un carré sur le tiers inférieur du ciel. 
 + 
 +**Now click the ‘Blend Tool’ icon (that we used at the start of this tutorial), but make sure the ‘Shape:’ is Linear this time. You’ll need a foreground colour of black, and a background colour of white. With that all set, click and drag just up from the bottom middle of the selected area, to just below the top middle of the selected area, and release the mouse button.
  
 Your sky will now magically fade into the background. And since it’s a layer mask, the original sky is untouched. You can right click on the layer mask and delete it and the sky will return to its original state. Your sky will now magically fade into the background. And since it’s a layer mask, the original sky is untouched. You can right click on the layer mask and delete it and the sky will return to its original state.
Ligne 60: Ligne 104:
 Next month we’ll add a piece of landscape below the sky, and maybe, just maybe, start growing that beanstalk. Class dismissed!** Next month we’ll add a piece of landscape below the sky, and maybe, just maybe, start growing that beanstalk. Class dismissed!**
  
 +Maintenant, cliquez sur l'outil de « dégradé », que nous avons utilisé au début de ce tutoriel, et assurez-vous que la « Forme: » soit « Linéaire » cette fois-ci. Nous avons besoin d'une couleur de premier plan noire et d'une couleur d'arrière-plan blanche. Avec ces paramètres, cliquez et glissez depuis un peu plus haut que le milieu du bas de la sélection, jusqu'à un peu plus bas du milieu du haut de la sélection, et relâchez le bouton de la souris.
 +
 +Votre ciel va se fondre maintenant dans l'arrière-plan comme par magie. Et, comme c'est un masque, le ciel original ne sera pas modifié. Vous pouvez faire un clic droit sur le masque de ce calque et le supprimer, le ciel reviendra à son état original.
 +
 +Le mois prochain, nous ajouterons un peu de paysage en dessous du ciel, et peut-être, je dis bien peut-être, nous commencerons la création du haricot. L'école est finie !
issue60/tuto_gimp.1336078421.txt.gz · Dernière modification : 2012/05/03 22:53 de albinoz