Aller au contenu



Photo

[Tutorial] Création de gif animé


  • Veuillez vous connecter pour répondre
17 réponses à ce sujet

#1 Petite fleur

Petite fleur

    Petit bonheur

  • V.I.P.
  • 2200 messages
  • Sexe:Féminin
  • Localisation:Bruxelles
  • Mobile:Samsung
  • Modèle:D500
  • Opérateur:BE Mobistar

Posté 02 Nov 2004 - 18:53

Sous Photoshop:
  • Créer une nouvelle image aux dimensions souhaitées
  • Mettez une des images que vous souhaitez voir apparaître dans votre gif (ou seulement une partie de celle-ci)
  • Créez autant de calques que nécessaire pour afficher toutes les images que vous souhaitez
  • Exporter dans ImageReady
Marche à suivre détaillée en images:
  • Création d'une nouvelle image aux dimensions souhaitées
    Image IPB

    Image IPB

    On obtient:
    Image IPB

  • Mettre ou créer une des images (ici, partiellement)
    Image IPB

  • Créer un nouveau calque
    Image IPB

  • Remplir le calque
    Image IPB

  • Recommencer les dernières opérations aussi souvent que nécessaire
    Pour faire vite, je n'ai créé que 4 calques au total, mais on peut en faire bien plus, voici le résultat:
    *la liste des calques
    Image IPB


    *les différents calques (sans les 2 premiers déjà montrés)
    Image IPB

    Image IPB

  • Editer dans ImageReady
    Image IPB
ps: à bientôt pour la deuxième étape sous ImageReady...

Image IPB




#2 Petite fleur

Petite fleur

    Petit bonheur

  • V.I.P.
  • 2200 messages
  • Sexe:Féminin
  • Localisation:Bruxelles
  • Mobile:Samsung
  • Modèle:D500
  • Opérateur:BE Mobistar

Posté 02 Nov 2004 - 19:24

Sous ImageReady
  • Créer autant d'images que d'images principales à faire apparître dans le gif
  • Afficher pour chaque image les calques souhaités
  • Créer les images intermédiaires entre deux calques
  • Déterminer les temps d'appartion de chaque image
remarque: vous pouvez évidemment faire apparaître la même image plusieurs fois à des moments différents


Explication détaillée en images
Après exportation depuis Photoshop, on obtient:
Image IPB
  • Dupliquer la première image autant que voulu
    Image IPB

    On obtient:
    Image IPB

  • Afficher pour chaque image les calques souhaités (en cliquant sur les petits carrés devant les calques pour y faire apparaître un oeil noir)
    Image IPB

  • Créer les images intermédiaires
    Image IPB

    Image IPB

  • Déterminer les temps d'apparition
    Image IPB

  • Regarder le résultats avec la flèche play
  • Sauver (optimisé) et voilà le travail

    Image IPB

Image IPB


#3 Surfer77

Surfer77

     

  • V.I.P.
  • 7937 messages
  • Sexe:Masculin
  • Localisation:~:~ On FM ~:~
  • Mobile:Apple
  • Modèle:4G & 4GS
  • Opérateur:Autre

Posté 02 Nov 2004 - 20:09

Quel joli TUTO :glurps:

signature.png


#4 Red_Angel

Red_Angel

    Gné?

  • V.I.P.
  • 27368 messages
  • Sexe:Masculin
  • Localisation:Seine et Marne (77)
  • Mobile:Motorola
  • Modèle:DEFY+
  • Opérateur:F Free

Posté 02 Nov 2004 - 20:18

C'est du grand art et c'est ce qu'il me fallait merciiiii beaucoup beaucoup Petite Fleur :glurps:

Modifié par Red_Angel, 02 Nov 2004 - 20:19.


#5 Vincka

Vincka

     

  • Administrateurs
  • 3474 messages
  • Sexe:Masculin
  • Localisation:Heinsch (Arlon) (BE)
  • Mobile:LG
  • Modèle:G2
  • Opérateur:BE Mobistar

Posté 02 Nov 2004 - 21:20

Je ne voudrais pas fayoter, mais il faut bien dire que ce tuto 'déchire'. Il est superbement réalisé. :glurps:

Bravo à la 'Tite fleur de FM :blink:

signature.gif


#6 free

free

     

  • Membres
  • 7675 messages
  • Sexe:Masculin
  • Localisation:Hauts de Seine
  • Mobile:Samsung
  • Modèle:SGS
  • Opérateur:F SFR

Posté 02 Nov 2004 - 21:25

Effectivement rien à redire :thumbup:

Adieu Windows Mobile, Bienvenue Android !


#7 Petite fleur

Petite fleur

    Petit bonheur

  • V.I.P.
  • 2200 messages
  • Sexe:Féminin
  • Localisation:Bruxelles
  • Mobile:Samsung
  • Modèle:D500
  • Opérateur:BE Mobistar

Posté 02 Nov 2004 - 21:54

Merci tout le monde, ça fait plaisir! :thumbup:

Image IPB


#8 kart001

kart001

     

  • +Membres +
  • 4197 messages
  • Mobile:-----
  • Opérateur:-----

Posté 03 Nov 2004 - 00:03

merci beaucoup pour ce tuto :thumbup:
je ne savais pas du tout comment faire

#9 nt79

nt79

     

  • +Membres +
  • 2218 messages
  • Sexe:Masculin
  • Localisation:Val de Marne - 94
  • Mobile:Samsung
  • Opérateur:F SFR

Posté 06 Nov 2004 - 21:53

ben moi j' utilise aussi animation shop! et c'est trés simple

Il est trop beau ce tuto rien a dire :furious: :furious:

ps : surfer77 t'as un liens pour flash???

:rale:

#10 bandit2003

bandit2003

     

  • +Membres +
  • 186 messages
  • Localisation:montpellier
  • Mobile:Sony Ericsson
  • Modèle:K750i
  • Opérateur:F SFR

Posté 16 Dec 2004 - 18:29

merci petite fleur pour ce tuto mais j'ai juste besoin d'une indication. je suis archi débutant avec photoshop :whistling:
quand tu dis "Mettre ou créer une des images (ici, partiellement)" on fait comment pour les mettre ? :P car moi quand je fais glisser une image il m'ouvre un nouveau fichier :(
merci bien
ma config --- windows LSD 3.5
Image IPB Image IPB Image IPB Image IPB

#11 Petite fleur

Petite fleur

    Petit bonheur

  • V.I.P.
  • 2200 messages
  • Sexe:Féminin
  • Localisation:Bruxelles
  • Mobile:Samsung
  • Modèle:D500
  • Opérateur:BE Mobistar

Posté 16 Dec 2004 - 22:20

Le plus simple est de la copier et la coller... Dans ce cas, il te créera un nouveau calque, que tu pourras quand tu le souhaites fusionner avec d'autres.

Image IPB


#12 Vincka

Vincka

     

  • Administrateurs
  • 3474 messages
  • Sexe:Masculin
  • Localisation:Heinsch (Arlon) (BE)
  • Mobile:LG
  • Modèle:G2
  • Opérateur:BE Mobistar

Posté 17 Dec 2004 - 01:40

Le plus simple est de la copier et la coller... Dans ce cas, il te créera un nouveau calque, que tu pourras quand tu le souhaites fusionner avec d'autres.

<{POST_SNAPBACK}>


J'suis sûr qu'il a tout compris là :)

signature.gif


#13 heroics_fantasy

heroics_fantasy

     

  • +Membres +
  • 204 messages
  • Localisation:Metz
  • Mobile:Nokia
  • Modèle:6680
  • Opérateur:F Orange

Posté 19 Dec 2004 - 19:30

C'est une très bonne idée ce tuto, sur pas mal de forum on voit des gens qui demandent comment faire. Tu as pris les devant et tu as pondu un très bon tuto, j'ai vérifié si tout était correct et je suis d'accord ave tout dans l'ensemble (je précise que je me la pette pas mais j'ai eu des cours de photoshop cette année qui m'ont permis de me perfectionner donc autant s'en servir).

Donc encore un grand bravo :thumbup:
- PC : Athlon 3000+ 64bits .... ordinateur portable : Sony VAIO FE 28B sous Vista Pro (merci Microsoft d'être gentil avec les étudiants)
- mes consoles de salon : une PS2 et une WII

#14 Petite fleur

Petite fleur

    Petit bonheur

  • V.I.P.
  • 2200 messages
  • Sexe:Féminin
  • Localisation:Bruxelles
  • Mobile:Samsung
  • Modèle:D500
  • Opérateur:BE Mobistar

Posté 19 Dec 2004 - 19:34

Pour ma part, je n'ai pas eu la chance de suivre des cours, ce que je sais, je l'ai appris principalement "sur le tas"... (et je n'ai que très peu de temps à consacrer à Photoshop...)

Image IPB


#15 heroics_fantasy

heroics_fantasy

     

  • +Membres +
  • 204 messages
  • Localisation:Metz
  • Mobile:Nokia
  • Modèle:6680
  • Opérateur:F Orange

Posté 19 Dec 2004 - 20:42

Pour ma part, je n'ai pas eu la chance de suivre des cours, ce que je sais, je l'ai appris principalement "sur le tas"... (et je n'ai que très peu de temps à consacrer à Photoshop...)

<{POST_SNAPBACK}>

Raison de plus pour te féliciter :thumbup:
- PC : Athlon 3000+ 64bits .... ordinateur portable : Sony VAIO FE 28B sous Vista Pro (merci Microsoft d'être gentil avec les étudiants)
- mes consoles de salon : une PS2 et une WII

#16 Niniaou

Niniaou

     

  • Membres
  • 59 messages

Posté 02 Jan 2005 - 20:43

J'ai appris à me servir de photoshop toute seule, comme une grande :w00t:
En revanche, j'ai jamais rien compris à image ready....alors je cree mes images 1 par 1 sur photoshop et puis je les anime avec gif movie gear...le résultat est identique et au moins je sais ce que je fait!

Pour voir mes graphiques avec photoshop : Soul Beyonce (graphiques 100% moi)
Juste un truc pour ceux qui vont cliquer: c'est en anglais B)

**J'édite vite fait mon post pour m'excuser d'avance si jamais la publication de ce lien est interdite...mon but n'est pas de faire de la pub mais de montrer les graphiques...juste au cas où...**

Modifié par Niniaou, 02 Jan 2005 - 20:52.


#17 Vincka

Vincka

     

  • Administrateurs
  • 3474 messages
  • Sexe:Masculin
  • Localisation:Heinsch (Arlon) (BE)
  • Mobile:LG
  • Modèle:G2
  • Opérateur:BE Mobistar

Posté 02 Jan 2005 - 21:58

J'ai appris à me servir de photoshop toute seule, comme une grande  :rale:
En revanche, j'ai jamais rien compris à image ready....alors je cree mes images 1 par 1 sur photoshop et puis je les anime avec gif movie gear...le résultat est identique et au moins je sais ce que je fait!

<{POST_SNAPBACK}>

Il suffit de créer plusieurs calques sous PS, et ensuite de les importer sous IR.
C'est d'ailleurs l'objet de ce topic...

**J'édite vite fait mon post pour m'excuser d'avance si jamais la publication de ce lien est interdite...mon but n'est pas de faire de la pub mais de montrer les graphiques...juste au cas où...**

<{POST_SNAPBACK}>

Aucun problème :P

signature.gif


#18 Jpack

Jpack

    InsOm-nIaK

  • +Membres +
  • 3262 messages
  • Sexe:Masculin
  • Localisation:Paris
  • Mobile:Apple
  • Modèle:Iphone 3GS
  • Opérateur:F Orange

Posté 26 Apr 2006 - 10:49

Mettre ou créer une des images (ici, partiellement)

Le plus simple est de la copier et la coller... Dans ce cas, il te créera un nouveau calque, que tu pourras quand tu le souhaites fusionner avec d'autres.


J'ai pas compris ;)




0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)