| [Apprenti] Gif animé avec CS3 Extended | |
|
Auteur | Message |
---|

lilisims Illustre illustrateur Date d'inscription : 28/09/2009 Age : 59 Localisation : Vallée des Souhaits
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | Sujet: [Apprenti] Gif animé avec CS3 Extended Sam 31 Oct 2009, 17:12 | |
| Gif Animé avec Photoshop CS3 ExtendedNous allons voir comment créer un gif animé avec photoshop CS3 Extended. Phase 1 : La préparationIl 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](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto01.jpg) 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](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto02.jpg) 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](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto03.jpg) Voyez qu'il m'a créé un sous dossier avec mes images redimensionnées. ![[Apprenti] Gif animé avec CS3 Extended Tuto04](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto04.jpg) 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](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto06.jpg)
Dernière édition par Natsynchro le Lun 11 Aoû 2014, 19:15, édité 6 fois (Raison : edit) |
|
 | |

lilisims Illustre illustrateur Date d'inscription : 28/09/2009 Age : 59 Localisation : Vallée des Souhaits
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | 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](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto05.jpg) 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](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto07.jpg) 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](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto08.jpg) Voici ce que cela donne : ![[Apprenti] Gif animé avec CS3 Extended Tuto09](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto09.jpg) Maintenant je vais lancer l'animation: Sur l'onglet "Fenêtre", je clique sur "Animation" ![[Apprenti] Gif animé avec CS3 Extended Tuto10](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto10.jpg) On déroule le menu et choisi de "Créer des images d'après les calques"![[Apprenti] Gif animé avec CS3 Extended Tuto11](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto11.jpg) Voici mes calques : ![[Apprenti] Gif animé avec CS3 Extended Tuto12](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto12.jpg) Je choisis la durée de transition : ![[Apprenti] Gif animé avec CS3 Extended Tuto13](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto13.jpg) Je teste mon animation, quand je suis satisfaite, je fais "Fichier/ Enregistrer pour le web " ![[Apprenti] Gif animé avec CS3 Extended Tuto14](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto14.jpg) Je vais enregister au format "Gif"Cliquez sur l'image : ![[Apprenti] Gif animé avec CS3 Extended Tuto15](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/tuto15.jpg) Et voici le résultat : ![[Apprenti] Gif animé avec CS3 Extended 1](https://2img.net/h/logalisims.free.fr/documents/petitsguides/giftanime/images/1.gif) 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 |
|
 | |

tchoutchou7 Grand artiste du pinceau Date d'inscription : 27/09/2009 Age : 32 Localisation : Canada
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | 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  |
|
 | |

Cynimich As de l'acrylique Date d'inscription : 12/10/2009 Age : 26 Localisation : Québec
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Dim 01 Nov 2009, 01:24 | |
| Merci beaucoup !  |
|
 | |

miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 67 Localisation : Courthézon
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | 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 |
|
 | |

lilisims Illustre illustrateur Date d'inscription : 28/09/2009 Age : 59 Localisation : Vallée des Souhaits
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | 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 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](/users/1311/26/46/14/smiles/734324.gif) |
|
 | |

miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 67 Localisation : Courthézon
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | 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](/users/1311/26/46/14/smiles/571125.gif) |
|
 | |

idjya Ange gardien Date d'inscription : 05/10/2009 Age : 44 Localisation : Cholet
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | 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](/users/1311/26/46/14/smiles/822878.gif) |
|
 | |

miss1955 Débutant des galeries d'art Date d'inscription : 11/10/2009 Age : 67 Localisation : Courthézon
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | 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. |
|
 | |

Poupouss Grand artiste du pinceau Date d'inscription : 05/06/2013 Age : 38 Localisation : Belgique
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] Gif animé avec CS3 Extended Jeu 27 Mar 2014, 21:49 | |
| Merci pour le tuto !  |
|
 | |
Contenu sponsorisé
![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | Sujet: Re: [Apprenti] Gif animé avec CS3 Extended ![[Apprenti] Gif animé avec CS3 Extended Empty](https://2img.net/i/fa/empty.gif) | |
| |
|
 | |
|