[TUTO] Faire des bannières et des avatars

Bienvenue dans ce cours qui prendra finalement plutôt la forme de big-tutoriel.

INTRODUCTION :

Pour commencer, vous aller me dire : "je ne sais pas dessiner", "j'ai pas de talents " ou "pas le temps ".
Laissez moi démonter un à un vos arguments
- en effet pour faire une bannière, savoir dessiner est un plus mais pas une nécessité.
- un peu d'entrainement et n'importe qui peut faire une bannière ( même vous, comme quoi ... )
- enfin pour la question du temps, je peux vous dire par expérience que c'est assez rapide.


Ensuite, comme vous êtes du genre velléitaire, vous vous posez la question de quel soft (logiciel) utiliser.
Alors en payant on a Photoshop (sur lequel je travaille, dans la version CS2)

En gratuit, il y a :

-The Gimp
-Photofiltre

Mais après si vous ne trouvez pas votre bonheur vous pouvez toujours chercher sur le web d'autres logiciels néanmoins si je vous propose cela ce n'est pas sans fondements, ils ont tout simplement une bonne réputation et une communauté fiable derrière eux (je n'ai pas testé tous les soft ).
Le Logiciel le plus "puissant" est sans aucun doute Photoshop CS3 mais il faut connaitre les alternatives gratuites pour ne pas se sentir piéger.

Enfin je vais clore cette introduction en vous annonçant un peu de quoi je vais vous parler pour que vous ne soyez pas trop dérouté.
Alors en vrac (le moins possible) je vais faire une brève présentation de photoshop (l'intérêt n'est pas pour moi de faire un tuto) et j'enchaine tout de suite sur la création de bannière. On y verra pas mal d'astuce et aussi des questions sur les gouts.

Lets go

PHOTOSHOP CS2 :

Hey oui je vous présente CS2... obsolètes me diront certains, pas besoin de vous dire que la différence entre CS2 et CS3 se fait sur des outils professionnel et que la plupart des tutos sont fait pour CS2. De plus même un utilisateur averti n'utilise déjà pas toute la puissance de CS2.

CS2 ça ressemble a ça :



C'est beau, c'est cooool
Je ne vais pas vous faire un tuto pour débutant il en existe un multitude. Je vais plutôt récolter pour vous ces tutos.

Tutos de départ :

-http://www.msmformation.com/formation_en_ligne_liste.php?lid=29
-http://www.graphislife.com/premierspas.php
-http://www.supinfo-projects.com/fr/2006/photoshop_cs2/

Ce n'est pas la peine de tous retenir c'est juste pour se familiariser avec le logiciel mais en réalité ce n'est pas là que vous apprendrez a vous en servir, mais bel et bien en faisant votre bannière !


POINT DE DÉPART POUR CRÉER UNE BANNIÈRE :

Le gout le style :

Intéressez vous au gout du destinataire de la bannière. S'il n'y a aucune recommandation (ou pour une quelconque autre raison) vous devez choisir vous même le style de la bannière.
Je vais vous présenter ce qui est en vogue et ce qui a du "style" (direction le forum de B&F, merci de ne pas utiliser les bans pour vous ^^)
1)


2)


3)


4)


Deux courants peuvent être ressentis dans ces bannières:
destructuré ; ban 1) et 2)
pop-art ; ban 3) et 4) (note: j'ai choisi ces mots...)

Vous POUVEZ TOUJOURS essayer de faire quelque chose de différend mais quand on débute il vaut mieux s'en tenir a ça (surtout que ça pète ).


BANNIERE :

Le point de départ d'une bannière c'est le RENDER; render ? rendre ? tout simplement une image autour de laquelle se construit la bannière.
Pour trouver des renders il vous faut ce SITE :
-http://planetrenders.net/ (inscription requise)
il y a aussi celui-là -http://www.renders-graphiques.fr/

Vous pourrez télécharger les png. de ces images et ainsi avoir une image avec des degrés de transparence. Donc plus de problème pour l'intégrer dans une bannière.

Après avoir sélectionner votre render l'avoir mis dans toshop' (comme on abrège souvent) le graphisme commence.
Il va vous falloir appliquer des tutoriels. Encore une fois je ne vais pas les faire moi même mais vous en sélectionner (vous pouvez aussi cherchez, mais ce que je vous présente sont aussi très intéressant).

pour faire une bannière :
pixel stretching : -http://www.grafikcreation.com/tutoriaux.php?liste=tuto&id=40
video -http://www.ressourceweb.com/tutoriaux-photoshop/339
brush (au combien important notamment pour le "pop-art") :
-http://www.grafikcreation.com/tutoriaux.php?liste=tuto&id=79
-http://forum.hardware.fr/hfr/Graphisme/Infographie-2D/tuto-photoshop-brosses-sujet_15676_1.htm

ET sinon des sites avec un tas de tutos pour photoshop :

-http://www.siteduzero.com/tuto-2-78-photoshop.html
-http://forum.crystalxp.net/index.php?showforum=69
-http://forum.hardware.fr/hfr/Graphisme/Infographie-2D/tutos-effets-photoshop-sujet_16582_1.htm
-http://www.grafikcreation.com/tutoriaux.php?liste=photoshop
-http://www.tutomania.com/index.php

Honnêtement il existe plein de sites, même de petits forums très intéressants et regorgeants de tuto. Le forum de B&F avait de très bon tuto mais ils ont disparu.

Maintenant quelques sites pour faire la bordure élémentaire (celle très fine noire) :
-http://www.79th.org/iboard//index.php?showtopic=4497
-http://www.babylon-design.com/site/index.php/2003/01/07/31-interface-pixelart

Pour récapituler, on a :
un render ou image.
Un fond.
Un cadre.
Et il nous manque ... l'écriture !

Un seul site nécessaire :
-http://www.dafont.com/fr/

Héhé ! votre bannière est finie, enregistrez la en png ou gif de préférence.
Vous pouvez être fier de vous.



J'AI PAS PHOTOSHOP :


Tuto POWWAAAAA !

-http://forum.crystalxp.net/index.php?showforum=36
-http://www.grafikcreation.com/tutoriaux.php?liste=general
-http://www.tutomania.com/index.php?page=tuto

Et pour Finir CE MAGNIFIQUE POST :
-http://www.siteduzero.com/forum-83-7477-p1-liens-2d-photoshop-gimp-webdesign-dessin-etc.html

CONCLUSION :

Avec ça vous pourrez aussi faire des avatars, ça devrait être plus facile. Après il ne vous reste plus qu'à apprendre a faire des animations (/!\ mais ne pas en abuser).
Vous pouvez proposer des sites ou des améliorations pour ce "cours". Editez si vous le voulez !!

Bon graph

sinon pour les utilisateurs windows, il y a aussi "paint"

/me sort

Hé tu sais que j'y ai pensé
Paint est pratique pour faire du Pixel Art ou enregistrer ses screen-shoot, après ...

Muhahaha j'suis un pro ! ... sur paint !

J'ai passer 2heures de cours (meme si a la base s'était pas trop le but..) dessus a faire des petits bonhommes et des voitures.. Ennui, quand tu nous tiens..

Sinon j'esseyerais, j'ai déja utilisé Photofiltre mais seulement pour redimensionner une image.. si mon pc l'accepte (Oui, il est très capricieux..) je promet d'essayer !

Sinon on fait une bannière type, enfin, le plus doué d'entre nous en graphisme, c'est a dire pas moi ^^, et il rajoute les noms de tout le monde :p

Merci Maaausss !

Sympa les tutos pour TheGimp, parce que j'ai jamais réussi à en tirer quelque chose de correct...

EDIT : Et pour les amoureux de paint, y'a aussi paint.net, et pour ceux qui aiment les logiciels halacon Picture It!

J'ai mon cooooompte !

PS : tout ceux qui ont des adresses, proposez les !

Wouyouh !!!!

Désolé d'avoir mis tant de temps a te rendre ton compte, mais je voulais être sûr que c'était bien toi... Tu comprends, si n'importe qui se présentait sur le forum et que je lui donnait le compte de Fundor par exemple çà le ferait pas...

pour l'insten ej peu pas em lecer den la cretinot car c'est lordi de ma mère mé den moni d'1 moi j'i le mien etje telechargerai plein de truck

lepinalleur a écrit:

pour l'insten ej peu pas em lecer den la cretinot car c'est lordi de ma mère mé den moni d'1 moi j'i le mien etje telechargerai plein de truck

Pour l'instant, je peux pas me lancer dans la "cretinot" (j'ai vraiment pas compris celui là dsl ^^') car c'est l'ordi de ma mère mais dans moins d'un moi j'ai le mien et je téléchargerais plein de trucs.

C'est pas mieux comme ça ?

ps : j'ai gaffe a ce que tu télécharge, les truc de culs c'est pas super et sa te fait chopper plein de virus.. dans le pc le virus hein pas en vrai.. (Ben quoi tous le monde a été jeune et l'a fait non ?! ^^')

Boaf faut être moderne aujourd'hui tu trouves tout en streaming et çà laisse presque pas de trace.

Et moi aussi pendant longtemps je squattais le PC de mes parents et je ne vois pas pourquoi ta mère s'opposerais à ce que tu télécharges un logiciel de retouche graphique gratuit comme Gimp. Enfin si je peux comprendre remarque... Faut les éduquer petit à petit, après tu verras tu pourras faire ce que tu veux et ils ne te dirtont plus rien !

Comment ont fait pour ecrir avec l'écriture qu'on n'a télégarger sur le site

P.S J'ai The Gimp

bonjour je cherche a mettre ma bannière en place mais je ne sais pas comment faire!!! un petit coup de main me serai grandement utile
merci davance

C'est-à-dire... la mettre dans ta signature ?

Pour cela il faut l'uploader (sur n'importe quel site approprié : imageshack ou autre, ftp, page perso...), et ensuite tu copies l'url de l'image dans ta signature en mettant .

merci aurock!!! grace a toi et nick--87 jai réussi merci

Y'a pas de quoi, par contre c'est pas pour chipoter mais si tu pouvais la réduire en hauteur çà serait pas mal, là elle est un poil grande quand même.

pour linstant je laisse comme sa!! mais je vais y remédié bientot

voila aurock je vien de moccupper de la taille de mon image cela te convien?

C'est beaucoup mieux merci !

Comment on fais pour écrire avec l'écriture télécharger?

voilà http://www.dafont.com/fr/faq.php

Une fois ça fait tu peux démarrer ton logiciel et utiliser la police. (soit pas trop violent )