Photoshop TUTORIEL | Creer un GIF avec Photoshop CS6

Est-ce bien rédigé et complet ? Tu as aimé ? Je t'ai aidé

  • Oui

    Votes: 13 100.0%
  • Non

    Votes: 0 0.0%

  • Nombre de votant
    13
Statut
N'est pas ouverte pour d'autres réponses.

Speedster

Contributeur
Inscription
26 Décembre 2012
Messages
2 040
Réactions
799
Points
8 431
    Réponse de Speedster Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #1

Salut tout le monde !
Aujourd'hui je fais un tutoriel pour faire un GIF avec Photoshop CS6 :)

Tout d'abord un GIF qu'est-ce-que c'est ?
Et bien un GIF c'est :
GIF est l’abrègement de Graphics Interchange Format .
GIF est un format comme : JPEG , PNG ...
En résumé c'est une image animé !




Commençons le tutoriel !

Le matériel nécessaire : Photoshop CS6
Un hébergeur d'image (Noelshack)



Commencez par ouvrir Photoshop CS6 .
Une fois ceci fait , cliquez sur Fichier > Nouveau et choisissez les dimensions .
Dans le tutoriel ça sera du 800 par 200 :) .
Une fois ceci fait vous aurez votre image , vérifiez d'abord si ceci est présent :

Si ce n'est pas le cas allez dans Fenêtre > Animation ;) .
Voila on a fait le plus long :)
Dans le tutoriel je vais faire un texte animé donc je vais créer un texte , et y ajouter des effets .
Voila :

Ensuite on va cliquer ici :

(Un texte est sur l'image)
Puis une fois ceci fait on va recréer un texte puis sélectionner le truc qui s'est dupliqué :
You must be registered for see images attach

Vous pouvez voir que sur l'onglet qui s'est dupliqué en dessous il y a marqué "0s"
Cliquez dessus puis réglez le temps d'intervalle ou l'image va changer :)
Ici je vais mettre "1s" pour les deux bien sure .
Et voila notre GIF est crée le voici :

Pour l'enregistrer il faut cliquez sur Fichier > Enregistrer pour le web et les périphériques...
Puis sélectionner ceci :

Et voila il est enregistré . Pour l’héberger je vous conseille Noelshack .
Bref le tutoriel est désormais terminé .
Une vidéo va arrivé , elle complétera le tutoriel . Et qui vous aidera plus je l’espère :) .



Vidéo :

Vous devez être inscrit pour voir les médias




Petite précision : Un GIF ne peut comporter plus de 500 images :ok:
 

Fichiers joints

Dernière édition:

Swy

Contributeur
Inscription
5 Mai 2014
Messages
2 302
Réactions
683
Points
6 391
    Réponse de Swy Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #2
Merci ! Je vais essayer ça quand j'aurais 2 ou 3 minutes :d:
 

Speedster

Contributeur
Inscription
26 Décembre 2012
Messages
2 040
Réactions
799
Points
8 431
    Réponse de Speedster Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #3
Ok :) C'est vraiment très simple :)
 

Eden'

Lobbyman Xbox
Contributeur
Inscription
12 Août 2013
Messages
10 847
Réactions
4 664
Points
15 983
    Réponse de Eden' Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #4
Moi qui suis très nul en GFX sa pourrais m'aider a m'améliorer !

Merci pour le tutoriel :ok:
 

Speedster

Contributeur
Inscription
26 Décembre 2012
Messages
2 040
Réactions
799
Points
8 431
    Réponse de Speedster Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #5
Inscription
12 Mai 2013
Messages
1 011
Réactions
215
Points
7 366
    Réponse de TLD | NaroTrick Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #6

Salut tout le monde !
Aujourd'hui je fais un tutoriel pour faire un GIF avec Photoshop CS6 :)

Tout d'abord un GIF qu'est-ce-que c'est ?
Et bien un GIF c'est :
GIF est l’abrègement de Graphics Interchange Format .
GIF est un format comme : JPEG , PNG ...
En résumé c'est une image animé !




Commençons le tutoriel !

Le matériel nécessaire : Photoshop CS6
Un hébergeur d'image (Noelshack)



Commencez par ouvrir Photoshop CS6 .
Une fois ceci fait , cliquez sur Fichier > Nouveau et choisissez les dimensions .
Dans le tutoriel ça sera du 800 par 200 :) .
Une fois ceci fait vous aurez votre image , vérifiez d'abord si ceci est présent :

Si ce n'est pas le cas allez dans Affichage > Animation ;) .
Voila on a fait le plus long :)
Dans le tutoriel je vais faire un texte animé donc je vais créer un texte , et y ajouter des effets .
Voila :

Ensuite on va cliquer ici :

(Un texte est sur l'image)
Puis une fois ceci fait on va recréer un texte puis sélectionner le truc qui s'est dupliqué :
You must be registered for see images attach

Vous pouvez voir que sur l'onglet qui s'est dupliqué en dessous il y a marqué "0s"
Cliquez dessus puis réglez le temps d'intervalle ou l'image va changer :)
Ici je vais mettre "1s" pour les deux bien sure .
Et voila notre GIF est crée le voici :

Pour l'enregistrer il faut cliquez sur Fichier > Enregistrer pour le web et les périphériques...
Puis sélectionner ceci :

Et voila il est enregistré . Pour l’héberger je vous conseille Noelshack .
Bref le tutoriel est désormais terminé .
Une vidéo va arrivé , elle complétera le tutoriel . Et qui vous aidera plus je l’espère :) .



Vidéo :

A venir


Une question ? comment tu fait les traies blue pour centrer le texte ?
 
D

deleted368556

    Réponse de deleted368556 Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #8
Merci pour le tutoriel je vais le tester maintenant :D!
 

Crocus31

Contributeur
Inscription
22 Janvier 2014
Messages
3 367
Réactions
1 391
Points
7 946
    Réponse de Crocus31 Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #10
Wawww super tuto :o

Je préfère attendre la vidéo merci ! <3
 

Speedster

Contributeur
Inscription
26 Décembre 2012
Messages
2 040
Réactions
799
Points
8 431
    Réponse de Speedster Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #12
La vidéo se publie dans pas longtemps j'edite :) @Crocus31
 

Speedster

Contributeur
Inscription
26 Décembre 2012
Messages
2 040
Réactions
799
Points
8 431
    Réponse de Speedster Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #13
J'ai edité :)
 

Lucas™

Graphiste retraité
Contributeur
Inscription
27 Février 2012
Messages
580
Réactions
144
Points
4 043
    Réponse de Lucas™ Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #14

Salut tout le monde !
Aujourd'hui je fais un tutoriel pour faire un GIF avec Photoshop CS6 :)

Tout d'abord un GIF qu'est-ce-que c'est ?
Et bien un GIF c'est :
GIF est l’abrègement de Graphics Interchange Format .
GIF est un format comme : JPEG , PNG ...
En résumé c'est une image animé !




Commençons le tutoriel !

Le matériel nécessaire : Photoshop CS6
Un hébergeur d'image (Noelshack)



Commencez par ouvrir Photoshop CS6 .
Une fois ceci fait , cliquez sur Fichier > Nouveau et choisissez les dimensions .
Dans le tutoriel ça sera du 800 par 200 :) .
Une fois ceci fait vous aurez votre image , vérifiez d'abord si ceci est présent :

Si ce n'est pas le cas allez dans Affichage > Animation ;) .
Voila on a fait le plus long :)
Dans le tutoriel je vais faire un texte animé donc je vais créer un texte , et y ajouter des effets .
Voila :

Ensuite on va cliquer ici :

(Un texte est sur l'image)
Puis une fois ceci fait on va recréer un texte puis sélectionner le truc qui s'est dupliqué :
You must be registered for see images attach

Vous pouvez voir que sur l'onglet qui s'est dupliqué en dessous il y a marqué "0s"
Cliquez dessus puis réglez le temps d'intervalle ou l'image va changer :)
Ici je vais mettre "1s" pour les deux bien sure .
Et voila notre GIF est crée le voici :

Pour l'enregistrer il faut cliquez sur Fichier > Enregistrer pour le web et les périphériques...
Puis sélectionner ceci :

Et voila il est enregistré . Pour l’héberger je vous conseille Noelshack .
Bref le tutoriel est désormais terminé .
Une vidéo va arrivé , elle complétera le tutoriel . Et qui vous aidera plus je l’espère :) .



Vidéo :

Vous devez être inscrit pour voir les médias


GG pour le tuto mec +1 ! :ok::loving:
 

Hugo.

Contributeur
Inscription
30 Mars 2014
Messages
2 568
Réactions
1 214
Points
7 771
    Réponse de Hugo. Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #18
Bon tuto :ok: Sa aidera les "débutants" :)
 

Crocus31

Contributeur
Inscription
22 Janvier 2014
Messages
3 367
Réactions
1 391
Points
7 946
    Réponse de Crocus31 Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #19
Je vais ou moi pour afficher la barre du bas :( J'ai photoshop CC
 
P

P4C | iNukix

    Réponse de P4C | iNukix Forums généraux Infographie 🎨 Tutoriels et guides : TUTORIEL | Creer un GIF avec Photoshop CS6
  • #20
Et une fois qu'on a la technique en poche ont peut faire des choses encore meilleurs ;)
 
Statut
N'est pas ouverte pour d'autres réponses.

Haut Bas