communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  Dernières imagesDernières images  RechercherRechercher  
-23%
Le deal à ne pas rater :
EVGA SuperNOVA 650 G6 – Alimentation PC 100% modulaire 650W, 80+ ...
77.91 € 100.91 €
Voir le deal

Partagez
 

 [Apprenti] Gif animé avec CS3 Extended

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Illustre illustrateur
lilisims
lilisims
Illustre illustrateur
Féminin Date d'inscription : 28/09/2009
Age : 60
Localisation : Vallée des Souhaits

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptySam 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

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

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

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


Dernière édition par Natsynchro le Lun 11 Aoû 2014, 19:15, édité 6 fois (Raison : edit)
Revenir en haut Aller en bas
http://logalisims.free.fr/
Illustre illustrateur
lilisims
lilisims
Illustre illustrateur
Féminin Date d'inscription : 28/09/2009
Age : 60
Localisation : Vallée des Souhaits

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptySam 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

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

Revenir en haut Aller en bas
http://logalisims.free.fr/
Grand artiste du pinceau
tchoutchou7
tchoutchou7
Grand artiste du pinceau
Masculin Date d'inscription : 27/09/2009
Age : 33
Localisation : Canada

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptySam 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!
Revenir en haut Aller en bas
http://changementdetrain.wordpress.com
As de l'acrylique
Cynimich
Cynimich
As de l'acrylique
Masculin Date d'inscription : 12/10/2009
Age : 27
Localisation : Québec

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptyDim 01 Nov 2009, 01:24

Merci beaucoup ! Very Happy
Revenir en haut Aller en bas
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 68
Localisation : Courthézon

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptyDim 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 571125
Revenir en haut Aller en bas
http://www.luniversims.com/
Illustre illustrateur
lilisims
lilisims
Illustre illustrateur
Féminin Date d'inscription : 28/09/2009
Age : 60
Localisation : Vallée des Souhaits

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptyDim 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
Revenir en haut Aller en bas
http://logalisims.free.fr/
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 68
Localisation : Courthézon

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Gift animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptyDim 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
Revenir en haut Aller en bas
http://www.luniversims.com/
Ange gardien
idjya
idjya
Ange gardien
Féminin Date d'inscription : 05/10/2009
Age : 45
Localisation : Cholet

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptyDim 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
Revenir en haut Aller en bas
http://idjya.eklablog.com
Débutant des galeries d'art
miss1955
miss1955
Débutant des galeries d'art
Féminin Date d'inscription : 11/10/2009
Age : 68
Localisation : Courthézon

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptySam 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.
Revenir en haut Aller en bas
http://www.luniversims.com/
Grand artiste du pinceau
Poupouss
Poupouss
Grand artiste du pinceau
Féminin Date d'inscription : 05/06/2013
Age : 39
Localisation : Belgique

[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended EmptyJeu 27 Mar 2014, 21:49

Merci pour le tuto ! Smile
Revenir en haut Aller en bas
http://www.poupouss.wix.com/pousstories
Contenu sponsorisé


[Apprenti] Gif animé avec CS3 Extended Empty
MessageSujet: Re: [Apprenti] Gif animé avec CS3 Extended   [Apprenti] Gif animé avec CS3 Extended Empty

Revenir en haut Aller en bas
 
[Apprenti] Gif animé avec CS3 Extended
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Graphisme :: Photoshop-
Sauter vers: