 | Sujet: Créer une userbar avec reflet Ven 12 Sep - 13:55 | |
| Bonjour  Voici une seconde méthode qui fait de plus jolies userbars (grâce à l'ajout d'un reflet  ). Allez on y va : >> image utilisée pour cette créa : | Spoiler: | | |  |
1/ Créer une nouvelle image de dimension 450*60 avec un fond transparent
2/ Ajouter des guides. Pour cela, vous faites : image >> guide >> nouveau guide
 Vous avez 4 guides à ajouter : > horizontal à : 20 et 39 > vertical à : 50 et 400 Vous arrivez à ceci :

3/ Le fond de l'image Selectionner le rectangle du centre (outil sélection rectangulaire). Remplissez ce fond avec un dégradé : couleur 1 : 8c0163 // couleur 2 : f976d3 Vous arrivez à ça :

4/ Ajout de décor On va ajouter un petit biseau ^^ Pour cela, gardez le rectangle du centre sélectionnez, puis faites : filtre >> décoration >> ajouter un biseau. Effectuez les réglages suivant :
 Vous devriez voir un petit relief dans votre créa.
5/ Les hachures. Créer un nouveau calque que vous appelez "Hachures". Prenez le dégradé appelé "Three bar sin", réglez le en forme "linéaire" et en répétition "ondes triangulaires"
 Tracez votre dégradé en diagonal 8,8 comme ci-dessous :
 Et mettez votre calque en mode multiplier, opacité 30. Vous devez en être arrivé ici :

6/ L'image Prenez l'image de départ, sélectionnez là et copiez-collez là dans votre userbar. Réglez sa taille comme vous le désirez et placez la comme bon vous semble.
 Elle est pour le moment "transparente". Pour que l'image devienne un calque à part entière de votre création, il faut la fixer sans pour autant l'ancrer. Cliquez donc sur "nouveau calque" dans votre fenêtre de calque.

7/ Le reflet On passe maintenant au "petit truc qui fait joli". Pour cela, créez un nouveau calque que vous appelez "reflet". Sélectionnez l'outil "ellipse" et sélectionnez le haut de votre userbar comme ci-dessous :
 Remplissez ensuite votre sélection en blanc, à une opacité de 30.

8/ Le cadre Le plus gros est fait Créez un nouveau calque appelé "cadre". Sélectionnez votre rectangle du centre. Ensuite, choisissez l'outil "remplissage", réglez la couleur en noir et en opacité 100.
 Faites ensuite, Édition >> tracer la sélection
 Et mettez les réglages suivant :
 Votre cadre est ajouté 
9/ Découper la sélection Sélectionnez votre rectangle du milieu, puis faites : image >> découper la sélection.
 Nous avons presque fini 
10 / Le texte La dernière étape : l'ajout du texte. Tout d'abord, nous allons ôter les guides, car ils vont nous gêner pour placer correctement notre texte. Faites donc : image >> guides >> enlever tous les guides
 Sélectionnez ensuite la police Visitor 2 et réglez la en blanc, taille 14 px. Placez votre texte à droite. (votre calque doit se trouver en dessous du reflet )
 Nous allons maintenant ajouter l'ombre du texte. Pour cela, cliquez sur votre calque de texte et faites : clique droit >> alpha vers sélection.
 Créez ensuite un nouveau calque appelé "Contour texte" et placez le sous votre calque de texte.
 Faites sélection >> agrandir la sélection : 1px et remplissez la de noir, opacité 100.
Et voilà, votre userbar est terminé
Pour vos questions c'est ci-dessous. Surtout n'hésitez pas à nous montrer vos créations 
Pour toutes questions concernant le tuto, c'est par [ ici]
Dernière édition par Miettes le Dim 24 Jan - 20:59, édité 1 fois |
|