Création de bannières

Le Cours de Mr Landry, que je ne commenterai pas. Je n’ai pas apprécié le logiciel, qui est pour moi trop limité. Mais certains l’apprécieront sans doute, donc je le communique tel quel dans mon cours pour ne pas faire de favoritisme par rapport à mon programme fétiche : Gimp.
Le cours sur Gimp suivra celui-ci, ainsi qu’une petit leçon sur l’hébergement d’images chez Image-dream.

bernardlandry a écrit:

1- Télécharger le fichier qui vous servira en tout temps pour les créations de bannières, cliquer ici.

2- Installer et ouvrir PhotoFiltre

3- Ouvrir une nouvelle page. Ceci ressemblera à ça :



4- Inscrire les données 468*130 comme dans l’image ci-dessous et appuyer sur « ok ».



5- Choisir un fond, ici je vais prendre cette image et je vais l’insérer dans la bannière avec copier coller.



6- Vous pouvez remarquer que l’image n’est pas proportionnelle à la bannière c’est pourquoi je vais prendre le coin de l’image et le rétrécir pour un format idéal. Et une fois bien placé, clique droit et clique sur « Valider le collage ».



7- Choisir son personnage, ici je vais prendre Homer Simpson et je vais le coller dans une nouvelle page de grandeur 800*600.



8- Nous ne pouvons pas coller l’image directement sur la bannière. Pourquoi allez vous me dire. Et voila la réponse : car il faut rendre ce qu’on veut voir invisible. Pour cela il suffi de prendre une couleur qu’y n’est pas dans l’image et en mettre tout ce qu’on veut voir disparaître de l’image. Vous pouvez utilisé l’outil pinceau ou remplissage .



9- Coller le personnage sur la bannière. Pour cela copier l’image que vous venez de mettre un contour de couleur et coller la dans la bannière, et bien sur mettre l’image au format idéal. (Ne valider pas maintenant le collage).


11- Clique droit sur l’image, clique sur « option de collage »
et remplir les donnés identiques à l’image ci-dessous (dans le carré rouge). (Le carré bleu c’est pour vous montrer qu’on peu mettre une image plus transparente) Une fois terminé appuyer sur « ok »



12- Votre bannière pour le moment est supposer ressembler à cela :



Et je suis sure que vous êtes pas rendu compte qu’il n’y à pas de #10 dans l’explication

13- Inscrire un texte, pour écrire il faut cliquer sur qui est dans le menu en haut et une page comme cela apparaîtra.



Carré rouge : Votre texte à inscrire
Carré vert : La couleur, l’alignement et l’angle
Carré bleu : La police, la taille et le style
Carré bleu pâle : Pour d’autres effets (visitez le!)

Une fois terminée cliquer sur « ok »



14- Enlever la coupure de l’image (si nécessaire). Prendre l’outil doigt et faite en sorte que la coupure soit moins voyante.



15- Voila c’est terminé mais vous pouvez toujours la modifier, par exemple en rajoutant un contour. Visiter le fichier par vous-même et pratiquer vous!

Voici ce que donne la bannière avec un contour :




Maintenant pour la mettre dans votre signature :

1- Allez sur ce site http://www.imageshack.us/

2- Cliquer sur parcourir et prenez l’image que vous désirez héberger.

3- Cliquer sur « Host it ! »

4- Plusieurs adresses « url » apparaîtront, il faut absolument prendre « l’url » de « Direct link to image »

5- Mettre le lien dans votre signature et rajouter [img*] et [/img*] (sans les *)

télécharger gimp pour Windows (il existe aussi pour Linux). Gimp nécessite le GTK+ runtime environment, qui est sur la même page.

1 – Télécharger le GTK+ et Gimp, installer les. Gtk d’abord.
2 – Ouvrir Gimp.


cours en détails
tutoriel pour les gifs animés

Voici à quoi Gimp ressemble :



3 – Aller dans le menu Fichier, cliquer sur nouveau. Ensuite entrer la taille voulue pour l’image, je mets 650*150, et dans les options avancées remplir avec, je mets transparent.


4 – Par exemple, remplir avec un dégradé de couleur :
->sélectionner les deux couleurs (par défaut noir et blanc), puis cliquer sur l’icône dégradé.



5 – Choisir une image à insérer (en fond ou pas, on peut garder la transparence)
->Fichier->Ouvrir : sélection de l’image.
Vous pouvez redimensionner l’image (à la même hauteur que la bannière, ici 150) mais ce n’est rien d’obligatoire, Vous pouvez aussi sélectionner une partie de l’image.
->image->echelle et taille de l’image (pour redimensionner)


6 – Sélectionner la partie à copier de l’image pour la coller dans l’image vide.
->edition->copier ; ->edition->coller.
(J’ai sélectionner tout ce qui n’était pas blanc en faisant :
->sélection->par couleur
Click sur fond blanc
->sélection->inverser)

Une fois l’image collée dans la bannière, vous pouvez la déplacer. Cliquer sur les petites flèches, dans la barre d’outils, puis déplacer l’image. Cliquer ailleurs pour la fixer.
Vous pouvez répéter l’opération autant de fois que voulu. Vous avez dans calques, canaux (la fenêtre de droite) une option opacité, qui vous permet de rendre moins opaque votre image. Essayons avant de fixer l’image. Edition->annuler.
Opacité : 60.

7 – introduire du texte : Cliquer sur le « T » de la barre d’outils.
Un encadré est la pour taper votre texte
Double click sur « T » vous avez les options du texte : police, taille, couleur…

Pour déselectionner : ->Selection->aucune

Vous pouvez maintenant fusionner les calques visibles dans la fenêtre « calques, canaux »
Cliquer sur un des calques avec le bouton droit et « fusionner les calques visibles».


8 – Enregistrer votre image en jpg. Suivez pour cela les instructions dans Fichier->enregistrer.



A vous de tester les autres fonctions à l’aide des tutoriels que j’ai donné en début de cours. Vous pouvez faire beaucoup plus avec Gimp, comme des Gifs animés, des bannières à fond transparent…

Petit Cours sur image-dream, hébergeur d'images

allez sur http://www.image-dream.com

1- Créer un compte.
2- Se logger : membres -> Connexion, vous entrez votre email et votre mot de passe
3- aller sur membres ->Upload simple (pour mettre en ligne une image à la fois) ou Upload multiple (pour plusieurs)
4- aller chercher sur votre disque dur la (les) image(s) avec parcourir. Puis cliquer sur "Heberger"
5- voir la liste des images hébergées : membres -> lister mes images
6- mettre une image sur le forum des RR :
En passant sur l'icone "petite loupe" vous voyez une miniature de l'image, en cliquant sur l'icone "codes de l'image" représenté par un petit document texte, vous avez plusieurs possibilités :

Miniature sur forum nous convient, du type :

[url*=http://www.image-dream.com/image.php?image=rueetangJPG.jpg&pseudo=jikapan][img*]http://www.image-dream.com/membre/up2/mini_jikapan/rueetangJPG.jpg[/img*][/url*]
(sans les *)
Vous pouvez laisser tel quel, ce sera une miniature qui apparaitra :


OU Vous pouvez modifier : Enlever le "mini_" (juste avant le nom de l'image) et vous obtenez la taille réelle.
[url*=http://www.image-dream.com/image.php?image=rueetangJPG.jpg&pseudo=jikapan][img*]http://www.image-dream.com/membre/up2/jikapan/rueetangJPG.jpg[/img*][/url*]
ceci apparaitra :


Pour ceux qui veulent la perfection, on peut enlever les [url*] :
[img*]http://www.image-dream.com/membre/up2/jikapan/rueetangJPG.jpg[/img*]
le résultat est le même, mais c'est plus "propre":


N'oubliez pas qu'une image en .jpg prend moins de place. Et qu'une image se termine par .jpg ou .gif (pour les animées), évitez les .bmp, ca prend de la place et vous n'en avez pas tant que ca avec un hébergeur pour images gratuit. (il existe d'autres extensions, mais celles-ci sont les principales)