Bienvenue
visiteur !

◂

Faire sa Bannière avec Photoshop Une méthode pour créer un bouton d'interface. Ecrit par Ipnoz le 11/03/2009

▸

❤ 0 Avant de commencer, notez bien que je ne SUIS PAS le createur de ce tutoriel. Etape 1 : Créez un nouveau document de dimension 352*21 Etape 2 : Sélectionnez l'outil dégradé dans la barre d'outils Photoshop Etape 3 : Sélectionnez en couleur de premier plan du rouge et en couleur d'arrière plan du jaune ensuite effectuez le dégradé de la façon suivante : Etape 4 : Il va nous falloir un motif pour réaliser une incrustation sur notre dégradé. Refaites l'étape 1 mais cette fois ci avec un document de dimension 6*6. Etape 5 : Zoomez au maximum (1 600%). Etape 6 : Sélectionnez l'outil crayon de la barre d'outils Photoshop. Etape 7 : Réalisez le schéma suivant : Etape 8 : Une fois celui-ci réalisé allez dans le menu : Edition > Utiliser comme motif, assignez lui un nom et faites "OK". Etape 9 : Voila votre motif est prêt à être utilisé. Etape 10 : Créez un nouveau calque et appelez le motif. Etape 11 : Allez dans le menu : Edition > Remplir Etape 12 : Sélectionnez dans l'onglet Remplir avec , Motif Et sélectionnez ensuite le motif que vous venez de créer. Etape 13 : Dans la palette des calques passez le calque Motif en mode Incrustation Etape 14 : Vous devriez obtenir quelque chose de semblable à ceci : Etape 15 : Créez un nouveau un calque Etape 16 : Sélectionnez l'outil texte symbolisé par un T et écrivez TUTORIAL avec une couleur blanche. Positionnez le texte de préférence sur la droite du document Etape 17 : Sur la palette des calques cliquez sur l'icône "Options de fusion ". et sélectionnez Contour Etape 18 : Vous voila sur les options de contour de votre texte effectuez les modifications suivantes : Etape 19 : Le résultat devrait être celui-ci : Etape 20 : Je vous propose maintenant d'insérer sur un nouveau calque que vous appellerez Logo , un logo de votre choix (ici le logo de Photohop CS 2.0) Essayez de le placer comme suit : Etape 21 : Créez encore un nouveau calque et nommez-le Ellipse Etape 22 : Sélectionnez l'outil de sélection ellipse Et tracez de la façon suivante une elipse sur le haut du document Etape 23 : Remplissez cette elipse avec une couleur blanche alt+Backspace Etape 24 : Réglez l'opacité de ce calque à 50 % comme sur l'image suivante : VOILA si vous avez bien suivi ce tutorial vous devriez obtenir un résultat similaire à celui-ci : Il s'agissait bien évidemment d'un exemple, libre cours à votre imagination ! Ce tutoriel a été créé par Danone, un très grand merci à lui ! ;)

Karel - posté le 11/03/2009 à 20:39:55 (0 messages postés) ❤ 0
	C'est une userbar, pas une bannière.

Ipnoz - posté le 11/03/2009 à 21:18:28 (539 messages postés) ❤ 0
Nostalgique!	Une "barre d'utilisateur" si tu prefere mais je trouve que les deux termes sont equivalents
Moi, j'active les flocons d'oniro :D

Ephy - posté le 13/03/2009 à 20:56:30 (30101 messages postés) - ❤ 0
[BIG SHOT]	Très bon tuto. (domage que j'ai pas photoshop^^)
Power Level: 1 148 355,38|Mystic Slayer (Value!+)|Le monde d'Adélaïde|Reikon no Yume|★ H-Project|Toho Danmaku Arena|Loli versus Ponies|Mes vidéos|Ma galerie|Débuter sur VX:10, 11|Tuto: Importation de ressources|Mapper avec les RTP VX|Touhou|Fan de Omenides|Fan de Estheone|Eph'ille: 14

TLN - posté le 14/03/2009 à 01:39:19 (16352 messages postés) - ❤ 0
Architecte d'Outre-Mondes	_ Une bannière c'est l'image affichée en haut d'un site, en guise d'en-tête par exemple. _ Une bannière, ça peut aussi être une "bannière de signature", une image affichée dans une signature sur un forum, mais pas forcément une userbar _ "Userbar" est le terme qui conviendrait ici plutôt que "Bannière" Par contre, je sais pas qui est-ce qui a écrit ce tutorial, mais il dit vraiment de la merde : les dimensions d'une userbar c'est 350 x 19 pixels, ni plus ni moins ni toute autre considération fantaisiste. Enfin t'façon j'ai plus simple pour se faire une userbar : http://userbarmaker.com/ http://www.web-modules.net/userbar.html
Apôtre du Grand Kirby tkt.

tomix16 - posté le 14/03/2009 à 08:56:24 (37 messages postés) ❤ 0
	on peut dire se qu'on voudra mais le résultat est super même si c'est une userbar ^^

SHINTYMAN - posté le 14/03/2009 à 12:11:01 (36 messages postés) ❤ 0
avec cette wii, tu peux jouer à Soul Calibur... Sans Soul Calibur !!!	on, peut aussi le faire avec Photofiltre avec le lien suivant :http://www.siteduzero.com/tutoriel-3-36287-creer-une-userbar.html. Voila
la chaîne des RPG's est en marche !

Monos - posté le 14/03/2009 à 12:13:31 (57322 messages postés) ❤ 0
Vive le homebrew	Ce qui est amusant avec beaucoup monde c'est qu'on regarde résultat final on pinaille avec le mot bannière / Usebard mais bordel osef le but c'est la technique non? Avoir un mode opératoire, ou technique pour les débutants avec totoshop c'est le plus important.
Signer du nez ?

Ipnoz - posté le 14/03/2009 à 13:10:14 (539 messages postés) ❤ 0
Nostalgique!	Citation: Les couleurs sont un peu flash (elles le sont trop enfaite). Pour le logo, une p'tite erreur de transparence m'enfin c'est pas trop grave mais tu aurais pus éventuellement apprendre à gommer les p'tit soucis dans ce style. Pour finir moi perso les effets "ellipse" je le met à 20%. Moi a 30 et ensuite c'est selon le rendu. je te vous rappels que je n'ai fait que rapporter ce tuto Et pour le coup userbar/baniere je suis en faute. donc le probleme est réglé et on en parle plus
Moi, j'active les flocons d'oniro :D