Apprendre


Vous êtes
nouveau sur
Oniromancie?

Visite guidée
du site


Découvrir
RPG Maker

RM 95
RM 2000/2003
RM XP
RM VX/VX Ace
RM MV/MZ

Apprendre
RPG Maker

Tutoriels
Guides
Making-of

Dans le
Forum

Section Entraide

Tutos: Piège : éboulement de rochers / Tests: The Lucidia Chronicles / Jeux: L'inconnu Nocturne : 18, Row (...) / Scripts: Backup Database Plugin / Jeux: Dymunia / Chat

Bienvenue
visiteur !




publicité RPG Maker!

Statistiques

Liste des
membres


Contact

Mentions légales

107 connectés actuellement

10961064 visiteurs
depuis l'ouverture

448 visiteurs
aujourd'hui



Barre de séparation

Partenaires

Indiexpo

Akademiya RPG Maker

Hellsoft

Planète Glutko

Zarok

Le Comptoir Du clickeur

Kingdom Ultimate

Tous nos partenaires

Devenir
partenaire



Faire sa Bannière avec Photoshop

Une méthode pour créer un bouton d'interface.

Ecrit par Ipnoz le 11/03/2009


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

image

Etape 2 : Sélectionnez l'outil dégradé dans la barre d'outils Photoshop

image
image

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 :

image

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.

image

Etape 7 : Réalisez le schéma suivant :

image

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.

image

Etape 11 : Allez dans le menu : Edition > Remplir

image


Etape 12 : Sélectionnez dans l'onglet Remplir avec , Motif
Et sélectionnez ensuite le motif que vous venez de créer.

image


Etape 13 : Dans la palette des calques passez le calque Motif en mode
Incrustation

image


Etape 14 : Vous devriez obtenir quelque chose de semblable à ceci :

image


Etape 15 : Créez un nouveau un calque

image


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 ".

image


et sélectionnez Contour

Etape 18 : Vous voila sur les options de contour de votre texte
effectuez les modifications suivantes :

image


Etape 19 : Le résultat devrait être celui-ci :

image


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 :

image


Etape 21 : Créez encore un nouveau calque et nommez-le Ellipse

Etape 22 : Sélectionnez l'outil de sélection ellipse

image


Et tracez de la façon suivante une elipse sur le haut du document

image


Etape 23 : Remplissez cette elipse avec une couleur blanche alt+Backspace

image


Etape 24 : Réglez l'opacité de ce calque à 50 % comme sur l'image suivante :

image


VOILA si vous avez bien suivi ce tutorial vous devriez obtenir un résultat similaire à celui-ci :

image


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 (28561 messages postés) - honor

❤ 0

MFIU

Très bon tuto. (domage que j'ai pas photoshop^^)

Power Level: 1 148 355,38|Mystic Slayer|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 (16172 messages postés) - honor

❤ 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 :
https://userbarmaker.com/
https://www.web-modules.net/userbar.html

:D

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 :https://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 (56989 messages postés) - misteroniro

❤ 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.


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

Suite à de nombreux abus, le post en invités a été désactivé. Veuillez vous inscrire si vous souhaitez participer à la conversation.

Haut de page

Merci de ne pas reproduire le contenu de ce site sans autorisation.
Contacter l'équipe - Mentions légales

Plan du site

Communauté: Accueil | Forum | Chat | Commentaires | News | Flash-news | Screen de la semaine | Sorties | Tests | Gaming-Live | Interviews | Galerie | OST | Blogs | Recherche
Apprendre: Visite guidée | RPG Maker 95 | RPG Maker 2003 | RPG Maker XP | RPG Maker VX | RPG Maker MV | Tutoriels | Guides | Making-of
Télécharger: Programmes | Scripts | Packs de ressources | Midis | Eléments séparés | Sprites
Jeux: Au hasard | Notre sélection | Sélection des membres | Jeux complets | Tous les jeux | Le cimetière | RPG Maker 95 | RPG Maker 2000 | RPG Maker 2003 | RPG Maker XP | RPG Maker VX | RPG Maker VX Ace | RPG Maker MV | Autres | Proposer
Ressources RPG Maker 2000/2003: Chipsets | Charsets | Panoramas | Backdrops | Facesets | Battle anims | Battle charsets | Monstres | Systems | Templates
Ressources RPG Maker XP: Tilesets | Autotiles | Characters | Battlers | Window skins | Icônes | Transitions | Fogs | Templates
Ressources RPG Maker VX: Tilesets | Charsets | Facesets | Systèmes
Ressources RPG Maker MV: Tilesets | Characters | Faces | Systèmes | Title | Battlebacks | Animations | SV/Ennemis
Archives: Palmarès | L'Annuaire | Livre d'or | Le Wiki | Divers