{"id":3334,"date":"2019-10-29T12:24:10","date_gmt":"2019-10-29T12:24:10","guid":{"rendered":"http:\/\/histoiredebambou.com\/?p=3334"},"modified":"2020-06-02T12:31:17","modified_gmt":"2020-06-02T12:31:17","slug":"tuto-creer-gif-avec-photoshop","status":"publish","type":"post","link":"https:\/\/histoiredebambou.com\/blog\/tuto-creer-gif-avec-photoshop\/","title":{"rendered":"Tuto : Cr\u00e9er un GIF avec Photoshop"},"content":{"rendered":"
\n
\n
\n
\n
\n

\"TUTO<\/h1>\n

Il existe plusieurs fa\u00e7ons et plusieurs logiciels pour cr\u00e9er des Gifs. <\/span>Nous allons voir aujourd’hui comment cr\u00e9er un gif avec photoshop<\/a><\/span>. Pour cet exemple, nous prendrons 7 photos.\u00a0<\/span>A noter qu’il est \u00e9galement possible de r\u00e9aliser des gifs \u00e0 partir d’une vid\u00e9o.<\/span><\/span><\/p>\n

 <\/p>\n

TUTO : Cr\u00e9er un GIF avec Photoshop<\/span><\/strong><\/h1>\n

 <\/p>\n

Avant de commencer \u00e0 cr\u00e9er un gif avec photoshop, il est important d’isoler toutes les photos concern\u00e9es dans un dossier \u00e0 part. Pour faciliter les manipulation suivantes, il est conseill\u00e9 de num\u00e9rot\u00e9 les photos dans l’ordre du futur gif.\u00a0<\/span><\/p>\n

Les images de cet exemples s’appellent donc 1.png \/2.png \/3.png \/4.png…<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n

Etape 1 : Charger les images dans Photoshop<\/span><\/strong><\/h2>\n

Fichier<\/strong> > Script<\/strong> > Chargement des fichiers dans une pile…<\/strong><\/span><\/p>\n

 <\/p>\n

\"Tuto<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
Une fen\u00eatre appara\u00eet. Cliquer sur Parcourir<\/strong> afin de rechercher les images dans l’ordinateur.\u00a0<\/span><\/p>\n

\"gif<\/p>\n

S\u00e9lectionner<\/strong> toutes les images pr\u00e9vues pour le gif, cliquer sur OK<\/strong>. Les images s’affichent ensuite chacune dans un calque.<\/span><\/p>\n

\"Tuto<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n

<\/h2>\n

Etape 2 : Charger les images dans un montage<\/span><\/strong><\/span><\/h2>\n

Fen\u00eatre<\/strong> > Montage.<\/strong>\u00a0<\/span><\/p>\n

\"gif<\/p>\n

 <\/p>\n

Une fen\u00eatre de montage appara\u00eet en bas de l’\u00e9cran. La premi\u00e8re image du GIF se trouve d\u00e9j\u00e0 dans cette fen\u00eatre. La prochaine \u00e9tape \u00e0 suivre est d’ins\u00e9rer toutes les autres images les unes \u00e0 la suite des autres.\u00a0<\/span><\/p>\n

\"cr\u00e9ation<\/p>\n

 <\/p>\n

Cliquer sur les trois petites lignes en haut \u00e0 droite de la fen\u00eatre de montage. Puis cliquer sur Cr\u00e9er des images d’apr\u00e8s des calques<\/strong>.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

Etape 3 : D\u00e9finir l’ordre des images et leur temps d’affichage\u00a0<\/span><\/strong><\/span><\/h2>\n

Les images s’affichent ensuite dan<\/span>s la fen\u00eatre de montage. Il est possible que les calques ne soit pas dans l’ordre souhait\u00e9. Il est facile de les d\u00e9placer avec un cliqu\u00e9-gliss\u00e9 pour les remettre dans le bon ordre.\u00a0<\/span><\/p>\n

 <\/p>\n

Par d\u00e9faut, toutes les images ont une dur\u00e9e de z\u00e9ro seconde. Pour personnaliser le temps d’affichage de chaque \u00e9l\u00e9ment, il suffit de cliquer sur le 0s<\/strong> en dessous.<\/span><\/p>\n

 <\/p>\n

\"gif<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n

Etape 4 : Enregistrer le GIF\u00a0<\/span><\/strong><\/span><\/h2>\n

Fichier<\/strong> > Enregistrer pour le web…<\/strong><\/span><\/p>\n

\"cr\u00e9er<\/p>\n

Une fen\u00eatre d’enregistrement appara\u00eet. <\/span>Il est possible d’obtenir un aper\u00e7u avant l’enregistrement final en cliquant sur le bouton aper\u00e7u, en bas \u00e0 gauche de cette fen\u00eatre.\u00a0<\/span><\/p>\n

\"enregister<\/p>\n

Pour finir, cliquer sur Enregistrer…<\/strong><\/span><\/p>\n

 <\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\"\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
D\u00e9couvrez plus d’articles web :\u00a0<\/span><\/p>\n