In the first of this new GIMP series, I’m going to try and show you some intermediate techniques. In other words, things that people may think are possible only with Photoshop. If you’d like to read more about the absolute basics of GIMP, then I refer you back to FCM#12-19. While I used an older version of GIMP in those issues, the layout of GIMP has changed little in the passing years. For ideas, I’m using Photoshop tutorials that are freely available on the web, and, while not copying them step for step, applying the underlying principles of them to GIMP. I should also state, for the record, that I’m using GIMP 2.6. As I write this, a 2.7 version is available, but, it is not entirely compatible with the *buntu family, and trying to install it can give conflicts. What we’ll be making is shown left.
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: Sky - http://www.2textured.com/index.php/Environment/Skies/skies_0347. YouTube Video showing Pt1 being made: http://www.youtube.com/watch?v=NYFTdbzjubg. 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.
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. No, Not The Layers! 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.
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. 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’.
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. 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.
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). From the window that pops up, choose ‘White (full opacity)’ and click ‘Add’. You’ll see a box appear next to your sky thumbnail in the list of layers. 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.
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. 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 !