[Tutoriel 10] Créer des animations sous Photoshop

ziwie · 03/12/2010 à 15:29

Coucou voici un tuto pour créer des animations sous Photoshop, du moins c'est ma technique, peut-être qu'il y a plus simple, plus rapide, etc, mais moi c'est comme ça que je fais

Ouvrez Photoshop et ouvrez le fichier que vous voulez animer, moi je vais faire simple et je vais prendre un texte :

Rajoutons la fenêtre Animation dans nos fenêtres visibles

La voici qui apparait en bas :

Faites des copies de votre calque de bases [Ctrl + J] (autant que cela vous parait judicieux vous allez voir pourquoi) Moi je vais en faire seulement 2 pour simplifier l'explication. Cliquez sur l'option "visibilité du calque" sur chacune de ces copies pour que seul le calque de base soit visible.

Là vous avez le choix entre faire maintenant les étapes de l'animation sur chacune de ces copies, toujours en jouant sur l'option "visibilité du calque" ou alors si vous êtes sûr du nombre de copies, vous pouvez passer à l'étape suivante et faire les étapes de l'animation à ce moment là (il est bien sûr possible de rajouter une copie après cette étape mais ça "complique" un peu donc c'est à vous de voir!)

Notes en + : Quand je parle des étapes de l'animation je parle des différentes images dont va être composée votre animation par exemple :

Mon premier calque est en noir, je le cache, je remets visible mon deuxième calque et je mets celui-ci en rouge, et ainsi de suite. (voir les images ci-dessous)

/!\ Il est évident que je simplifie les choses en utilisant un texte et non un objet en mouvement ! Là, c'est à vous de laisser parler votre créativité et votre logique! /!\

La prochaine étape est la suivante : Cliquez sur l'option à droite de la fenêtre Animation et sélectionnez Créer des images d'après les calques

Remarque: Si vous avez respectez le jeu des calques visibles, quand vous sélectionnez le N°2 dans la fenêtre Animation, ce sera le deuxième calque qui apparaitra, et ainsi de suite comme sur l'image ci-dessous.

Si ce n'est pas le cas pas de panique voici la solution :
- Sélectionnez dans la fenêtre Animation le N°1 et dans la fenêtre des calques, ne laissez visible que le 1er calque. (N°2 avec deuxième calque, N°3 avec troisième calque, etc..)
- Si en cliquant sur le N°2 ça ne suit toujours pas, continuez la manipulation précédente pour tous les calques.

Notes en +: Si vous avez bien compris le procédé des numéros dans la fenêtre Animation, selon l'effet que vous voulez donner, vous pouvez jouer sur les calques sélectionnés sur chacun de ces numéros.

Voici l'étape du réglage des délais entre chaque calques :

Sélectionnez tous les numéros dans la fenêtre Animation et cliquez sur la petite flèche à côté des secondes (0s) et sélectionnez le délai voulu. Vous pouvez aussi varier les délais selon l'effet voulu, pour cela il suffit de ne pas sélectionner la totalité des calques.

Notes en +: Vous pouvez choisir un délai précis qui ne se trouve pas dans les choix proposés en cliquant sur "Autre..."

Ici je choisis 0,5

Remarque : J'ai coloré mon texte dans mes 3 calques différemment entre temps, ce sont ici les étapes de l'animation (voir plus haut)

Vérifiez que tout est en ordre en cliquant sur Play dans la fenêtre Animation

N'oubliez pas d'enregistrer votre animation en GIF

Et voilà, votre animation est prête !

(Oui j'avais beaucoup zoomé !!!!!)

Merci d'avoir lu ce tuto, si vous avez besoin d'autres explications, ou si vous n'avez pas compris une étape, n'hésitez pas à demander !

Dernière modification par ziwie (03/12/2010 à 15:35)

Ombreuse · 03/12/2010 à 15:39

Hum, pour quelle version de photoshop? CS je suppose?

ziwie · 03/12/2010 à 15:42

Je crois que toutes les versions de Photoshop ont la fenêtre Animation ! Mais oui, c'était sur CS là...

Ombreuse · 03/12/2010 à 15:46

Bha Elements, ya pas u_u
Dommage!

Hebi-lou · 03/12/2010 à 15:47

Cool merci pour le Tuto j'e savais pas qu'on pouvais faire ça avec Toshop

MALOTE · 03/12/2010 à 15:59

Ombreuse a écrit :

Hum, pour quelle version de photoshop? CS je suppose?

c'est le CS4, puisque j'ai le CS2 et qu'au collège ils ont le CS3, ça ressemble pas du tout à ça, à moins que ce soit le CS5 ...

Ombreuse · 03/12/2010 à 16:01

Oui, donc photoshop elements c'est exclu, je cherche sur le mien, mais ça y est pas

Choco-girl · 03/12/2010 à 16:03

Moi j'ai Photoshop Elements 3, ça marche ?! Sinon, merci pour ce tuto.

ziwie · 03/12/2010 à 16:03

Oui c'est CS5 mais sur tous les CS à ma connaissance la fenêtre Animation existe.

Désolée pour toi Ombreuse ! Il existe des logiciels indépendants de photoshop pour faire des animations

Ombreuse · 03/12/2010 à 16:10

Oui, mais avec photoshop elements, on peut faire des animations, c'est dans "optimiser pour le web"!

Choco-girl · 03/12/2010 à 16:15

Ombreuse, dis-moi tout. *-*

Ombreuse · 03/12/2010 à 16:18

Choco-Gir, en fait tu fait fichier-> Enregistrer pour le web, et tu règle!

Choco-girl · 03/12/2010 à 16:31

Huum..? Ok. x) J'vais essayer. ^-^

Trendy · 03/12/2010 à 17:54

aaaah ! c'est la meme chose que imageready ! je pensais l'avoir perdu mais avec ca je n'ai plus besoin d'essayer de l'avoir !

Rukia_chan · 03/12/2010 à 21:19

Très clair comme tuto ^^ Merci pour l'avoir partagé ^^

PS: Pour la fenêtre Animation, c'est à partir de la version CS3 de Photoshop car à partir de CS3, ImageReady n'est plus fourni avec Photoshop mais pour CS et CS2, pour l'animation, il faut ImageReady ^^ (Ici un article qui affirme ce que j'ai dit (en Anglais))

Kaweii · 03/12/2010 à 21:21

Merci merci merci merci merci pour ce tuto !! :3

J'ai pu réaliser ma dernière création grâce à lui, encore merci Ziwie (L)

Toxic-sakura · 03/12/2010 à 21:33

Oh! Super le tutoriel! Moi qui me demandais comment ça se faisait!!! Merci beaucoup Ziwie

ziwie · 03/12/2010 à 21:39

Je suis très contente d'avoir pu vous aider les filles !!

elodie25 · 03/12/2010 à 23:21

j'aimerais faire une création pour faire des habit mais comment faire?je ne c'est pas!

Sweet_Lemon · 04/12/2010 à 17:09

Ombreuse a écrit :

Oui, donc photoshop elements c'est exclu, je cherche sur le mien, mais ça y est pas

Exact

Dernière modification par Sweet_Lemon (04/12/2010 à 17:09)

Lolow · 04/12/2010 à 17:12

Je savais le faire mais le tuto est vraiment bien expliqué !
Merci beaucoup !

Sweet_Lemon · 12/12/2010 à 17:15

J'ai Elements et essayé avec "enregistrer sur le Web" mais j'arrive pas

Dernière modification par Sweet_Lemon (12/12/2010 à 17:15)

MALOTE · 12/12/2010 à 17:24

Tu est sûr que ta version du element est complète ?

Sweet_Lemon · 12/12/2010 à 17:30

Il me semble.. En fait j'ai ouvert deux images, je cliquer sur "enregistrer sur le web", ça m'ouvre la fenêtre mais après je suis bloquée, ça m'affiche deux fois la même image

MALOTE · 12/12/2010 à 18:06

Et en faisant enregistrer sous ?

#1 03/12/2010 à 15:29

[Tutoriel 10] Créer des animations sous Photoshop

#2 03/12/2010 à 15:39

Re : [Tutoriel 10] Créer des animations sous Photoshop

#3 03/12/2010 à 15:42

Re : [Tutoriel 10] Créer des animations sous Photoshop

#4 03/12/2010 à 15:46

Re : [Tutoriel 10] Créer des animations sous Photoshop

#5 03/12/2010 à 15:47

Re : [Tutoriel 10] Créer des animations sous Photoshop

#6 03/12/2010 à 15:59

Re : [Tutoriel 10] Créer des animations sous Photoshop

#7 03/12/2010 à 16:01

Re : [Tutoriel 10] Créer des animations sous Photoshop

#8 03/12/2010 à 16:03

Re : [Tutoriel 10] Créer des animations sous Photoshop

#9 03/12/2010 à 16:03

Re : [Tutoriel 10] Créer des animations sous Photoshop

#10 03/12/2010 à 16:10

Re : [Tutoriel 10] Créer des animations sous Photoshop

#11 03/12/2010 à 16:15

Re : [Tutoriel 10] Créer des animations sous Photoshop

#12 03/12/2010 à 16:18

Re : [Tutoriel 10] Créer des animations sous Photoshop

#13 03/12/2010 à 16:31

Re : [Tutoriel 10] Créer des animations sous Photoshop

#14 03/12/2010 à 17:54

Re : [Tutoriel 10] Créer des animations sous Photoshop

#15 03/12/2010 à 21:19

Re : [Tutoriel 10] Créer des animations sous Photoshop

#16 03/12/2010 à 21:21

Re : [Tutoriel 10] Créer des animations sous Photoshop

#17 03/12/2010 à 21:33

Re : [Tutoriel 10] Créer des animations sous Photoshop

#18 03/12/2010 à 21:39

Re : [Tutoriel 10] Créer des animations sous Photoshop

#19 03/12/2010 à 23:21

Re : [Tutoriel 10] Créer des animations sous Photoshop

#20 04/12/2010 à 17:09

Re : [Tutoriel 10] Créer des animations sous Photoshop

#21 04/12/2010 à 17:12

Re : [Tutoriel 10] Créer des animations sous Photoshop

#22 12/12/2010 à 17:15

Re : [Tutoriel 10] Créer des animations sous Photoshop

#23 12/12/2010 à 17:24

Re : [Tutoriel 10] Créer des animations sous Photoshop

#24 12/12/2010 à 17:30

Re : [Tutoriel 10] Créer des animations sous Photoshop

#25 12/12/2010 à 18:06

Re : [Tutoriel 10] Créer des animations sous Photoshop

Pied de page des forums