RemonterDescendre



 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

Faire un gif sous Photoshop CS4

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Mack
Admin
avatar
Programme graphique : Photoshop CS4, CS5 et Photofiltre Studios
Messages : 260
Date d'inscription : 30/07/2009
Age : 62
MessageSujet: Faire un gif sous Photoshop CS4 Mer 3 Nov - 22:18

Citation :
Un petit tutos qui peut être utilisé pour CS3 et CS4


Citation :




Etape 1: Configuration de vos calques.

La première étape dans la création d’un GIF animé dans Photoshop est de superposer des calques avec tous les éléments visuels que vous prévoyez d’intégrer dans l’animation. Mon exemple est constitué de 7 calques dont 4 contenant le texte de rebours, et 2 calques pour la fusée et la flamme.



Étape 2: Création de l’animation en ajoutant des calques visibles

Choisissez Fenêtre> et sélectionnez Animation pour montrer la « palette animation ». (si elle n’est pas activée

Commencez le TP par supprimer toutes les images dans la palette animation, pour cela sélectionnez d’abord toutes les images puis supprimez les images via le menu de la palette animation (si c'est le cas)



Sur la première image de la séquence, désactivez la visibilité de toutes les couches (ou calques) que vous ne voulez pas voir au début de votre animation. Dans l’exemple ci-dessous, seuls les calques « fond blanc » et « fusée » sont visibles.



Puis ajouter une image à la fois à l’aide du bouton « duplication des images », activez ou désavtivez la visibilité des calques en fonction de ce que voulez voir apparaître sur l’image (oeil visible ou non).

Ainsi à la 2ième image de la séquence, le calque de la fusée immobile et le calque du chiffre 3 sont visibles, à la 3ième image, les calques des chiffres 3, 2 et le calque de la fusée sont visibles, le calque avec le chiffre 1 étant toujours désactivé, à la 3e image les chiffres 1,2,3 et la fusée sont visibles, ainsi de suite…



Jusqu’au décompte final : décollage ! avec l’apparition des flammes….(ci-dessous)



Étape 3: Création de l’animation en utilisant la commande « Trajectoire… »

Maintenant que le compte à rebours est terminé, nous avons besoin, pour créer l’illusion, que notre fusée décolle du bas vers le haut. Pour donner cette illusion et gagner du temps énorme, procédez comme suit :

Ajoutez une nouvelle image à l’aide du petit bouton « duplication des images sélectionnées« , puis sélectionnez le groupe appelé « Fusée » et déplacez votre fusée vers le haut du cadre avec l’outil déplacement (V). Cette image de la flamme qui disparait du cadre sera la dernière de votre séquence.



Ensuite, choisissez « Trajectoire … » dans le menu de la palette ou par le bouton « trajectoire des images » disponible dans la barre des actions (petits cercles)
Sélectionnez le nombre d’image à ajouter entre le début du décollage et la fin de la séquence, dans mon cas j’ai choisi 10 images. Photoshop ajoutera des images intermédiaires. Plus le nombre d’images intermédiaires sera élevé, plus le gif vous semblera fluide.







Etape 4 : Réglage du temps entre chaque image.

Si vous souhaitez que le retard de chaque image soit le même tout au long de votre animation, sélectionnez toutes les images et choisissez le retard voulu.

Dans notre cas, le retard pour le décompte est réglé à 1 seconde :1..2..3, puis à partir du décollage, le retard passe à 0,1 seconde pour créer l’illusion de la fluidité. Le temps d’affichage est bien entendu paramétrable image par image, cela dépend de votre animation.



Étape 5: Export du GIF animé.

Assurez-vous que le type d’image est GIF, n’hésitez pas à expérimenter avec d’autres options, et enregistrer votre fichier.



Pour tester votre résultat , faites glisser le GIF vers votre navigateur Web.

Rappel : Dans Photoshop CS3 ou CS4 : Fichier> Enregistrer pour le Web et les périphériques…


_______________________________________________________________________________________________________♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Programme graphique : Photoshop CS4
Messages : 410
Date d'inscription : 02/11/2010
Localisation : Le graph
MessageSujet: Re: Faire un gif sous Photoshop CS4 Mer 8 Juin - 17:22

Merci pour ce tuto :)
Voici mon test :



Basique mais j'ai réussi *proud*

_______________________________________________________________________________________________________♥


Habillée de la toute nouvelle collection D&D xD Merciiiiiiiiiiiiiiiii Lydie =)
Je sais tout Invité
Admin à votre service, n'hésitez pas pour les questions ;)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Mack
Admin
avatar
Programme graphique : Photoshop CS4, CS5 et Photofiltre Studios
Messages : 260
Date d'inscription : 30/07/2009
Age : 62
MessageSujet: Re: Faire un gif sous Photoshop CS4 Mer 8 Juin - 18:18

Super résultat ! :)

_______________________________________________________________________________________________________♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé
MessageSujet: Re: Faire un gif sous Photoshop CS4

Revenir en haut Aller en bas

Faire un gif sous Photoshop CS4

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Graph'Art :: A la découverte du graphisme :: Tutoriaux :: Photoshop :: Intermédiaire-