Gimp Digiscrap étape5 : utiliser un template

Bon!
J'avais demandé, pour réaliser cette étape du tutoriel "Ma première page de Digital Scrap" l'autorisation d'utiliser un template déjà tout fait à une DigiScrappeuse du net mais je n'ai pas eu de réponse.

Et comme :

• je ne suis pas patient
• je suis un adepte du "do-it-yourself"
• j'aime bien apprendre
• et surtout il y a Puce qui trépigne d'impatience de pouvoir enfin créer sa première page de scrap à base de template :o)...

...j'ai décidé de me faire mon premier template sous Gimp pour pouvoir poursuivre ce tutoriel. Comme d'habitude, ne cherchez pas du beau et de l'esthétique, ce n'est pas l'objectif.
Ici nous allons voir comment techniquement on peut utiliser un template. Pour faire du joli, on s'appliquera plus tard...

Donc voici le template en question :




Plusieurs choses avant de commencer :

• Un template c'est un modèle de page pour le Scrapbooking digital. C'est un document graphique au format Photoshop le plus souvent (.psd). Mais comme Gimp est un logiciel libre et ouvert, aucun soucis pour ouvrir les fichiers photoshop avec lui!
  Un template se compose de calques. Un calque c'est comme une feuille qui comporte un élément, un texte, un fond, une photo. Une composition est faite de ces calques superposés les uns sur les autres. L'avantage des calques est qu'ils permettent de modifier l'apparence d'un élément (un calque) sans toucher aux autres.
  Les calques c'est encore une fois la liberté de faire ce qu'on a envie de faire et pas ce que le logiciel veut bien que l'on fasse...Ca va finir par être le slogan de ce blog cette phrase!
  

• J'ai remarqué que les templates proposés sur le net font quelque chose comme 3600*3600 pixels. Le template seul peut à lui seul manger 100 à 200 Mo de mémoire vive. Moi j'ai pas un ordinateur de la NASA, j'ai donc décidé de faire un premier template de 1000*1000 pixels. La raison d'une si grande taille pourrait être la qualité de l'image...à justifier (qui imprime des pages de scrap de 30*30 cm??).
  
  
• Ce template a été réalisé pour qu'il soit le plus simple possible à utiliser avec Gimp. Ce ne sera peut-être pas le cas de tous les templates que vous trouverez sur le net. Nous étudierons plus tard, au cas par cas, les questions soulevées par l'utilisation d'autres templates. N'hésitez pas à poser des questions...

Allez, fini la causette, on sort ses mains de ses poches, on s'échauffe les phalanges et on s'y met.

1.) Il faut télécharger le template.
Pour cela cliquez ici.

2.) C'est bon? Vous avez enregisté le template? Alors qu'attendez-vous? Ouvez le ;)

3.) La première chose à observer ce sont les calques qui composent le template. Si vous ne voyez pas la fenêtre des calques passez par Boîte de dialogue -> calques ou CTRL+L au clavier.
Nous voyons donc cela :



Il est bien clair que chaque élément a son calque. Nous allons nous occuper tout d'abord du fond représenté par le calque nommé Arrière-plan.

4.) Sélectionnez le calque Arrière-plan en cliquant dessus. Nous allons remplir notre fond d'un dégradé. Sélectionnez l'outil dégradé , choisissez le dégradé qui vous convient et appliquez le à votre Arrière-plan. Pour utiliser l'outil dégradé, cliquez sur votre page à l'endroit auquel vous souhaitez que votre dégradé commence, glissez et relachez à l'endroit auquel vous souhaitez que votre dégardé se termine. Vous pouvez aussi jouer sur la direction de votre dégradé.
J'ai choisi le dégradé Yellow-orange (oui encore!), du haut vers le bas sur toute la hauteur de la page.
Ce qui nous donne ceci :


5.) Nous allons nous occuper des deux barres qui traversent la page. Sélectionnons le calque Barre verticale. Nous allons remplir cette barre avec un motif. Nous cliquons sur l'outil pot de peinture.



Sélectionnez Remplissage avec le motif, choisissez votre motif et cliquez sur votre barre verticale. Vous pouvez vous amuser à changer le mode d'application du motif dans la barre mode (tout en haut) pour faire des variantes et jouez sur la transparence avec la petite barre opacité...y'a pas de mystères, faites des essais!
Voilà ce que ça donne en aplliquant le motif 3D Green, en mode Multiplier et une opacité de 60.

6.) Occupons nous maintenant de la barre horizontale. Nous allons voir comment créer une nouvelle brosse et utiliser le ciseau intelligent. A partir d'une image d'une grappe de cerises (oui oui l'an dernier j'avais des grappes de cerises dans mon jardin!) nous allons découper une partie de l'image et en faire une brosse avec laquelle nous pourrons décorer la barre horizontale.

Vous pouvez, si vous le souhaitez récupérer la photo grappe de cerises ici.

Sélectionnez l'outil ciseaux intelligents , il permet de détourer un élément d'une image automatiquement (en fait l'outil analyse les formes dans l'image et tente, tant bien que mal, de s'adapter aux bords de l'image). Se servir de cet outil est simple, il suffit de cliquer tout autour de l'élément que l'on veut détourer. ceci ajoute des noeuds. Plus on ajoute de noeud, plus l'outil dispose d'informations pour détourer. Une fois le "tour" fait on reclique sur le premier noeud. Si un noeud est mal placé, il est possible de le replacer. Passez votre souris au dessus, une croix apparaît près du pointeur ciseaux, cliquez déplacez, relachez.


Puis, en cliquant au milieu de notre zone de détourage, la zone se transforme en sélection.
Nous allons alors copier notre sélection par le menu Edition -> Copier ou CTRL+C du clavier. Le menu Edition propose Coller comme -> nouvelle brosse...Donnez un nom à votre brosse et validez!

Ensuite, pour utiliser votre brosse, sélectionnez le calque de la barre horizontale, prenez l'outil pinceau , sélectionnez votre brosse cerises dans la fenêtre d'options de l'outil.



Passez la souris sur votre barre horizontale. Votre pointeur prend la forme de la brosse. Si celle-ci est trop petite ou trop grande, utilisez la barre étirer ou rétrécir dans les options de l'outil pinceau. Une fois la taille fixée, placez vos cerises sur votre "scraposition" (néologisme du samedi matin).


7.) Des photos! Des photos! Des photos!
Bah oui le but c'est quand même d'y mettre des photos à ce Digiscrap!
Ouvrez votre photo. Vous pouvez déjà réduire sa taille si elle sort tout chaud de votre APN. Image -> Echelle et taille de l'image. Ici une photo de 400 pixels de large ira très bien. Sélectionnez toute la photo par le menu Sélection -> Tout ou CTRL+A sur votre clavier. Copiez la sélection par Edition -> Copier ou CTRL+C au clavier.

Repassez sur votre composition (en cliquant sur sa barre de titre en haut ou en cliquant dessus dans la barre des tâches en bas). Collez votre photo par Edition -> Coller ou CTRL+V du clavier. Ceci a pour effet de créer un calque de sélection flottante dans la fenêtre des calques. Validez le soit en cliquant sur le bouton de nouveau calque en bas à gauche ou en renommant votre calque. Attention si vous ne faîtes pas cela votre nouvel élément va se coller à un autre calque et vous ne pourrez plus les gérer indépendemment.



Avec l'outil déplacer , positionnez votre nouveau calque au dessus du cadre prévue pour la photo et appliquez lui une rotation pour l'aligner au cadre. Une astuce simple pour faciliter le positionnement par rapport à un autre élément : baissez l'opacité du calque de votre photo dans la fenêtre des calques. Ainsi vous verrez le cadre en dessous et pourrez être plus précis dans le placement.



Maintenant nous allons rogner tout ce qui dépasse du cadre (sinon ça sert à quoi d'avoir un cadre hein?). Pour cela nous allons sélectionner le calque avec le fond noir prévu pour la photo : inserer photo 1. Nous allons sélectionner ce cadre noir en cliquant droit sur le calque et Alpha vers sélection. De cette façon nous sélectionnons tout ce qui n'est pas transparent sur le calque (et par conséquent le cadre noir...). Notez que nous aurions aussi pu utiliser l'outil de sélection de couleur.
Le cadre noir est sélectionné, repassons sur le calque de notre photo (pour moi les primevères). Nous aimerions que seule la partie de la photo qui est dans la sélection soit conservée. Nous inversons donc la sélection afin de sélectionner ce qui dépasse du cadre (menu Sélection -> Inverser ou CTRL+I) et supprimons par le menu Edition -> Effacer ou Suppr du clavier. Repassez l'opacité du calque de la photo à 100. Votre photo est dans le cadre!!



Il ne vous reste plus qu'à vous entrainer sur les trois petits cadres de gauche en appliquant la même méthode (c'est en répétant les manipulations qu'on les intègre...pour ne pas parler du forgeron). Donc la marche à suivre : copier l'élément -> le coller sur la composition -> valider la création d'un nouveau calque-> redimensionner et mettre en place l'élément en diminuant son opacité -> sélectionner le calque conteneur -> Clic droit alpha vers sélection -> revenir sur le calque de l'élément -> Inverser la sélection -> Supprimer ce qui dépasse -> Remettre l'opacité à 100 -> Savourer le spectacle!

Moi je reste dans le thème printemps et fleurs du jardin mais si vous préférez Winny l'ourson, Nemo ou frère des Ours faites vous plaisir :) (enfin attention au copyright quand même...).



Afin de donner un peu de volume (parce que je le vaux bien...) aux éléments nous pouvons ajouter à chacun une ombre portée. Sélectionnez le calque d'un élément, passez par le menu Filtres -> Ombres et lumières -> ombre portée...Sélectionnez les paramètres qui vous conviennent, validez et la scraposition prend du relief!
Pour la photo encadrée, il faut sélectionner le cadre pour appliquer l'ombre (calque cadre photo1).



Ce tutoriel est assez long, il comporte peut-être des erreurs ou des imprécisions, n'hésitez pas à m'en faire part dans les commentaires.