S'inscrire ! Pass oublié ?
Hyjoo
Portail Forums Jeux Flash Chat IRC Annuaire
Google

Créer une barre d'utilisateur avec Photoshop
Tutoriel Graphisme - Infographie
Photoshop CS 2


Actualiser  Hyjoo > Forums > La fontaine > L'atelier > [Tutoriel] Créer une barre d'utilisateur avec Photoshop

Créer une barre d'utilisateur avec Photoshop (Infographie, Photoshop CS 2, Débutant) : Fiche / Article de la section Tutoriels Graphisme, crée sur le forum L'atelier (Créations et Arts : Expositions, informations et discussions sur les créations artistiques, graphiques et numériques.)

 
Rechercher dans la discussion
 Créer une barre d'utilisateur...
 Domaine : Infographie
 Logiciel : Photoshop CS 2
 Niveau : Débutant
 
 Catégorie : Tutoriels Graphisme
 Rédaction : Bioken (19/06/2007)

Créer une barre d'utilisateur avec Photoshop


Domaine : Infographie

Logiciel : Photoshop CS 2

Niveau : Débutant

Prérequis : Aucun

Objectifs : Réaliser une "barre d'utilisateur

Dans ce tutoriel, nous allons apprendre à faire une barre d'utilisateur comme ont en voit parfois dans des signatures (comme dans la mienne)

Voici ce que nous allons réaliser :


Étape 1 : Ouvrez le logiciel Photoshop, ouvrez un nouveaux fichier avec une largeur de 350 pixel et une hauteur de 19 pixel.

Spoiler



Étape 2 : Sélectionnez l'outil dégradé dans la barre d'outils Photoshop et mettez lui comme couleur d'arrière plan jaune et de premier plan rouge par exemple, puis remplissez arrière plan.
Spoiler

Spoiler




Étape 3 : Maintenant, il va falloir qu'on est un motif pour faire une incrustation sur notre dégradé. Créez un nouveaux document de largeur de 6 pixel et une hauteur de 6 pixel.

Étape 4 :
Zoomez à fond en maintenant les touches "Ctrl" avec le "+" du pavé numérique, puis, avec l'outil crayon, dessinez une diagonal de 6 cubes.
Spoiler


Étape 5 :
Une fois réalisé, allez dans Édition > Utiliser comme motif puis donnez lui un nom.

Étape 6 :
Voilà, on a notre motif ! Maintenant, revenez à l'autre projet et créez un nouveaux calque.
Spoiler


Étape 7 :
Allez dans le menu : Édition > Remplir
Spoiler


Étape 8 : Sur notre calque, mettez le en mode incrustation
Spoiler


La barre est terminé. On va désormais l'ammélioré...


La police (ou l'écriture)

Pour avoir une écriture qui marche bien avec ne userbar, l'écriture Visitor fera l'affaire (lien).
Maintenant que vous l'avez, cliquez sur le bouton Texte (T) dans la barre d'outil de photoshop. Hop là, voilà ce qui apparait en haut de l'écran.

Spoiler

Pour avoir un texte en blanc avec un petit contour noir, commencez par mettre la couleur du texte sur le blanc et réglez la police "sans" comme à tout à droite de la capture d'écran ci-dessus.

Puis, sur votre calque d'écriture, vous faite un clique droit et vous cliquez sur "option de fusion".
Spoiler


Vous avez une fenêtre qui s'ouvre, à gauche de cette fenêtre, il y a des option avec des cases à cocher. Cocher la case contour et cliquez sur le bouton, mettez la taille à 1 pixel et choisissez la couleur noir.
Spoiler




Fair un reflet
Vous avez surement vu qu'il y a quelque chose qui manque à notre barre, oui, un truc qui fait plus professionel là. Mais oui, c'est un reflet comme on voit quand c'est du verre.
Bon, pour commencer, créer un nouveaux calque que vous nomerez ici "reflet", ensuite allez dans la barre d'outil et selectionnez l'outil de sélection d'eclipse.
Spoiler


Sélectionnez comme sur l'image :

Spoiler


Puis allez dans Edition > Remplir, mettez "couleur" puis selectionner la couleur blanche. Cliquez sur OK.
Spoiler


Bon maintenant revenez sur votre calque "Reflet" et mettez l'opacité à 70%
Spoiler






Voilà, c'était pas si difficile. Maintenant, vous pouvez la personaliser et changer des couleur ou inserrer des images.

Au fait, vous pouvez voir mon autre tutoriel pour réaliser une image abstraite futuriste:
http://www.hyjoo.com/sujet-36106.html
Vous devez vous inscrire pour utiliser l'édition en mode Wiki
20/06/2007, 19h51 #2
Graham 
Dieu supérieur
Paraphe d'Or

Graham

Re : [tutoriel][Photoshop] Créer une barre d'utilisateur

Graham est déconnecté(e)
20/06/2007, 21h16 #3
Bioken 
Ombre

Bioken

Re : [tutoriel][Photoshop] Créer une barre d'utilisateur

Bah, c'est trop tard maintenant. Au moins, il y a 2 tuto là-dessus.
Bioken est déconnecté(e)
17/08/2007, 23h15 #4
ManOnDaMoon 
Dieu supérieur
Modérateur Manga

ManOnDaMoon

Re : [Tutoriel] Créer une barre d'utilisateur avec Photoshop

Fiche remise à neuf et indexée !

ManOnDaMoon - Modo créa GR
ManOnDaMoon est déconnecté(e) Voir une photo de ManOnDaMoon sur son profil

Navigation rapide:

« Discussion précédente | Discussion suivante »
Emplacement :
Actualiser  Hyjoo > Forums > La fontaine > L'atelier > [Tutoriel] Créer une barre d'utilisateur avec Photoshop

Utilisateurs regardant cette discussion : 0 ( membre(s) et 0 invité(s))

Discussions similaires 
Discussion Auteur Forum Réponses Dernier message
Comment créer une adresse html pour une galerie ? MadeIn Informatique 5 20/01/2007 18h05
Creer une partition ? Waros Informatique 12 22/03/2004 22h08
comment creer une party svp? Roumano MU Online 2 12/01/2004 04h35
Creer une party ! Kazuma Dragon Raja 9 13/02/2003 19h48
Comment avoir une image sous son nom d'utilisateur ? [Avatar] deadman Le laboratoire 13 06/11/2002 18h52
Rechercher dans cette discussion 
Rechercher dans cette discussion:

Recherche avancée


Fuseau horaire GMT +2. Il est actuellement 12h01.

Edité par vBulletin - Copyright © 2000-2005 Jelsoft Enterprises Limited
Copyright © Hyjoo - Tous droits réservés