AccueilAccueil  PortailPortail  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

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

Aller en bas 
AuteurMessage
OMF
Fondateur
Fondateur
avatar

Messages : 169
Date d'inscription : 03/12/2010

MessageSujet: Une petite lumière qui se déplace sur un texte   Sam 4 Déc - 1:05

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

Aller hop c'est partie ! Voila le résultat final :
[Vous devez être inscrit et connecté pour voir cette image]

Étape 1 :
D'abord on part d'un truc déjà fini (peu importe a priori mais là on a une meilleur idée du rendu).
[Vous devez être inscrit et connecté pour voir cette image]
(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 fins qui sont sur un fond
transparent)

Donc on commence par creer un nouveau calque que l'on nomme "lumière"
[Vous devez être inscrit et connecté pour voir cette image]


Étape 2 :
On crée sur ce calque ce qui va être notre petite lumière. Là y a pleins de méthodes, 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.
[Vous devez être inscrit et connecté pour voir cette image]

Étape 3 :
Un petit flou gaussien
[Vous devez être inscrit et connecté pour voir cette image]

Étape 4 :
Pour que ça fasse un peu plus "lumière" on passe le calque en mode incrustation.
[Vous devez être inscrit et connecté pour voir cette image]

Étape 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) :
[Vous devez être inscrit et connecté pour voir cette image]
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)
[Vous devez être inscrit et connecté pour voir cette image]

Étape 6 :
La on passe sous image ready, suffit de cliquer sur la petite icône en bas de la barre d'outils :
[Vous devez être inscrit et connecté pour voir cette image]

Étape 7 :
On décale ensuite le calque de lumière à gauche du texte, il ne doit plus être visible :
[Vous devez être inscrit et connecté pour voir cette image]

Étape 8 :
On
duplique ensuite l'image dans la fenêtre d'animation (en bas par
défaut, si elle apparait pas allez voir dans le menu fenêtre)
[Vous devez être inscrit et connecté pour voir cette image]

Étape 9 :
Sur
cette nouvelle image, on déplace le calque à droite, en dehors du texte
(CTRL + MAJ + flèches du clavier ça va bien pour déplacer
horizontalement rapidement)
[Vous devez être inscrit et connecté pour voir cette image]

Étape 10 :

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 créer 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).
[Vous devez être inscrit et connecté pour voir cette image]

Étape 11 :
On
fignole la fin. On spécifie sur la première ou la dernière image
qu'elle doit durer quelques secondes (pour pas faire saigner les yeux de
ceux qui regardent) :
[Vous devez être inscrit et connecté pour voir cette image]

Étape 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).
[Vous devez être inscrit et connecté pour voir cette image]
[Vous devez être inscrit et connecté pour voir cette image]

Et voilà !!
[Vous devez être inscrit et connecté pour voir cette image]

Et voilà ! C'est simple à faire, on peut en faire pleins de choses et ça rend bien :16: La petite touche sympa à rajouter de temps en temps ! :26:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://omforum.1fr1.net
Loscfornewbies
Nouveau
Nouveau
avatar

Messages : 1
Date d'inscription : 08/05/2011

MessageSujet: Re: Une petite lumière qui se déplace sur un texte   Dim 8 Mai - 13:49

Das icht zuper!!!
C'est vraiment cool!!!
Un gros merci a toi j'ai enfin trouver ce que je chercher depuis des semaines!!!^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
jean-luc 77
Minot
Minot
avatar

Messages : 408
Date d'inscription : 11/12/2010
Age : 49
Localisation : france

MessageSujet: Re: Une petite lumière qui se déplace sur un texte   Jeu 9 Juin - 12:58

super
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




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

Revenir en haut Aller en bas
 
Une petite lumière qui se déplace sur un texte
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Lionel, qui rêve d'une petite lumière verte
» Petit Jeu du style telephone arabe
» Petite question bateau : comment choisir son vélo horizontal ?
» Une petite place pour les Experts...
» passage de 2 a 4 place ou +

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
OMForum :: OM Café :: Espace Graphique :: Tutos et Aides-
Sauter vers:  
Theme by OMF - Tous droits réservés
© 2010

Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit