Bonjour à tous

Voici donc un tutoriel pour vous aider à créer une bannière avec GIMP . Ce tutoriel est fait pour les débutants qui n'ont jamais touché à ce logiciel !

Il vous faudra donc 2 logiciels pour pouvoir suivre ce tuto . Il s'agit de GIMP et de Photofiltre ( pour les cadres ) qui sont tous 2 gratuits !

_____________________________

Pour commencer , je vais vous expliquer comment découper un personnage sur GIMP . Plusieurs méthodes s'offrent à vous mais je vais vous en expliquer une  :

L'outil chemin ( Raccourci : B ) :

Selon moi , c'est l'outil de découpage le plus simple d'emploi . Il se trouve ici :



Créez un nouveau document de 1000px sur 1000px . Collez y l'image à découper . Ensuite zoomez sur votre image à du 400% ou du 800% . Il vous suffit alors d'ajouter des points tout le long du contour avec un simple clique gauche à chaque fois . Plus vous ajouterez de points , plus votre découpe sera précise !

Une fois arrivé à côté de votre point de départ , vous devriez obtenir ceci :



Il vous suffit alors de faire une "sélection depuis le chemin" comme ci-dessous :



Vous aurez alors votre découpe que vous pouvez enregistrer sous format .xcf , le format de GIMP .

Pour utiliser votre découpe , il vous suffira alors de faire un copier et de la coller où vous le souhaitez .

Si votre découpe est trop grande pour votre création , pas de problème , vous pouvez la redimenssioner ! Allez dans : Image > Echelle et taille de l'image et vous réduisez alors votre image . Si vous voulez garder les dimensions de l'image , faites attention à la chaîne qui doit être fermée comme ceci :



NB : Vous pouvez aussi découper à la gomme sur un fond transparent ou à la baguette magique , mais je conseille l'outil chemin qui est adapté à toute situation et simple d'emploi .

_______________________________

Maintenant que vous savez découper une image , il faut apprendre à faire un fond à l'aide de brushes . Je vous rassure de suite , c'est bien plus amusant que de découper .

Tout d'abord , qu'est ce qu'un "brush" ? Et ben c'est tout simplement une brosse ou plus familièrement un pinceau !

Créez un nouveau document d'une taille compris entre 400 et 580px pour la largeur et entre 150 et 200px pour la hauteur .

L'outil brosse ( Raccourci : P ) se trouve ici :



Bon j'avoue , au départ , il n'y pas beaucoup de brushes convenables sur GIMP . C'est pourquoi nous allons en télécharger gratuitement !

Voici donc un site utile pour en télécharger : http://browse.deviantart.com/resources/ … mpbrushes/ .

Téléchargez en quelques un qui vous paraissent bien . Il vous faudra alors décompresser les fichiers téléchargés et mettre les fichiers au bon endroit . Copiez donc ces fichiers et mettez les dans le fichier de brushes de GIMP .

Où se trouve-t-il ? Dans C > Program files > Gimp-2.0 > Share > gimp > 2.0 > brushes .

Une fois dans le bon fichier , pour pouvoir les utiliser , il va falloir rafraichir la liste de brosses .

Pour cela , allez dans les brosses et cliquez sur le bouton qui ressemble à un pinceau en bas à droite .



Vous tomberez alors sur une fenêtre contenant tous vos brushes . Vous devrez alors cliquer sur les 2 flèches bleues pour rafraichir la liste et trouvez vos nouvelles brosses si elles sont dans le bon fichier .



Maintenant vous pouvez les appliquer sur votre document avec la couleur adéquate , etc...

Je pense que je n'ai pas besoin de vous montrez un exemple , je vous conseille juste de remplir le fond d'une couleur avant d'appliquer des brushes .

_______________________________

La prochaine étape , consiste à coller votre personnage sur la bannière .

Créez un nouveau calque à l'aide du menu des calques ( Raccourci : Ctrl + L ) . Vous verrez alors un bouton avec une page vierge pour créer un calque en bas à gauche . Cliquez dessus et nommez votre calque "perso" par exemple .



Réouvrez donc votre découpe , faites un copier . Et collez le personnage sur votre bannière dans ce calque .

______________________________

Il nous reste alors la police à mettre sur notre création !

Comme pour les brosses , il y a moyen d'en télécharger ou d'utiliser celles de départ .

Le site le plus connu pour en télécharger : http://www.dafont.com/ .

Téléchargez la police qui vous plaît , vous aurez alors à nouveau un fichier à décompresser et à mettre au bon endroit .

Où mettre le fichier TrueType ? C > Documents and Settings > Votre nom d'utilisateur > .gimp-2.4 > fonts

Il vous faudra alors faire comme pour les brosses et rafraichir la liste de polices . Pour cela faites comme sur l'image ci dessous dans l'outil texte ( Raccourci : T ) .



Il vous reste alors à l'appliquer sur votre bannière .

Alternative :

Il y a un autre moyen que j'ai découvert grâce à Angerfist . Il vous suffit de télécharger la police , de la décompresser . Mettez la sur le bureau par facilité .

Vous allez alors dans poste de travail > panneau de configuration > polices ( cliquez pour basculer vers l'affichage classique si vous êtes sur l'affichage par catégories ) .

Ensuite allez dans Fichier > installer une nouvelle police

Là vous allez dans c: / > Documents and settings > Nom de l'utilisateur  > bureau  . La police apparaîtra dans la liste de polices . Il vous suffira de la sélectionner et de cliquer sur Ok .

Cette technique évite d'actualiser les polices de GIMP , elle sera directement disponnible .

Un petit screen :



( Oui vous savez tous que je m'appelle Brian maintenant )
______________________________

Vous avez donc presque fini votre création ! Enregistrez la sous format .xcf et sous format .JPEG ou .png . Le .xcf vous permettra de modifier votre bannière plus tard . Le .JPEG ou le .png vous permettra d'hébergez votre image sur un site mais il fusionnera vos calques , il sera donc dur de les modifier par la suite .

______________________________

Et Photofiltre dans tout ça ? Il arrive , il arrive ...

Ouvrez Photofiltre et ouvrez votre création sous format .JPEG ou .png .

Allez dans Filtres > Encadrement , et vous adaptez selon vos envies le cadre . Si il ne vous plait pas , annulez via le menu édition et choisissez en un autre

______________________________

Vous venez donc d'apprendre la base pour réaliser une bannière . Je vous laisse découvrir le reste du logiciel par vous même.

______________________________

Astuces supplémentaires :

Lueur externe

Je vais maintenant vous expliquer ce qu'est une lueur externe et comment en faire une .

Tout d'abord une lueur externe permet de faire ressortir un élément en faisant apparaître une aura autour de celui-ci .

Pour cela , il faut aller dans le menu des calques .  Cliquez droit sur le calque avec votre personnage par exemple et faites un "alpha vers sélection" .

Créez ensuite un nouveau calque nommé "lueur" .

Retournez sur votre création et allez dans Sélection > Agrandir . Agrandissez de 2px .

Remplissez d'une couleur la sélection avec l'outil remplissage .

Appliquez alors un flou gaussien ou un flou mosaïque selon la lueur que vous voulez faire .

Pour finir retournez dans le menu des calques et faites passer le calque "lueur" en dessous de celui des personnages grâce aux flèches en dessous de votre menu .



NB : Vous pouvez aussi bien appliquer cette technique sur un texte !


Rectangle arrondi :

Vous en avez marre des rectangles avec des angles bien droit ? Voici une solution :

Vous ouvrez un nouveau document de préférence avec un fond transparent ( fichier --> nouveau --> options avancées --> remplir avec : transparent ) .

Vous sélectionnez alors l'"outil de sélection rectangulaire" ( Raccourci : R ) :


Tracez alors un rectangle en gardant le clic gauche enfoncé . Ensuite cliquez avec le bouton droit de la souris sur le rectangle . Cliquez alors sur sélection --> rectangle arrondi .

Une nouvelle fenêtre s'ouvre alors . Elle vous permet de choisir le rayon en % . Je choisis en général 20% :



Vous voila donc avec une sélection en rectangle arrondi , c'est bien joli mais il n'y a pas de cadre

Pas de panique , j'ai évidement la solution . Remplissez  cette sélection d'une couleur ( si vous voulez un rectangle noir , remplissez la de noir ) . Il ne vous reste plus qu'à allez dans sélection --> réduire .

Une nouvelle fenêtre s'ouvre , vous demandant de combien de pixels la sélection doit-elle être réduite . Chosissez en fait le nombre de pixels en fonction de la taille de cadre que vous voulez avoir ( 1px pour un cadre de 1px ) . 

Une fois ceci fait , il ne vous reste qu'à supprimer la sélection réduite en appuyant sur delete et vous obtiendrez un rectangle arrondi . Vous pouvez aussi remplir la sélection réduite d'une autre couleur .



NB : Si vous voulez travailler uniquement dans votre rectangle arrondi , il faut cliquer droit sur le calque où vous l'avez créé et faire un alpha vers sélection .
______________________________

Tutoriel réalisé par Blade The Dark .

Dernière modification par Blade the dark (04-07-2009 12:18:01)