Bonjours et bienvenue .
C'est mon tout premier tuto donc j'espère qu'il vous plaira.
On vas donc créer une bannière animée avec gimp.
Je joue a Urban rivals, je sait pas si vous connaissez mais c'est un jeu de collection avec des cartes,  
dans se jeu on a des guildes et pour faire sa pub sur le site on doit créer une bannière.
Donc je vais vous montrer comment faire une bannière avec un personnage du jeu urban rivals.
 
1)L'image de base
 
Pour ce tuto ont va prendre un personnage du jeu : Mini mund, voici sa photo:  

(Vous pouvez prendre n'importe qu'elle image tant qu'elle a un fond blanc).
 
Ensuite une fois votre image enregistré, vous ouvrez Gimp et vous allez dans Fichier > ouvrir en tant que calque... (Ctrl+Alt+O)
 
On vas effacer avec la gomme    (Maj+E) le contour en noir et le logo urban rivals pour avoir sa :
 

 
Ensuite on va rendre le blanc transparent.
Pour sa on fait : Calque > Transparence > Couleur vers alpha... et vous choisissez la couleur blanche
 
Et sa doit donner sa :
 

 
Créez un nouveau calque mettez l'option transparence :
 

 
Mettez le nouveau calque en dessous de mini mund puis faites alpha vers sélection sur le calque mini mund,
sélectionnez le nouveau calque puis remplissez la sélection de blanc avec l'outil de remplissage (Maj+B)  
cliquer sur Sélection > Aucune
Cliquez sur l'œil  pour voir que le nouveau calque :  
 

 
Vous remarquez qu'il reste du transparent. Donc il faut prendre la brosse    avec la couleur blanche pour avoir sa :
 

 
Ensuite vous re-cliquez sur l'œil a coté du calque mini mund pour le voir réapparaitre :
 

 
Faites un clique droit sur le calque mini mund et cliquez sur fusionner vers le bas .  
Et voila vous avez une image avec le fond transparent ...
 
Enregistrer votre travail sous le nom : Mini mund.png  
 
2) La bannière
 
Faites Fichier > Nouvelle image et entrez ces coordonnées :
 
 
 
Enregistrez cette image :  
(elle servira de fond)
 
Ensuite cliquez sur Fichier > Ouvrir en tant que calque... (Ctrl+Alt+O) et ouvrez l'image qu'on vient d'enregistrer.
 
Réduisez l'image avec l'outil :  et replacez la avec l'outil     pour obtenir a peu près sa :  
 

 
Supprimez le calque arrière plan il ne sert a rien    
 
Créez un nouveau calque et appliquez un dégradée    PP vers AP(RVB) avec les couleurs suivantes : AP: #201529  ;  PP: #58030b
 
 
Et passez le calque en mode : Couleur  

 
 
Puis cliquez sur Fichier > Ouvrir en tant que calque... et ouvrez notre Mini mund détouré.
Réduisez l'image et placez la de façon a obtenir a peu près sa :  
 

 
Ont a notre image de base pour notre bannière ...  
Maintenant on va créer l'animation avec le texte .  
Pour le texte je ne vais pas faire un tuto pour expliquer comment faire une belle écriture sinon je vais y passer la journée . Sur crystal xp vous pouvez trouver des tuto qui explique plein de style d'écriture classe    ( vous pouvez aussi choisir votre police ici : http://www.dafont.com/fr/ )
 
Fusionnez les trois calque puis écrivez votre texte :  
 

 
Dupliquez le calque mini mund 4 fois ( de manière a avoir 5 calques mini mund )
 
Et dupliquez le calque texte 4 fois aussi ( de manière a avoir 5 calques texte )
 
Puis mettez les de cette manière :  

 
Maintenant cliquez sur les yeux devant tout les calque sauf les deux dernier .
Agrandissez le calque texte : 1000 x 203 et placez le au centre de l'image :
 

 
Cliquez sur les yeux des deux calque du dessus puis agrandissez le calque texte : 800 x 163 et placez le au centre de l'image :  
 

 
Cliquez sur les yeux devant les deux calques du dessus puis agrandissez  le calque texte : 600 x 122 et placez le au centre de l'image  
 
et maintenant cliquez sur tout les yeux a coté des calques et fusionnez les comme sa :  
 

 
Renommez le premier calque : gif1.png(100ms)(replace)
Renommez le deuxiemme calque gif2.png(100ms)(replace)
Le 3eme : gif3.png(100ms)(replace)
Le 4eme : gif4.png(100ms)(replace)
Le 5eme : gif5.png(1500ms)(replace)  
 
Comme sa :  
 

 
 
C'est important car sa donne le temps que met chaque image a laisser la place a la prochaine. ms = millisecondes.
 
Ensuite enregistrez le document en gif et suivez les images :
 
 

 

 

 

 
Voila le résultat finale :
 
Pour faire une bannière avec plusieurs phrase il suffit de recommencer avec une autre phrase et mettre les calques a la suite de ceux la .
 
Voila c'est Fini j'espère que j'ai bien expliqué et que se tuto aidera quelques personnes    
 
Dites moi si il y a des choses a améliorer dans mes explications ou dans ma manière de faire .

Aucun commentaire ???  

Pas mal du tout ^^. Tuto avec beaucoup d'image, bien expliqué mais un peu long ^^. Et dommage que le gif gâche le résultat ^^.
 
Bon travail.

---------------
Mon deviant art:
 

Mercii ^^. c'est vraie que l'image n'est pas très belle une fois animé . Mais il y a une solution ou pas ?

La deuxième solution qui fait un résultat parfait c'est de la mettre en flash. Mais c'est un peu plus dur et il faut le logiciel.

---------------
Mon deviant art:
 

 
 
malheureusement je ne connais pas de logiciel (gratuit) qui peut faire sa .

Tuto intéressant, c'est bien imagé (même si les rajout en rouge sont "moche" ) hébergé sur CrystalXp en plus.
 
Il faudrait par contre, que tu héberges également l'image de départ sur le forum, car si le lien meurt..
 
Après, faudrait que tu améliores un peu le texte. Exemple au lieu d'écrire :
 
1)l'image de base
 
Tu peux faire ca comme ca :
 
1) L'image de base
 
(Ce n'est qu'un exemple) Mais ca met les étapes en valeur, que là, les étapes ne sont pas clairement définis du coup (d'un point de vue visuel). Ca manque aussi de majuscule en début de ligne.
 
Ta as aussi les boutons de Gimp disponible en smileys, quand tu cliques sur "Répondre, tu as les smileys à gauche, tu cliques sur les fleches bleu jusqu'à avoir les boutons Gimp, ca peut être utile pour illustrer une "commande". Tu peux également utiliser celui-ci
 
Doit également il y avoir des fautes, essais de te relire voir si tu peux corriger.
 
Mais sinon, c'est très bien, améliores juste la clarté du texte et je validerais  

 
Voila c'est fait . Par contre est-ce qu'il y a besoin que je refasse les images pour que j'enlève le rouge ou que je le fasse plus joli ?

Voici 1 de mes création de banniere qu'on peut réaliser avec la meme méthode ( en plus sur ces banniere le gif est de meilleur qualité )  :  
 
 
 

 

 
Si tu peux, oui, ce serait bien