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

Créer une barre d'utilisateur
Tutoriel (Photoshop CS2)


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

Créer une barre d'utilisateur (Photoshop CS2) : Fiche / Article de la section Tutoriels Creation artistique (en travaux), crée sur le forum L'atelier (Créations artistiques : Projets artistiques et créations visuelles ou littéraires.)

 
Rechercher dans la discussion
 Créer une barre d'utilisateur
 Domaine : Photoshop CS2
 
 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, 20h51 #2
Graham 
Dieu

Graham

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

Graham est déconnecté(e) Voir une photo de Graham sur son profil
20/06/2007, 22h16 #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)
18/08/2007, 00h15 #4
ManOnDaMoon 
Dieu supérieur
Modo JV & New Tech'

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)

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 Nouvelles technologies 5 20/01/2007 19h05
Creer une partition ? Waros Nouvelles technologies 12 22/03/2004 23h08
comment creer une party svp? Roumano MU Online 2 12/01/2004 05h35
Creer une party ! Kazuma Dragon Raja 9 13/02/2003 20h48
Comment avoir une image sous son nom d'utilisateur ? [Avatar] deadman Le laboratoire 13 06/11/2002 19h52
Rechercher dans cette discussion 
Rechercher dans cette discussion:

Recherche avancée


Fuseau horaire GMT +2. Il est actuellement 09h56.

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