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



 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment : -15%
(Adhérents Fnac) LEGO® Star Wars™ ...
Voir le deal
552.49 €

 

 [Tuto Photoshop - Image Ready] User box

Aller en bas 
+6
ludeau
El-Cherubin
formol
ZeDarkness
seneque
chouk
10 participants
AuteurMessage
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
chouk


Masculin Nombre de messages : 4063
Age : 42
Localisation : 57
Loisirs : metal dessin sortie
Date d'inscription : 26/06/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyDim 8 Oct - 20:51

Voici mon tout premier tuto sur USB France (je suis zemu)

1°) Commencer par créer un document 50 x 125 en fond transparent :
[Tuto Photoshop - Image Ready] User box Phase01vy3

2°) Faire comme une userbar (un calque avec le motif en diagonale opacité 23%) avec un cadre au contour blanc 2 px et un contour noir 1 px
[Tuto Photoshop - Image Ready] User box Phase02mo8

3°) A la place d'avoir une elipse blanche opacité à 50% suivez cette démarche pour réaliser un angle arrondi :
    - prenez l'outil selection elliptique
    [Tuto Photoshop - Image Ready] User box Phase03eh5
    - Faites une selection dans le genre-là :
    [Tuto Photoshop - Image Ready] User box Phase04fr8
    - Inverser la sélection (Ctrl + Maj + I)(ou Selection > Intervertir)
    [Tuto Photoshop - Image Ready] User box Phase05nm7
    - Et dans un nouveau calque remplissez de blanc à opacité 50% (Maj + F5)(ou Edition > Remplir)
    [Tuto Photoshop - Image Ready] User box Phase06li8
    - Et voilà


4°) Une fois cela fait réunissez tous les calques dans un groupe de calques :
[Tuto Photoshop - Image Ready] User box Phase07oc9
En appuyant sur ce bouton :
[Tuto Photoshop - Image Ready] User box Phase08rl5

5°) Maintenant exporter ceci dans image ready
[Tuto Photoshop - Image Ready] User box Phase09fi6

6°) Une fois dans image ready ouvrer un gif animé, par exemple celui-là :
[Tuto Photoshop - Image Ready] User box Narutojv1

7°) Retaillez-la de façon à ce que le gif fasse 50 x 125 :
[Tuto Photoshop - Image Ready] User box Naruto2mv3

8°) Et maintenant prenez le groupe de calque, glissez-le dans le gif et centrer-le dans le gif (après a vous de voir si vous voulez garder le motif ou non) :
[Tuto Photoshop - Image Ready] User box Naruto3nq2 [Tuto Photoshop - Image Ready] User box Naruto4gb1

9°) Maintenant vous n'avez plus qu'à noter ce que vous voulez avec un contour noir d'1 px et voilu hu hu
[Tuto Photoshop - Image Ready] User box Narutofante4

Après; dès que vous saurez en faire de mieux en mieux, vous pourrez faire ce genre de trucs :
[Tuto Photoshop - Image Ready] User box Narutofan2fx9


Dernière édition par le Ven 3 Aoû - 19:54, édité 2 fois
Revenir en haut Aller en bas
http://loichans.free.fr
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 32
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyDim 8 Oct - 20:56

heu, l'histoire des groupes de calques ce serait donc une alternative à Ulead Gif Animator??
Revenir en haut Aller en bas
http://anakel87.free.fr/
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
chouk


Masculin Nombre de messages : 4063
Age : 42
Localisation : 57
Loisirs : metal dessin sortie
Date d'inscription : 26/06/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyDim 8 Oct - 20:59

huuuuuu.... ? oui ! (sans trop de convictions)
Revenir en haut Aller en bas
http://loichans.free.fr
ZeDarkness

[Tuto Photoshop - Image Ready] User box Nouveau
ZeDarkness


Nombre de messages : 42
Age : 74
Date d'inscription : 15/10/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyDim 15 Oct - 22:17

Merci pour cette excellent tuto.

J'ai une petite question quel est l'ecriture que tu utilises ??

Merci
Revenir en haut Aller en bas
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
chouk


Masculin Nombre de messages : 4063
Age : 42
Localisation : 57
Loisirs : metal dessin sortie
Date d'inscription : 26/06/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyDim 15 Oct - 22:19

la police ? visitor BRK

telechargement ici :
http://www.dafont.com/fr/search.php?q=visitor
Revenir en haut Aller en bas
http://loichans.free.fr
ZeDarkness

[Tuto Photoshop - Image Ready] User box Nouveau
ZeDarkness


Nombre de messages : 42
Age : 74
Date d'inscription : 15/10/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyDim 15 Oct - 22:25

Merci beaucoup c'est bien ca que je cherchais. Merci Wink
Revenir en haut Aller en bas
formol

[Tuto Photoshop - Image Ready] User box Userba10
formol


Masculin Nombre de messages : 813
Age : 55
Localisation : Var (83)
Loisirs : graphisme,jeux,www
Date d'inscription : 31/08/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyDim 15 Oct - 23:06

gg good tuto
bon taf la totale quoi Wink
Revenir en haut Aller en bas
http://ilestaware.c.la
El-Cherubin

El-Cherubin


Masculin Nombre de messages : 1418
Age : 35
Localisation : Yes !! Parisien dans l'ame!
Loisirs : Femme, net, informatique, lecture, cinema, et...hheeeuuu.......
Date d'inscription : 09/02/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyDim 15 Oct - 23:27

Nickel merci pour ce tuto!! Very Happy
Revenir en haut Aller en bas
http://www.infocompub.fr
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
chouk


Masculin Nombre de messages : 4063
Age : 42
Localisation : 57
Loisirs : metal dessin sortie
Date d'inscription : 26/06/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyLun 16 Oct - 3:43

De rien de rien je suis zemu c'est mon premier tuto
Revenir en haut Aller en bas
http://loichans.free.fr
ZeDarkness

[Tuto Photoshop - Image Ready] User box Nouveau
ZeDarkness


Nombre de messages : 42
Age : 74
Date d'inscription : 15/10/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyLun 16 Oct - 11:58

Ben pour un premier tuto , il est excellent , BRAVO !!!

Ps: juste un petit oublie, car j'ai cherche, tu as oubie de preciser que tu mettez un fond gris entre le 2°) et la 3°) Wink
Revenir en haut Aller en bas
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 32
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyLun 16 Oct - 17:42

Le fond gris est, je pense, pour faire resortir les rayures et l'elipse. S'il avait laissé le fond transparent on y aurait rien vu! Voilà tout.
Revenir en haut Aller en bas
http://anakel87.free.fr/
ludeau

[Tuto Photoshop - Image Ready] User box Nouveau
ludeau


Masculin Nombre de messages : 27
Age : 44
Localisation : Epernay [champagne]
Date d'inscription : 14/08/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyMar 31 Oct - 20:17

Hello

Je bloque à la partie 8, j'arrive à déplacer mon calque mais impossible de le centrer, car quand je veux le centrer sa me le centre que sur 1 seule image de mon gif

Petite vidéo pour vous montrer le problème

==> vidéo <==
Revenir en haut Aller en bas
http://www.graphattack.monforum.net
ludeau

[Tuto Photoshop - Image Ready] User box Nouveau
ludeau


Masculin Nombre de messages : 27
Age : 44
Localisation : Epernay [champagne]
Date d'inscription : 14/08/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyMer 1 Nov - 18:47

ludeau a écrit:
Hello

Je bloque à la partie 8, j'arrive à déplacer mon calque mais impossible de le centrer, car quand je veux le centrer sa me le centre que sur 1 seule image de mon gif

Petite vidéo pour vous montrer le problème

==> vidéo <==

Auto réponse Very Happy

J'ai trouvé la solution Wink
Revenir en haut Aller en bas
http://www.graphattack.monforum.net
seneque
I clean like a pro
I clean like a pro
seneque


Masculin Nombre de messages : 2019
Age : 32
Localisation : Villeneuve
Loisirs : Poker
Date d'inscription : 18/08/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyMer 1 Nov - 22:02

Mdr, excellent l'auto-réponse!
Alors, c'était quoi qui n'allait pô?
Revenir en haut Aller en bas
http://anakel87.free.fr/
ludeau

[Tuto Photoshop - Image Ready] User box Nouveau
ludeau


Masculin Nombre de messages : 27
Age : 44
Localisation : Epernay [champagne]
Date d'inscription : 14/08/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyMer 1 Nov - 23:03

Au lieu de passer par image ready je me suis servi d’Ulead GIF Animator 5. je n'ès pas trouver la solution avec image ready, mais si quelqu’un veut bien jeter un œil et me dire ce qui ne va pas sa serer sympa
Revenir en haut Aller en bas
http://www.graphattack.monforum.net
Bujingai

[Tuto Photoshop - Image Ready] User box Membre
Bujingai


Masculin Nombre de messages : 250
Age : 32
Localisation : Lille
Loisirs : Création graphique, consoles...
Date d'inscription : 06/05/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyVen 3 Nov - 21:40

J'ai déjà réussi userbar animé, mais ça avec Gimp, je pense pas que ce soit possible!
Revenir en haut Aller en bas
https://userbars.forumpro.fr
Bacara

[Tuto Photoshop - Image Ready] User box Membre
Bacara


Nombre de messages : 103
Age : 35
Date d'inscription : 02/10/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyJeu 9 Nov - 22:13

Personnelement moi qui Débute COMPLETEMENT avec Photoshop je trouve ce tuto mal expliquer avec des étapes de zaper. Mais bon Rolling Eyes
Revenir en haut Aller en bas
pouloud57

[Tuto Photoshop - Image Ready] User box Nouveau
pouloud57


Nombre de messages : 24
Age : 35
Date d'inscription : 07/01/2007

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptyMer 10 Jan - 18:41

merci bien Wink je sais enfin comment faire
Revenir en haut Aller en bas
brice16

[Tuto Photoshop - Image Ready] User box Membre
brice16


Masculin Nombre de messages : 149
Age : 34
Localisation : Paris
Date d'inscription : 11/08/2007

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptySam 8 Sep - 1:26

J'en ai pas encore fait d'annimé , mais voila ce que j'ai fait pour ma première fois :

[Tuto Photoshop - Image Ready] User box 1ereboxol6
Revenir en haut Aller en bas
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
chouk


Masculin Nombre de messages : 4063
Age : 42
Localisation : 57
Loisirs : metal dessin sortie
Date d'inscription : 26/06/2006

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptySam 8 Sep - 5:49

Ben c'est pas mal du tout pour une première
Revenir en haut Aller en bas
http://loichans.free.fr
brice16

[Tuto Photoshop - Image Ready] User box Membre
brice16


Masculin Nombre de messages : 149
Age : 34
Localisation : Paris
Date d'inscription : 11/08/2007

[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box EmptySam 8 Sep - 14:39

merci :p j'essayerai sur une image plus longue
Revenir en haut Aller en bas
Contenu sponsorisé





[Tuto Photoshop - Image Ready] User box Empty
MessageSujet: Re: [Tuto Photoshop - Image Ready] User box   [Tuto Photoshop - Image Ready] User box Empty

Revenir en haut Aller en bas
 
[Tuto Photoshop - Image Ready] User box
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Tuto Photoshop - Image Ready] UserboxZ Annimée
» [Tuto Image Ready] Insérer un gif animé dans une UserBar
» [Tuto Photoshop] Détourer une image -Video-
» Impossible d'enregister en .gif [image Ready]
» Tuto UserBars - Photoshop

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
UserBars France :: Tutoriels / Support :: Tutos :: Photoshop :: Userbars/boxs, Squareboxs-
Sauter vers: