Galactic Civilizations 3
Créer un fichier gif avec Photoshop

Créer un fichier gif avec Photoshop

Catégorie: Autre.
Posté par le 26/03/2012.
Dernière mise à jour le 27/03/2012.

Description

Ce tutoriel vous expliquera comment créer une animation gif à l'aide de Photoshop.

Introduction

Ce tutoriel nécessite d’avoir Photoshop, il a été testé sur la version Photoshop Ps4 et Photoshop Ps5.

Créer les calques de l’animation

Pour notre gif, nous allons créer deux calques simplistes. Le premier sera bleu et le second sera vert.

Nous allons créer un nouveau projet. Pour ce faire :

  • Allez dans le menu FichierNouveau… (File - New…).
  • Encodez les paramètres suivant :
    • Largeur : 50 pixels
    • Hauteur : 50 pixels
  • Mode de couleur : RGB.
  • Cliquez sur OK.

Maintenant mettez en couleur bleu le premier calque à l’aide de l’outil « Pot de peinture ».

Photoshop CS5 pot de peinture

Créer ensuite un nouveau calque en cliquant sur l’icône ci-dessous (elle se trouve en bas à droite).

Photoshop CS5 nouveau calque

Mettez ensuite le nouveau calque en couleur verte.

L’animation

Créer l’animation

Maintenant que nos calques sont réalisés, nous pouvons afficher le volet d’animation. Pour ce faire :

  • Allez dans le menu FenêtreAnimation (WindowAnimation).

Photoshop CS5 Volet d'annimation

Nous allons maintenant créer une image par calque. Pour ce faire :

  • Cliquez sur Photoshop CS5 une image par calque (en haut à droite du volet d’animation).
  • Cliquez sur Créer des images d’après les claques (Make frames from layers).

Photoshop CS5 image par calque

Modifier le temps de transition et d’apparition des images

Afin de rendre l’animation plus fluide, nous allons créer des images de transition entre nos deux images. Pour ce faire :

  • Sélectionnez les deux images à l’aide des touches ctrl + clic.
  • Cliquez sur Photoshop CS5 images de transition (en bas à gauche du volet d’animation).
  • Mettez 2 dans le champ « Images à ajouter » (Frames to add) et cliquez sur OK.

N’oubliez pas de le faire dans les deux sens (bleu vers vert et vert vers bleu).

Nous allons à présent rendre l’animation infinie. Pour ce faire :

  • Cliquez sur « Une fois » (Once) (en bas de la première image).
  • Cliquez ensuite sur « Toujours » (Forever).

Photoshop CS5 Toujours

Pour rendre l’animation plus visible, nous allons mettre le temps d’apparition des images à 2 secondes et celle des transitions à 0.1 seconde. Pour ce faire :

  • Sélectionnez les deux images à l’aide des touches ctrl + clic.
  • Cliquez sur Photoshop CS5 2 secondes.
  • Cliquez sur 2.0.

Faites la même chose pour les images de transitions sauf que vous devez les mettre à 0.1.

Tester l’animation

Nous allons maintenant tester notre animation. Cela est très facile, il suffit de cliquer sur Play.

Photoshop CS5 Play

Enregistrer en gif

Pour terminer ce tutoriel, je vais vous montrer comment enregistrer votre animation en fichier .gif. Pour ce faire :

  • Allez dans le menu FichierEnregistrer pour le web et les périphériques (FileSave for web & devices).
  • Cliquez sur OK.

Photoshop CS5 sauver

Voici ce que donne l’animation :

Photoshop CS5 animation

Tu as aimé ce tutoriel ?
Aide nous à améliorer le site ! Deviens partenaire officiel ou suis nous sur facebook !

Commentaires[0]

Tu as aimé ce tutoriel ? Alors partage-le avec tes amis !
Partager sur Facebook Partager sur Twitter Partager sur Myspace Partager sur Stumbleupon Soumettre sur Reddit Partager sur Digg Ajouter à vos favoris Technorati Ajouter à vos favoris Live Ajouter à vos favoris Google Ajouter sur vos favoris Yahoo Voir le flux rss

Mots Clés: animation calque gif photoshop ps4 ps5 windows

Veve :
(11/04/2013 - 17:19:44)
il faut juste mettre "sudo" à la place de "su" pour exécuter la commande en root

Veve :
(11/04/2013 - 17:18:56)
Salut tu peux aller lire ce tutoriel: http://www.tutorielsenfolie.com/tutoriels-63-installation-configuration-opennebula.html Il fonctionne aussi sous ubuntu

safa.souissi4 :
(10/04/2013 - 20:58:13)
s'il vous plait c urgent :(

safa.souissi4 :
(10/04/2013 - 20:56:25)
bonsoir,je cherche un tutos pour installer opennebula.org sous ubuntu 12.

Veve :
(18/03/2013 - 20:07:49)
oui, j'essaye de voir d'ou viens le problème.

sonde :
(18/03/2013 - 13:29:57)
re merci (j apprend un peu plus) je crois que j ai trouver pourquoi je peu pas poster si il y a ligne code impossible de poster lol

Veve :
(17/03/2013 - 21:34:49)
Salut, j'espère que ça t'a aidé.

sonde :
(17/03/2013 - 09:59:02)
pour ton aide

sonde :
(17/03/2013 - 09:57:36)
slt Veve impossible de laisser com

sonde :
(17/03/2013 - 09:56:55)
??

Demi-dieu :
(15/03/2013 - 18:41:13)
salut ^^

sonde :
(13/03/2013 - 14:49:35)
un petit coucou

Tanamoureuse :
(29/09/2011 - 06:11:08)
Je t'aime

Faire un don

Ma Publicité ici


Faire un don