Faire une Userbar animé

Matériel : Une image, Photoshop et Image Ready


1__ Ouvrir un nouveau fichier de 350 px x 3 px et de résolution 72 px (Fichier => Nouveau)
2__ Ouvrir votre image et la redimensionnée à la bonne taille (suivant vos envies mais de 350 px de large)
3__ Sélectionner votre image et copier la (Sélection => Tout sélectionné => Edition => Copier)
4__ Coller votre image dans le nouveau document que vous avez créer au début. (Edition => Coller)
5__ Créer votre motif (lignes diagonales) (Fichier => Nouveau => 5 x 5) Agrandir votre nouveau document au maximum avec la loupe
6__ Choisir la couleur de votre ligne et sélectionnez l'outil crayon avec les même paramètres que sur l'image
Le résultat :
7__ Maintenant faut enregistrer ce motif (Fichier => Utiliser comme motif => OK)
8__ Revenez sur votre futur userbar (là où vous avez du collé votre image) ajoutez un nouveau calque (Calque => Nouveau => Calque) Et remplir votre document du motif (Edition => Remplir => Choisir votre motif => OK)
9__ Ajoutez un nouveau calque (Calque => Nouveau => Calque)
10__ Avec l'outil de sélection ellipse, faites une sélection comme sur l'image
11__ Appliquez lui un dégradé de blanc à transparent avec les paramètres de l'image
12__ Vous devriez avoir un résultat qui donne un effet 3D a votre barre
13__ Suivant vos goûts vous pouvez baissé l'opacité des calques (motifs et dégradé) dans la palette des calques
14__ Avec l'outil texte écrivez ce que vous voulez
15__ Cliquez sur l'oeil à côté du calque de base pour le rendre invisible
16__ Fusionnez les calques visibles (Calque => Fusionner les calques visibles) (Si par hasard il vous est impossible de fusionné les calques, revenez dans la palette des calques et sélectionnez un des calques visible, peu importe lequel)
17__ Il ne vous reste plus que deux calques, un visible et l'autre pas. Vous devez rendre celui-ci visible de la même façon que dans l'étape 14
Après la prochaine manipulation nous commencerons à travailler dans Image ready
18__ Cliquez sur le dernier icône de la palette des outils
19__ Cliquez sur l'icône "Reproduis l'image selectionnée" qui aura pour effet d'ajouter une nouvelle fenêtre dans la palette animation
20__ Sélectionnez le calque de base dans la palette des calques
21__ Déplacez ce calque vers le haut (avec les flèches de votre clavier) jusqu'à la limite de l'image
22__ Cliquez sur l'icône "Trajectoire" dans la palette animation
23__ Dans la nouvelle fenêtre mettez 20 dans la ligne "Images à ajouter" (cela est suffisant)
24__ Cliquez de nouveau sur l'icône "Reproduis l'image selectionnée" comme dans l'étape 18
25__ Redéplacez le calque (comme précèdemment) mais cette fois-ci vers le bas jusqu'au point de départ
26__ Cliquez de nouveau sur "Trajectoire" et renseignez le même nombre d'images à ajouter qu'avant
27__ Essayer l'animation pour savoir si elle vous conviens
28__ Enregistrez votre travail (Fichier => Enregistrer une copie optimisée sous...)
 
 
Vous pouvez enfin voir votre travail. Dès que vous l'aurez fait trois ou quatre fois, vous connaîtrez ce tuto par coeur, vous saurez faire une userbar sans aide.

Voici la mienne :
 
PS : Si l'animation (après enregistrement) s'arrête au milieu, ne vous inquiétez pas, vous avez juste à redimensionné votre image en hauteur.
Si le coeur vous en dit vous pouvez me laissé un commentaire à propos de ce tutorial.