| | [6] exemple d'utilisation de Gimp: une bannière |  |
|
|
| Auteur | Message |
|---|
patchi
Modérateur
Messages : 63
Date d'inscription : 29/08/2011
Age : 27
| Sujet: [6] exemple d'utilisation de Gimp: une bannière ![[6] exemple d'utilisation de Gimp: une bannière Icon_minitime](https://2img.net/i/fa/icon_minitime.gif) Sam 3 Sep - 14:04 | |
| Aujourd'hui: Comment créer une bannière comme celle-ci:
![[6] exemple d'utilisation de Gimp: une bannière Graphie_maniac_by_lepatchi-d48fb4t](https://2img.net/h/fc08.deviantart.net/fs70/f/2011/243/2/1/graphie_maniac_by_lepatchi-d48fb4t.png)
C'est un tutoriel en 4 partie:
Partie 1: création d'une auréole autour d'un personnage
Partie 2: création d'un fond avec utilistion d'un Script-Fu
Partie 3: Montage final avec des Masques de calque
Partie 4: le texte1er Partie: Créer une Auréole autour d'un personnage: - Spoiler:
D'abord il vous faut un personnage autour du quel on va créer une auréole: Ici, la mascotte du forum: Ayumi.
De préférence, une image de type PNG avec un fond transparent.
![[6] exemple d'utilisation de Gimp: une bannière Ayumi10](https://i.servimg.com/u/f42/15/82/23/90/ayumi10.png)
1er étape: ouvrir l'image
-clique droit sur l'image -> edit with Gimp ou
-ouvrir Gimp -> Fichier->ouvrir...-> chercher votre image.
2ème étape: créer une bordure
-prendre l'outil: selection par couleur (voir: [1] L'interface)
-cliquer sur la partie transparente autour du personnage.
-Puis inverser la selection: Selection -> Inverse ou raccourci clavier: Ctrl+i
-Selection-> Bordure... ou -clique droit sur l'image -> selection -> Bordure...
-une fenêtre arrive: règlages: 10 pixels et clocher: adoucir les bords. Puis valider.
![[6] exemple d'utilisation de Gimp: une bannière Select10](https://i.servimg.com/u/f42/15/82/23/90/select10.jpg)
3ème étape: nouveau calque
-Calque->Nouveau calque... ou raccourci clavier: Maj+Ctrl+N ou bouton nouveau calque (voir image ci-dessous)
règlages: nom du calque: auréole
dimensions: ne changer rien
Type de remplissage du calque: Transparence
![[6] exemple d'utilisation de Gimp: une bannière Nouvea10](https://i.servimg.com/u/f42/15/82/23/90/nouvea10.jpg)
4ème étape
-Prendre l'outil: Remplissage (image ci-dessus)
Règlages: type de Remplissage: Remplissage avec la couleur PP (blanc dans ce cas là)
Région affectée: Remplir toute la selection
-cliquer sur la selection.
-Maintenant selectionner le tout: Selection->Tout ou raccourci clavier: Ctrl+A
5ème étape: ajouter un effet flou
-Filtres->Flou->Flou Gaussien... Règlage: laisser les règlages par défaut.
6ème étape: finalisation
-déplacer le calque "auréole" au deuxième plan. Soit faire glisser le calque sous le calque "arrière-plan",
soit Calque->Pile->Descendre le calque ou soit utiliser la petite flèche verte dans l'onglet calque.
-fusionner les 2 calques: selectionnier le calque qui est au premier-plan. Si vous avez suivi, c'est "arrière-Plan". et soit Calque->Fusionner vers le bas ou cilque droit sur le calque "arrière-plan"->Fusionner vers la bas.
![[6] exemple d'utilisation de Gimp: une bannière Auraol10](https://i.servimg.com/u/f42/15/82/23/90/auraol10.jpg)
Maintenant, Vous pouvez Engeristrer cette image en format PNG. Pour cela:
- Fichier-> Enregistrer sous...
-nommer-le de façon à le reconnaître plus tard. ex: personnage-auréole.png
-n'oublier pas de l'engistrer en format PNG. Donc, extension: .png
-Cocher le case: Enrgistrer la couleur de l'arrière-plan.
Et finalement, quitter TheGimp. Ne vous inquièter pas, nous reprends cette image plus tard.
2ème Partie: Création du fond - Spoiler:
1ème étape: télécharger le script-Fu Night Sky
Pour faire ce fond étoilé, vous aurez besoin d'un chose! Le "script-Fu" "Night Sky".
Mais, un Script-Fu (ou scrpit tout simplement) C'est quoi d'abord?
Un Script est une application automatise des tâches. Chaque script a une tâche qui lui est propres.
Pour notre fond, nous utiliserons le script "Night Sky" qu'on peux appeller aussi "Nuit étoilée" qui nous permettera comme son nom l'indique: de créer un ciel remplit d'étoile en seulement 4 ou 5 cliques.
Mais pour ça il faut le télécharger et l'installer: lien.
Cliquer sur "nuit étoilée" pour le télécharger et suiver le tutoriel pour l'installation. Si vous recontrer des problèmes, n'hésiter pas à le dire.
2ème étape: nouvelle image
-ouvrir Gimp.
-Fichier-> Nouvelle image... ou raccourci clavier: Ctrl+N
Dimenssions: largeur: 800 / hauteur: 300 pixel.
![[6] exemple d'utilisation de Gimp: une bannière Nouvel10](https://i.servimg.com/u/f42/15/82/23/90/nouvel10.jpg)
3ème étape: script-fu
-aller sous Script-Fu->Misc->Night Sky
Règlages: Star color: (couleur de étoiles) Turquoise/ Sky color: (couleur du ciel) bleu foncé/ cocher "Merge Layer?" pour tou avoir sur un seul calque.
![[6] exemple d'utilisation de Gimp: une bannière Script10](https://i.servimg.com/u/f42/15/82/23/90/script10.jpg)
résultat:
![[6] exemple d'utilisation de Gimp: une bannière Nights10](https://i.servimg.com/u/f42/15/82/23/90/nights10.png)
6ème étape: agrandir le canevas
Cette étape constiste à grandir le canevas: c'est à dire la zone de travail. Si on fait ça, c'est pour pouvoir mettre notre personnage et le contour.
- Image-> Taille du canevas...
Règlages: Taille du canevas: largeur: 840/ hauteur: 1000. Décalage: X: 20/ Y: 680 (pixels)
Ne vous inqiètez passi c'est trop grand. Après on coupera ce qui dépasse. ^^
![[6] exemple d'utilisation de Gimp: une bannière Agrand10](https://i.servimg.com/u/f42/15/82/23/90/agrand10.jpg)
7ème étape: créer un nouvau calque
-> Calque-> Nouveau calque... ou clique sur le bouton "nouveau calque" sur l'onglet "calque"
8ème étape: contour
-prenez l'outil: Pinceau
Règlages: mode: normal/ opacité: 100%/ brosse: Circle Fuzzy (19)/ échelle: 3.00
-cliquez dans un des coins de l'image "ciel étoilée" (voir image 2 ci-dessous)
-allez cliquer sur un autre coin tout en maintenant la touche Maj effoncer.
-faite de même pour les 3 autre côtés.![[6] exemple d'utilisation de Gimp: une bannière Contou10](https://i.servimg.com/u/f42/15/82/23/90/contou10.jpg)
3ème Partie: montage final - Spoiler:
1ère étape: ouvrir le personnage avec l'auréole
-fichier-> ouvrir... ou clique de droite sur l'image-> edit with Gimp.
2ème étape: copier
-soit Edition-> Copier, soit clique droit sur l'image->Edition->Copier, soit raccourci clavier: Ctrl+C
3ème étape: Coller
-revenez sur l'image de fond que nous avons créer dans la "2ème Partie: Création du fond"
-créez un nouveau calque: ->Calque->Nouveau calque... ou raccoucri clavier: Maj+Ctrl+N (réglages par défaut)
-coller votre personnage: ->Edition->Coller ou raccourci clavier: Ctrl+V
-Prendre: outil de déplacement (voir: [1] L'interface)
-déplacez le personnage juqu'à ce qui soit bien positionné (voir image ci-dessous)
Attention rien ne dois dépasser du canevas. Sinon ce sera couper et ce serait moche!
-quand les personnages est à sa place: Ancrer la selection flottante! (voir image ci-dessous)
contrairement à l'image ci-dessous, vous devriez aussi avoir le contour que nous avons fait dans l'étape 8 de la 3ème partie.
![[6] exemple d'utilisation de Gimp: une bannière Coller10](https://i.servimg.com/u/f42/15/82/23/90/coller10.jpg)
4ème étape: image pour l'effet
-il faut possèder une image que nous allons utiliser pour les effet qui sorte des mains de la mascotte.
Voilà l'image que j'ai trouvé sur Google.
![[6] exemple d'utilisation de Gimp: une bannière 6200425-motif-transparente-texture-un-arri-re-plan-abstraite-du-code-de-langue-ordinateur-binaire-en-vert](https://2img.net/h/us.123rf.com/400wm/400/400/vlue/vlue1001/vlue100100178/6200425-motif-transparente-texture-un-arri-re-plan-abstraite-du-code-de-langue-ordinateur-binaire-en-vert.jpg)
5ème étape: ouvrir l'image en tant que calque
->Fichier->ouvrir en tant que calque... ou raccourci clavier: Ctrl+Alt+O
6ème étape: redimenssionner
Vu que l'image est un peu grande, on va la redimensionner
-prendre: l'outil de mise à l'échelle.
-cocher la case: conserver les dimenssions.
-cliquer sur l'image et glisser la curseur pour trouver la bonne taille.
-Puis, cliquer sur "Echelle"
![[6] exemple d'utilisation de Gimp: une bannière Ouvrir10](https://i.servimg.com/u/f42/15/82/23/90/ouvrir10.jpg)
7ème étape: le masque de calque
Maintenant on va mettre un masque de calque.
-clique droit sur le calque avec "le code binaire"->ajouter un masque de calque...
Règlages: inititaliser le masque de calque à: Noir (transparence totale)
-prendre outil: Pinceau Règlages: comme vous voulez (je vous conseille tout de même une brosse: circle fuzzy
-prenez comme couleur le blanc.
Explication: tous ce qui est banc sur le masque est visible/ tous ce qui est noir est invisible.
-dessinez tout simplement les effet que vous voulez. Si vous faite une faute, changez de couleur et prenez le noir. ^^ Cool, hein?
![[6] exemple d'utilisation de Gimp: une bannière Masque10](https://i.servimg.com/u/f42/15/82/23/90/masque10.jpg)
8ème étape: masquer les défauts avec un masque
-créez un masque (comme vous l'avez fait avant) sur le calque où ce situe "le personnage avec auréole"
Règlages: initiation le masque de de calque à: Blanc (opacité totale)
-prendre cette fois-ci: l'outil dégradé.
-créez un dégradé pour caché le défauts qui ce trouve vers le du personnage. (voir ci-dessous)
![[6] exemple d'utilisation de Gimp: une bannière Maque-10](https://i.servimg.com/u/f42/15/82/23/90/maque-10.jpg)
9ème étape: on découpe!
-prendre l'outil de selection rectangulaire.
-dessinez un rectangle autour de l'image.
-Image->Découper la selection
Vous inquiètez pas si il a déjà le texte qu'on le met maitenant ou après. ça change rien.![[6] exemple d'utilisation de Gimp: une bannière Final10](https://i.servimg.com/u/f42/15/82/23/90/final10.jpg)
4ème Partie: Le texte - Spoiler:
Graphie Maniac
- suivez le tutoriel [3] Effet de texte
-pour la Police: Police "Wolf's Rain" téléchargée sur le site: dafont.com
http://graphiemaniac.info-graphistes.net/
-écrivez votre texte.
-dupliquez le calque
->Filtre->Flou->Flou Gaussien... Règlages par défaut ![[6] exemple d'utilisation de Gimp: une bannière Texte10](https://i.servimg.com/u/f42/15/82/23/90/texte10.jpg)
Et voilà, c'est terminer. N'hésité pas à poser des questions 
Dernière édition par patchi le Dim 4 Sep - 13:50, édité 7 fois | |
|
| | |
Talibo
Gardien du forum
Messages : 48
Date d'inscription : 03/09/2011
Age : 27
Localisation : oran
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Sam 3 Sep - 14:54 | |
| | |
|
| | |
Iraldin
Big Boss
Messages : 149
Date d'inscription : 25/07/2011
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Sam 3 Sep - 17:36 | |
| | |
|
| | |
patchi
Modérateur
Messages : 63
Date d'inscription : 29/08/2011
Age : 27
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Sam 3 Sep - 17:58 | |
| merci, j'ai du arrêter un peu en urgence à cause des orages, j'avais pas envie de griller mon ordi! Maintenant, je vais continer mon tuto. Et Iraldin, ça va le titre ou il est trop long (t'as pas une idée? ^^' ) | |
|
| | |
Iraldin
Big Boss
Messages : 149
Date d'inscription : 25/07/2011
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Sam 3 Sep - 18:26 | |
| | |
|
| | |
patchi
Modérateur
Messages : 63
Date d'inscription : 29/08/2011
Age : 27
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Sam 3 Sep - 18:56 | |
| | |
|
| | |
Iraldin
Big Boss
Messages : 149
Date d'inscription : 25/07/2011
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Sam 3 Sep - 19:09 | |
| | |
|
| | |
saku-nini
La danseuse étoile
Messages : 132
Date d'inscription : 19/08/2011
Age : 26
Localisation : Au pays de la danse classique
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Dim 4 Sep - 9:13 | |
| | |
|
| | |
patchi
Modérateur
Messages : 63
Date d'inscription : 29/08/2011
Age : 27
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Dim 4 Sep - 13:52 | |
| J'ai enfin terminé!!! J'ai passé 2 jours eniers sur ce truc! | |
|
| | |
saku-nini
La danseuse étoile
Messages : 132
Date d'inscription : 19/08/2011
Age : 26
Localisation : Au pays de la danse classique
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Dim 4 Sep - 14:14 | |
| c'est trop bien ...
bon aller il faut que je le fasse ... | |
|
| | |
Iraldin
Big Boss
Messages : 149
Date d'inscription : 25/07/2011
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Dim 4 Sep - 17:43 | |
| | |
|
| | |
saku-nini
La danseuse étoile
Messages : 132
Date d'inscription : 19/08/2011
Age : 26
Localisation : Au pays de la danse classique
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Dim 18 Sep - 15:38 | |
| J'arrives pas pour le ciel étoiler vous pouvez m'aider !!! | |
|
| | |
patchi
Modérateur
Messages : 63
Date d'inscription : 29/08/2011
Age : 27
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière Lun 19 Sep - 6:14 | |
| ok où est-ce que tu bloque?
(envoie-moi tout ça par mp) | |
|
| | |
Contenu sponsorisé
| | Sujet: Re: [6] exemple d'utilisation de Gimp: une bannière | |
| |
|
| | |
| | [6] exemple d'utilisation de Gimp: une bannière | |
|
