Pour du graphisme 100% gratuit
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Pour du graphisme 100% gratuit


 
AccueilPortailRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment :
Xiaomi Mi Smart Camera 2K Standard Edition (design ...
Voir le deal
11.39 €

 

 [tuto]Une petite lumière qui se déplace sur un texte

Aller en bas 
5 participants
AuteurMessage
LaGrenouille
SG Graph
LaGrenouille


Masculin Nombre de messages : 83
Age : 37
Commentaire : kroâ ?
Date d'inscription : 16/04/2008

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyLun 28 Avr - 22:55

Ce tuto est fait pour photoshop et image ready. A priori, image ready est vendu et installé avec toshop donc pas de panique, si vous avez photoshop vous devriez avoir image ready aussi même si vous l'avez jamais vu.

aller hop c'est partit ! d'abord un petit rendu de ce qu'on va obtenir à la fin (tjrs plus simple quand on sait ce vers quoi on va...)
[tuto]Une petite lumière qui se déplace sur un texte Fin

Etape 1 :
D'abord on part d'une truc deja fini (peu importe a priori mais là on a une meilleurs idée du rendu). Vu que c'est moi qui fait le tuto, je prend une de mes sign ^^
[tuto]Une petite lumière qui se déplace sur un texte Bangrenouille
(juste que j'ai rajouté un fond blanc, le gif c'est pas top en qualité donc on peu avoir des soucis si y'a des détails fin qui sont sur un fond transparent)

Donc on commence par creer un nouveau calque que l'on nomme "lumière"
[tuto]Une petite lumière qui se déplace sur un texte Etape01

Etape 2 :
On crée sur ce calque ce qui va être notre petite lumière. Là y'a plein de méthode, moi je fait ça rudimentaire :
élipse de sélection et je remplis de blanc. Il faut qu'elle soit assez grande pour couvrir tout le texte par simple translation.
[tuto]Une petite lumière qui se déplace sur un texte Etape02

Etape 3 :
un chti flou gaussien
[tuto]Une petite lumière qui se déplace sur un texte Etape03a
[tuto]Une petite lumière qui se déplace sur un texte Etape03b

Etape 4 :
Pour que ça fasse un peu plus "lumière" on passe le calque en mode incrustation
[tuto]Une petite lumière qui se déplace sur un texte Etape04

Etape 5 :
Ensuite on crée un masque de fusion pour que la lumière ne soit visible que sur le texte. Pour cela, on sélectionne le texte (CTRL + clic gauche sur les calques de texte) :
[tuto]Une petite lumière qui se déplace sur un texte Etape05a
On crée ensuite le masque de fusion et ON ROMPT LE LIEN ENTRE LE MASQUE ET LE CALQUE (en pratique ça se fait juste en cliquant sur la petite chaine entre le masque et le lien).
[tuto]Une petite lumière qui se déplace sur un texte Etape05b

Etape 6 :
La on passe sous image ready, suffit de cliquer sur la ptite icone en bas de la barre d'outils :
[tuto]Une petite lumière qui se déplace sur un texte Etape06

Etape 7 :
On décale ensuite le calque de lumière à gauche du texte, il ne doit plus être visible :
[tuto]Une petite lumière qui se déplace sur un texte Etape07

Etape 8 :
On duplique ensuite l'image dans la fenetre d'animation (en bas par défaut, si elle apparait pas allez voir dans le menu fenetre)
[tuto]Une petite lumière qui se déplace sur un texte Etape08

Etape 9 :
Sur cette nouvelle image, on déplace le calque à droite, en dehors du texte (CTRL + MAJ + fleches du clavier ça va bien pour déplacer horizontalement rapidement)
[tuto]Une petite lumière qui se déplace sur un texte Etape09

Etape 10 :
Là c'est l'étape magique qui fait tout : on clique sur le petit bouton nommé "trajectoire" et on modifie les paramètre comme on veut. En gros, le logiciel va créer la succession d'image pour que les 2 images se suivent. Là, il va donc creer les images avec le calque de la lumière qui se déplace (si on vaut faire un truc circulaire c'est pas automatique, pas de base en tout cas).
[tuto]Une petite lumière qui se déplace sur un texte Etape10

Etape 11 :
On fignole la fin. On spécifie sur la premièr eou la dernière image qu'elle doit durer quelques secondes (pour pas faire saigner les yeux de ceux qui regardent) :
[tuto]Une petite lumière qui se déplace sur un texte Etape11

Etape 12 :
On enregistre au format GIF. C'est dans le menu fichier->Enregistrer une copie optimisée sous...
Et si on peut pas enregistrer en gif, vérifier que les paramètres d'optimisations sont réglés sur GIF (cf la deuxième image de cette étape).
[tuto]Une petite lumière qui se déplace sur un texte Etape12b
[tuto]Une petite lumière qui se déplace sur un texte Etape12a

Et voilà !!
[tuto]Une petite lumière qui se déplace sur un texte Fin
et voilà ! c'est simple à faire, on peut en faire plein de chose et ça rend bien ^^ la ptite touche sympa à rajouter de temps en temps Very Happy


Dernière édition par LaGrenouille le Mar 29 Avr - 22:15, édité 1 fois
Revenir en haut Aller en bas
http://snackgrego.free.fr/
Farore
Administrateur Graphiste
Farore


Féminin Nombre de messages : 4298
Age : 32
Date d'inscription : 08/12/2006

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyMar 29 Avr - 21:10

Merci de ce tutorial ! =)
Revenir en haut Aller en bas
http://perso.orange.fr/love-forever
LadyCats
Admin Temporaire
LadyCats


Féminin Nombre de messages : 1039
Age : 31
Date d'inscription : 02/02/2008

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyMer 30 Avr - 14:18

Merciii ! Je crois que cette animation s'appelle l'effet scanner Smile !
Mais c'est avec ça que tu as fait l'animation sur la bannière SG, LaGrenouille?
Revenir en haut Aller en bas
¤Pookie¤
Giga Posteur
¤Pookie¤


Féminin Nombre de messages : 468
Age : 32
Commentaire : J'adore ce forum,vous faites tous de très belles créas!!!
Date d'inscription : 11/07/2007

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyMer 30 Avr - 14:36

Merci de ce tuto, j'essaierai quand j'aurais le courage, car moi et toshop c'est la guerre lol.
Une petite question, image ready est carrément incrusté dans photoshop ?
C'est le truc des animations en bas ?
Revenir en haut Aller en bas
http://just-graph.forums-actifs.com
LadyCats
Admin Temporaire
LadyCats


Féminin Nombre de messages : 1039
Age : 31
Date d'inscription : 02/02/2008

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyMer 30 Avr - 16:15

Oui Lablonde, c'est incrusté. Quand tu es sur Photoshop, tu as juste à cliquer sur l'icone en bas pour basculer sur ImageReady :

Spoiler:
Revenir en haut Aller en bas
¤Pookie¤
Giga Posteur
¤Pookie¤


Féminin Nombre de messages : 468
Age : 32
Commentaire : J'adore ce forum,vous faites tous de très belles créas!!!
Date d'inscription : 11/07/2007

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyMer 30 Avr - 17:27

Ah ok merci.
Bizarre j'ai pas ces boutons pourtant j'ai le reste...=$
Revenir en haut Aller en bas
http://just-graph.forums-actifs.com
Zouloum
Admin Temporaire
Zouloum


Masculin Nombre de messages : 3531
Age : 30
Commentaire : Have fun
Date d'inscription : 17/07/2006

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyJeu 1 Mai - 0:47

Si t'as la version CS3, imageready n'existe plus Wink

A+

Zouloum !
Revenir en haut Aller en bas
¤Pookie¤
Giga Posteur
¤Pookie¤


Féminin Nombre de messages : 468
Age : 32
Commentaire : J'adore ce forum,vous faites tous de très belles créas!!!
Date d'inscription : 11/07/2007

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyJeu 1 Mai - 15:13

Ah ok c'est pour ça^^.

Merci =)
Revenir en haut Aller en bas
http://just-graph.forums-actifs.com
LaGrenouille
SG Graph
LaGrenouille


Masculin Nombre de messages : 83
Age : 37
Commentaire : kroâ ?
Date d'inscription : 16/04/2008

[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte EmptyDim 4 Mai - 13:42

ah bah j'ai pas CS3 :/
Sinon, oui j'ai utilisé ça pour la bannière de SG mais c'était un peu plus compliqué parceque l'outil trajectoire ne fait pas les trucs en cercle. Donc je me suis amusé à faire les images une par une Very Happy
Mais à part cette subtilitée, c'est exactement la même chose ^^ (avec des changements d'opacités aussi mais là on s'en fou).
Revenir en haut Aller en bas
http://snackgrego.free.fr/
Contenu sponsorisé





[tuto]Une petite lumière qui se déplace sur un texte Empty
MessageSujet: Re: [tuto]Une petite lumière qui se déplace sur un texte   [tuto]Une petite lumière qui se déplace sur un texte Empty

Revenir en haut Aller en bas
 
[tuto]Une petite lumière qui se déplace sur un texte
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» PHOTOSHOP Contour blanc lumiere
» Ma petite (vraiment petite) galerie
» tuto

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pour du graphisme 100% gratuit :: Apprentissages Graphiques :: Tutoriels :: Photoshop-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser