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



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
TCL C74 Series 55C743 – TV 55” 4K QLED 144 ...
Voir le deal
499 €

Partagez|

Faire un gif sous Photoshop CS4

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

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


Citation :


Faire un gif sous Photoshop CS4 Decollage

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.

Faire un gif sous Photoshop CS4 Decol1-1

É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)

Faire un gif sous Photoshop CS4 Menudecol-1

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.

Faire un gif sous Photoshop CS4 Decollagepas1vz1

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…

Faire un gif sous Photoshop CS4 Decol1er

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

Faire un gif sous Photoshop CS4 Decoljfl

É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.

Faire un gif sous Photoshop CS4 Decollagepas4lw5

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.

Faire un gif sous Photoshop CS4 Decollagepas5hi0

Faire un gif sous Photoshop CS4 Decollagepas6pb3

Faire un gif sous Photoshop CS4 Decollagepas7en9

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.

Faire un gif sous Photoshop CS4 Decollagepas8fu8

É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.

Faire un gif sous Photoshop CS4 Enrgig

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…

Sources: http://www.deliciarum.info/28/10/2008/comment-creer-des-gifs-animes-sous-photoshop-cs4/
Revenir en haut Aller en bas
Thyrsette
Admin
Thyrsette
Programme graphique : Photoshop CS4
Messages : 410
Date d'inscription : 02/11/2010
Localisation : Le graph
Faire un gif sous Photoshop CS4 Vide
MessageSujet: Re: Faire un gif sous Photoshop CS4 Faire un gif sous Photoshop CS4 Icon_minitimeMer 8 Juin - 17:22

Merci pour ce tuto :)
Voici mon test :

Faire un gif sous Photoshop CS4 Bouton11

Basique mais j'ai réussi *proud*
Revenir en haut Aller en bas
Mack
Admin
Mack
Programme graphique : Photoshop CS4, CS5 et Photofiltre Studios
Messages : 260
Date d'inscription : 30/07/2009
Age : 69
Faire un gif sous Photoshop CS4 Vide
MessageSujet: Re: Faire un gif sous Photoshop CS4 Faire un gif sous Photoshop CS4 Icon_minitimeMer 8 Juin - 18:18

Super résultat ! :)
Revenir en haut Aller en bas
Contenu sponsorisé
Faire un gif sous Photoshop CS4 Vide
MessageSujet: Re: Faire un gif sous Photoshop CS4 Faire un gif sous Photoshop CS4 Icon_minitime

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-