DBZ-community
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

DBZ-community


 
AccueilPortailRechercherDernières imagesS'enregistrerConnexion
-39%
Le deal à ne pas rater :
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
399 € 649 €
Voir le deal

 

 Tuto Creer vos UserBars avec Photoshop

Aller en bas 
AuteurMessage
Invité
Invité
Anonymous



Tuto Creer vos UserBars avec Photoshop Empty
MessageSujet: Tuto Creer vos UserBars avec Photoshop   Tuto Creer vos UserBars avec Photoshop Icon_minitimeMar 16 Mai - 16:57

Ci-dessous un tutorial pour vous aider à réaliser vos propres Userbars.

Une fois que vous avez réalisez votre visuel en suivant les différentes étapes, recréer un nouveau document ayant pour taille 350*19, avec comme couleur de fond "noir". Puis collez votre visuel dedans, enregistrez votre fichier en format Gif de préférence.



1/ Ouvrez un nouveau document ayant pour propriétés :



Tuto Creer vos UserBars avec Photoshop TUT_new
(Edit: dimensions: 350x19 pixels Wink)


2/ Ouvrez un deuxième nouveau document, mais avec largeur et hauteur = 6 pixels.

Avec le pinceau, de taille 1 et couleur noir, réalisez un motif comme ceci :


Tuto Creer vos UserBars avec Photoshop TUT_pattern


Enregistrez ce motif en faisant : Editer > Utiliser comme Motif

Appliquez ensuite ce motif à votre premier document, dans un nouveau calque Edter > remplir et choisir le motif enregistre avec une opacite de 23%


Tuto Creer vos UserBars avec Photoshop TUT_pattern_applik


3/ Insérez votre image entre le calque transparent de fond, et celui de votre motif. Pour ce faire, cliquez droit et deplacez votre image sur le calque a l'endroit desiré. Si ca ne fonctionne pas, utilisez ce bouton Tuto Creer vos UserBars avec Photoshop 63ds puis recommencez.

Tuto Creer vos UserBars avec Photoshop TUT_image_applik


4/ En selectionnant 2 couleurs parmis celles utilisées dans votre image, réalisez un dégradé grâce à l'outil "gradient" (dégradé) sur un nouveau calque, en dessous de votre image :

Tuto Creer vos UserBars avec Photoshop TUT_full_pafini


5/ Pour la finition, utilisez un "masque de fusion" sur votre image. L'outil est disponible en bas de votre liste de calques :

Tuto Creer vos UserBars avec Photoshop TUT_liste_boutons


En modifiant l'opacité (environ 23%) de votre calque contenant le motif, vous devez obtenir quelque chose comme ca :

Tuto Creer vos UserBars avec Photoshop TUT_full_pafini3


6/ Il faut maintenant creer un nouveau calque au dessus de tous les autres. Avec l'outil de selection circulaire, réalisez une selection telle que celle ci :

Tuto Creer vos UserBars avec Photoshop TUT_pafini4


Remplissez le de blanc, en modifiant l'opacité, afin d'obtenir le résultat qui vous convient.

7/ A ce stade vous pouvez appliquez d'autres effets. En voici 2 qui peuvent vous donner des idées pour vos réalisations :

Effet nuages : avec filtre nuage (Filtre => Rendu => Nuages), dans un nouveau calque situé juste au dessus de votre image (opacité 23) et avec comme couleur utilisée noir et blanc, vous pouvez obtenir quelque chose comme ca :


Tuto Creer vos UserBars avec Photoshop TUT_nuages2


Tuto Creer vos UserBars avec Photoshop TUT_nuages


Effet dégradé : avec l'outil "gradient", dans un nouveau claque situé juste au dessus de votre image, réglé en mode multiply vous pourrez obtenir un résultat tel que celui ci :

Tuto Creer vos UserBars avec Photoshop TUT_liste_tools Tuto Creer vos UserBars avec Photoshop TUT_gradient


Tuto Creer vos UserBars avec Photoshop TUT_gradient_panel


Tuto Creer vos UserBars avec Photoshop TUT_pafini5


8/ Insérez votre texte au dessus de tous les autres calques (ou en dessous du cercle blanc, selon l'effet désiré) :

la police Visitor est disponible sur le site dafont.com >>>ICI<<<


Tuto Creer vos UserBars avec Photoshop TUT_police


Appliquez ensuite le filtre "stroke" (contour), en cliquant droit sur le calque du texte, cliquez sur "Options de fusion", puis "Contour". Choisissez comme couleur noir, et taille 1 pixel.

Voilà c'est fini
Cool


Tuto Creer vos UserBars avec Photoshop USERBARlost

tuto : creer part http://userbars.forumpro.fr
Revenir en haut Aller en bas
 
Tuto Creer vos UserBars avec Photoshop
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Tuto Creer vos UserBars avec Photofiltre
» tuto
» photofilte tuto effet feu

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
DBZ-community :: GRAPHISME :: tutoriaux-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser