Photoshop Forum

Le petit forum photoshop.

Vous n'êtes pas connecté.

Annonce

AttentionN'oubliez pas de consulter nos Tutoriaux

#1 06-11-2006 20:07:03

tekikou
P'tit nouveau
Date d'inscription: 06-11-2006

(Tutorial) Créer un bandeau Web

Bonjours ! Voici mon premier tutorial jespère qu'il vous plaîrat il va vous apprendre a créer ceci :
http://img149.imageshack.us/img149/5236/resulatiu8.png



1) Alors pour commencer créer un nouveau document de 700 px de hauteur et 200px de largeur.
La première étape est de créer le fond, donc cliquer sur la couleur de votre choix (sauf le blanc )puis sur le pot de peinture et cliquez sur l'image. Si vous avez des motif (comme sur le mien j'ai ajouté des rayures) n'hésitez pas à en mettre.
Sa donne ceci: (sachant que j'ai pris le noir en couleur de fond )
http://img296.imageshack.us/img296/2958/etape1qf9.png

2)Maintenant on va tracer la zone ou va se trouver votre header et le bandeau de naviguation.
Prenez comme couleur de premier plan le blanc, et selectionner l'outils rectangle et tracez un rectangle comme sur l'image:
http://img168.imageshack.us/img168/3185/etape2lt1.png

3) Maintenant nous allons re-tracez un nouveau rectangle, la couleur importe peu puisqu'on va lui appliquer un dégradé. Donc créer un nouveau rectangle comme sur l'image et allez dans les options de fusion puis dans dégradé et appliquer lui un dégradé du bleu clair vers le blanc comme sur l'image :
http://img140.imageshack.us/img140/9365/etape3be8.png

4) Maintenant nous allons créer ce fameux bandeau qui plairat surement au visiteur de votre site.
Selectionnez l'outils Rectangle, la couleur aussi importe peux puisque nous allons aussi la dégradé.
Tracé un rectangle a peux près comme sur l'image( ne faites pas attention au trout c'est parce que je n'est pas l'image de cette étape, les trous seront creer dans la prochaine etape ), et aller dans les options de fusions, puis dans dégradé
et appliquer lui un dégradé de la couleur #D9D9D9 a la couleur blanche et enfin appliquez  lui un coutour blanc INTERIEUR !
http://img156.imageshack.us/img156/4007/etape4al1.png



5)C'est l'étape la plus difficile je dirais, pour certains, mais pour d'autres enfantin.
Pour cette etape vous aurez besoin de cette image :
http://img295.imageshack.us/img295/8625/modleja0.png
Enregistrer-la sur votre ordinateur, elle vous servira pour faire les trous.
Donc ouvez cette image et glisser là dans la composition.
Le trait blanc sur cette image sera lendroit ou il faudra s'arrêter de descendre l'image. ( pas evident a comprendre  wink )
Donc commencon, vous devez glisser l'image sur le rectangle en dégradé "gris et blanc" jusqu'a arrivé a la ligne blanche (l'image vous montrera si vous ne comprenez pas enfin j'espère  :happy: ) Puis une fois bien positionnez faites CTRL+CLIC sur le calque du triangle se qui a pour effet de selectionnez le triangle, maintenant ne déselectionnez pas cette selection, vous devez maintenant faire un CTRL+ALT+CLIC sur le calque du rectangle en dégradé "gris et blanc" ce qui a pour effet de selectionnez la partie du triangle qui est sur le rectangle cette partie devra être supprimer pour faire l'effet désirez, pour le faire selectionnez le claque du rectangle ne dégradé "gris et blanc" et appuyer sur la touche supprimer ce qui fé un trou dans le calque en dégradé "gris et blanc". Répéter ces opérations jusqua obtenir comme sur l'image.
http://img293.imageshack.us/img293/5292/etape5ky2.png

6)Dernière étape ajouté vos illustration, (icones, images, etc) entre les trous et mettez vos texte en dessous (moi c'est la police hoogue_54 ) ce qui donne ceci:
http://img149.imageshack.us/img149/5236/resulatiu8.png

Hors ligne

 

Pied de page du Forum

Powered by PunBB Brush ITD
© Copyright 2002–2005 Rickard Andersson