[Apprenti] Gif animé avec CS3 Extended

Sujet: [Apprenti] Gif animé avec CS3 Extended Sam 31 Oct 2009, 17:12

Gif Animé avec Photoshop CS3 Extended

Nous allons voir comment créer un gif animé avec photoshop CS3 Extended.

Phase 1 : La préparation

Il est très important un minimum d'organisation, les images doivent avoir la

même taille pour ne pas avoir des "bavures" lors de l'animation.

Pour commencer je vais choisir la série des photos de mon gif.

[Apprenti] Gif animé avec CS3 Extended Tuto01

[Apprenti] Gif animé avec CS3 Extended Tuto01

Moi j'aime bien faire un dossier pour les images pour ne pas me perdre.

Du coup cela me permet d'utiliser certaines facilitées de photoshop, comme redimensionner toutes mes images :

Sur le menu "Fichier", je vais sur "Scripts" puis "Processeur d'images"

[Apprenti] Gif animé avec CS3 Extended Tuto02

[Apprenti] Gif animé avec CS3 Extended Tuto02

Je sélectionne le dossier à "traiter", puis la destination où enregistrer les images redimensionnées.

Je choisis le format ( dans ce cas JPEG) et la taille que je veux.

Puis je clique sur "Exécuter" et je laisse photoshop faire tout le travail !

[Apprenti] Gif animé avec CS3 Extended Tuto03

[Apprenti] Gif animé avec CS3 Extended Tuto03

Voyez qu'il m'a créé un sous dossier avec mes images redimensionnées.

[Apprenti] Gif animé avec CS3 Extended Tuto04

Je déplace sur un autre dossier les images de mon gif et je les renomme selon leur ordre dans mon gif :

[Apprenti] Gif animé avec CS3 Extended Tuto06

Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Sam 31 Oct 2009, 17:29

Phase 2 : La création du gif

Voici mes 5 images ouvertes.

[Apprenti] Gif animé avec CS3 Extended Tuto05

Je vais glisser les images par dessus mon image 1( mon arrière - plan) dans l'ordre souhaité.

De façon que chaque image sera un calque.

Pour m'assurer que mes images se collent parfaitement je vais

cocher la case "magnétisme" sur le menu "Affichage "

Cliquez sur l'image

[Apprenti] Gif animé avec CS3 Extended Tuto07

Puis je vais transformer mon arrière-plan en calque.

Je fais un clic droit de ma souris et je choisis : "Calque d'après l'arrière-plan"

[Apprenti] Gif animé avec CS3 Extended Tuto08

[Apprenti] Gif animé avec CS3 Extended Tuto08

Voici ce que cela donne :

[Apprenti] Gif animé avec CS3 Extended Tuto09

Maintenant je vais lancer l'animation:

Sur l'onglet "Fenêtre", je clique sur "Animation"

[Apprenti] Gif animé avec CS3 Extended Tuto10

On déroule le menu et choisi de "Créer des images d'après les calques"

[Apprenti] Gif animé avec CS3 Extended Tuto11

Voici mes calques :

[Apprenti] Gif animé avec CS3 Extended Tuto12

Je choisis la durée de transition :

[Apprenti] Gif animé avec CS3 Extended Tuto13

Je teste mon animation, quand je suis satisfaite, je fais "Fichier/ Enregistrer pour le web "

[Apprenti] Gif animé avec CS3 Extended Tuto14

Je vais enregister au format "Gif"

Cliquez sur l'image :

[Apprenti] Gif animé avec CS3 Extended Tuto15

Et voici le résultat :

[Apprenti] Gif animé avec CS3 Extended 1

Notes :

Ce gif est composé de 5 images, donc il n'est pas très lourd,

si vous voulez utilisez davantage d'images, il est conseillé d'utiliser

une plus petite taille genre 450 pixel de largeur.

Vous pouvez aussi utiliser des "effets ", mais ceci sera pour un

tutoriel de niveau" Intermédiaire"

MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée

Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Sam 31 Oct 2009, 19:37

Pas mal du tout ton tuto !!!
Ca pourra en aider certains, qui ne savent pas utiliser Photoshop...
Non, je ne vise personne lol!

Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Dim 01 Nov 2009, 01:24

Merci beaucoup ! Very Happy

Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Dim 01 Nov 2009, 09:30

Merci beaucoup Lilisims non seulement parce que ton tuto est très bien fait et que c'est amusant mais aussi parce que cela permet aux débutants comme moi de connaître un peu photoshop. Moi j'ai la version 7, j'espère qu'il y a aussi ces fonctions. Je te remercie aussi pour la taille des images car c'est très lisible surtout lorsque la vue baisse [Apprenti] Gif animé avec CS3 Extended 734324

[Apprenti] Gif animé avec CS3 Extended 734324

[Apprenti] Gif animé avec CS3 Extended 571125

Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Dim 01 Nov 2009, 13:51

miss1955, n'hésitez pas à demander de l'aide si tu te lances. Je ne suis pas une experte mais le peu que je sais je vous mets à service Very Happy

Et pour débuter je pense que tu trouveras facilement de l'aide sur le forum, il y a des sacrées pointures en matière de retouche photo [Apprenti] Gif animé avec CS3 Extended 734324

Sujet: Gift animé avec CS3 Extended Dim 01 Nov 2009, 17:16

Merci beaucoup Lilisims, mais tu viens déjà de me dépanner pour Photoshop. J'ai tout à apprendre donc je pioche un peu partout pour connaître ne serait-ce que les outils. Mais je suis ravie de trouver des explications aussi claires. [Apprenti] Gif animé avec CS3 Extended 571125

Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Dim 01 Nov 2009, 20:46

Mon papa m'avait montré la manip mais comme je ne le fait pas tous les jours, je pouvais pas en faire un tuto!

Merci pour le rafraichissement de mémoire! [Apprenti] Gif animé avec CS3 Extended 822878

[Apprenti] Gif animé avec CS3 Extended 822878

Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Sam 07 Nov 2009, 15:52

Lilisims,
J'ai "jongler" entre tes deux tutoriels car j'ai certainement un dinosaure : photoshop version 7.0. Il ne dispose pas des mêmes fonctions mais j'ai réussi à faire le Gift animé mais malheureusement j'ai mes images en "noir et blanc" pas très franc. (Pour ne pas encombre ton tuto, je mets l'exemple dans ma galerie, par contre je n'ai pas régler la vitesse de défilement car cela faisait cinq fois que je recommençais, mon but sur le dernier étant de comprendre mon erreur, sans succès d'ailleurs)

Saurais-tu pas hasard ce que j'ai fait ou pas fait pour en arriver à cette horrible chose ? J'ai vérifié l'extension des images, elles sont bien en .jpeg, puis en .gif. ?
Si tu ne peux pas répondre à ma question, ce n'est pas grave. Tu peux pas connaître toutes les versions.
Je voulais te dire un grand merci car grâce à tes tuto, j'ai pu encore apprendre de nouvelles manipulations.

Bises.

Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Jeu 27 Mar 2014, 21:49

Merci pour le tuto ! Smile

» [Apprenti] (Photoshop 7.0) Gif animé
» [Apprenti] L'historique
» [Apprenti] Gif animé (photoshop Elements 4)
» [Apprenti] Créer un bouton Web
» [Apprenti] Le filtre GIMPressionniste