Tuto complet pour créer une bann, Le retour !

Alors, deja, je tiens à vous faire connaître quelques thèrmes que j'utiliserais tout au fil de ce tutorial:

Nouveau calque = http://img149.imageshack.us/img149/6397/screen13re.jpg
Charger une brushe = http://img53.imageshack.us/img53/4549/screen22te.jpg
Changer la lumière du calque = http://img230.imageshack.us/img230/310/screen34jj.jpg

Bon, voila à peut près les bases du tutorial.





Voici le but de mon p'tit tuto:
Savoir faire une jolie bann à ma manière telle que je les fais moi même, bien sur, vous pourrez modifier les paramètres comme vous le souhaitez m'enfin... Je vis vous donner tout ce que j'aurias fais moi pour réaliser une pitite bann. Le thème sera Bleach, mais comme je ne connais pas du tout bleach je vais esayer de faire selon les images que voici et que vous devez prendre avant de commencer:

Image 1 : http://www.lexode.com/galerie/galerie/3007/112275480519.jpg
Image 2 : http://www.lexode.com/galerie/galerie/3007/112275478298.jpg
Image 3 : http://www.lexode.com/galerie/galerie/3007/112275473266.jpg
Image 4 : http://www.lexode.com/galerie/galerie/2606/111981492485.JPG
Image 5 : http://www.lexode.com/galerie/galerie/2606/111982063998.JPG

Bon, bien sur on ne va peut être pas toutes les utiliser mais "il vaut mieux prévenir que guérir"

Ensuite, nous allons prendre une Brushes. Voici un lien liens pour créer notre fond:
Brushe 1 : http://www.deviantart.com/download/21294228/

Alors voila, nous allons tout d'abors commencer par la découpe. bah vi, moi je commence toujours par la découpe avant le fond. smiley06.gif
Bon pour la découpe, les principes de bases, gomme d'arrière plan, n'importe ou hors de l'image, puis clique droit sur l'îcone, puis gomme simple et la découpe de chaque image.



[...]




Voila votre découpe ainsi finie vous avez donc 5 images aptes au combat !!



Pour commencer, créez un nouveau document de 500 pixels de longueur sur 140 pixels de largeurs.

Alors, nous allons proceder à la création du fond, avec la brushe que je vous ai mise plus haut. Vous chargez la forme, une fois sur votre PC. Ensuite, vous créer grace aux quatre premières formes du brushes (pour les trouver, déscendez les formes du pinceaux tout en bas) vous créez un joli fond qui ressemble à ceci:

(je tiens à presiser que c'est un p'tit tutorial simple, donc ne vous attendez pas à un fond super évolué)

Cela dit en passant, créez un nouveau calque pour chaque nouvelle formes que vous mettez sur le fond, histoire de ne pas tout suprimer en cas d'erreur.


Ensuite, pour un peu embélire le fond, vous allez dans:
Calques ---> Style de calques ---> Ombre portée...
http://img229.imageshack.us/img229/4244/screen58zx.jpg


Cela vous ouvre une fenètre...
Chose faites vous changez la couleur de la lueur externe en un peu un peu fade...


Et votre fenètre vous présente ceci:
http://img227.imageshack.us/img227/5033/screen63uy.jpg


Ensuite, vous vous souvenez des images deja découpées ? Bien, nous allons donc les utiliser (enfin... )

Alors nous allons prendre celle de la demoiselle et modifier sa taille dans Image ---> taille de l'image...
http://img227.imageshack.us/img227/2873/screen74um.jpg

Et vous ne modifiez que la hauteur en 300px. Ensuite, allez effectuez une symétrie horizontal de la zone de travail.

Ne vous inquiètez pas c'est tout simple.

Allez dans: Image ---> Rotation de la zone de travail ---> Symétrie horizontal de la zone de travail.
http://img43.imageshack.us/img43/4524/screen89up.jpg

Voila votre image qui est inversée.



Vous transferez donc l'image sur votre future bannière grâce à l'îcone en haut à droite du panneau des îcones (un curseur avec une croix).

Ensuite, vous changez la lumière de l'image en mode "Lumière crue" (voir Screen 3)

Vous voila donc en face de ceci à peut de choses près:







[...]





Ensuite, vous prenez l'image du mec avec les cheuveux orange qui dégaine son épée puis vous le réduisez à 200px de hauteur (pour savoir comment faire remontez plus haut ^^)
Cette fois ci, vous ne ferez pas de symétrie, vous le placez donc sur la droite celui la. Mais n'oubliez pas la lumière crue...




Faites de même pour le mec qui fait des éclaires avec son épée ou l'on distingue une planète, vous le réduisez à 500px de hauteur puis vous le metez sur la bann... et la... problème, l'image se met sur toute les autres... smiley03.gif
Dans ce cass la, allez dans la fenètre des calques, et vous laissez appuyezclique gauche, et vous faites coulissez votre images, sous les deux précédentes, ça vous donne ceci:
http://img128.imageshack.us/img128/3842/screen93lb.jpg





[...]





Voila, nous en avons finis avec les images... ils nous reste donc encore qques p'tites étapes avant la fin.



Nous allons faire le calque texte. Pour cela, rien de plus simple, cliquez sur l'îcone texte (c'est un T majuscule) puis vous dessinez un rectangle ou vous allez taper votre texte. Ici, ce sera "Bleach".

Pour avoir plein de police à téléchargez allez sur DaFont. Ici la police que j'ai utilisé est "Adrénaline Zéro"

Vous le mettez en bas à droite, vous le surlignez, puis vous le mettez de couleur blanche, grace au petit carré de couleur en haut. Vous cliquez et vous sélectionnez la couleur blanche.
Ensuite vous réglez la taille sur 30px.

Nous voici en face de:



Et voila, votre bannière sur Bleach est finie, plutôt simple non ? bah vi, bien sur.





[...]





Enfin, cette partie n'est pas obligatoire, mais elle est sympas, c'est la partie finitions. c'est à dire un effet sur le texte un petit contour et une touche personnel.

Pour l'effet de texte, vous dupliquez le calque:
Calque ---> Dupliquez le calque ---> Ok

Puis sur le calque qui vient d'aparaitre vous allez faire un effet de "vitesse" si je puis dire...

Vous faites: Filtres ---> Atténuation --> flou directionnel...

Puis vous arrivez sur une fenètre et vous mettez les options comme ceci:
http://img114.imageshack.us/img114/4478/screen107lx.jpg


(la petite fenètre qui s'ouvre vous demandant de pixeliser le calque pour effectuez les modifications, cliquez sur OK)


Voila notre petit effet sympathique.


Ensuite, créez un nouveau calque.
Nous allons donc faire un nouveau claque puis vous selectionnez l'îcone tout en haut à gauche du panneau des icônes qui est un petit rectangle en pointillés). Puis vous faites:

Clique droit ---> Tout selectionner / Clique droit ---> Contour...
Et vous arrivez sur la fenètre:
http://img114.imageshack.us/img114/9845/screen114tv.jpg

Puis cliquez sur Ok.


Pour vous, ce tuto s'achève ici avec une zolie bann comme ceci:



Ensuite, j'y ai ajouté quelques petits effet comme un autre brush et une signature, après c'est vous qui voyez pour vos effets favoris.

Resultat final:



Voila, j'éspère que mon p'tit tuto vous à plus, je remercie (et vous avez interet à faire de même) Angel pour nous avoir retrouvé la page. N'hésitez pas pour quelquonques questions, critiques, ou autres, postez à la suite. :)

Comme j'avais déjà dis avant :)

Très sympa tuto, je conseil au débutant pour bien commencer dans la création de bannières, mais aussi a certain qui pense ne plus être débutant sa leur montera certainement de nouvelles possibilité.

La première fois je pensés ne pas en avoir besoin, et bien erreur ( encore une de plus ) et même aujourd'hui j'en aurais surement besoin sa me fera surement revenir certain trucs que je n'utilise plus ou que j'ai surement oublié et qui son très certainement utile.


Merci pour ce tuto Osiris

P.s
Je m'en vais refaire ce tuto quand j'ai un peu de temps , allé tous sur toshop.


P.s 2
une mise a jour de la bannières n'aurais pas était négligeable mais on vas pas chipoter XD



Edit avis merlin : Sujet a épinglé !

Ce message a été modifié par merlin le Samedi 08 Juillet 2006 14h57

Il est assez grand pour le faire lui même.

Sinon, de rien mon p'tiot. ;)

Merci.
Ceci dit, une mise à jour de la bann concisterait à refaire mon tuto et j'ai la grosse flemme.

Mais merci quand même. :)