TUTORIEL | Creer un GIF avec Photoshop CS6

Statut
N'est pas ouverte pour d'autres réponses.

Speedster

Premium
Inscription
26 Décembre 2012
Messages
2 141
Réactions
858
Points
17 931
1405265040-gif-tuto.gif

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é !


1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


Commençons le tutoriel !

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

1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


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 :
1405269667-screenshot-2.png

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 :
1405270649-upload-2014-7-13-18-44-53.png

Ensuite on va cliquer ici :
1405270135-screenshot-3.png

(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é :
upload_2014-7-13_18-51-18.png

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 :
1405270497-sans-titre-1.gif

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

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 :) .

1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


Vidéo :

Vous devez être inscrit pour voir les médias

1404157451-smile-andro-jo.png



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

Fichiers joints

  • upload_2014-7-13_18-44-53.png
    upload_2014-7-13_18-44-53.png
    152.4 KB · Affichages: 151
  • upload_2014-7-13_18-45-37.png
    upload_2014-7-13_18-45-37.png
    152.4 KB · Affichages: 146
Dernière édition:

Swy

Premium
Inscription
5 Mai 2014
Messages
2 501
Réactions
817
Points
8 141
Merci ! Je vais essayer ça quand j'aurais 2 ou 3 minutes :d:
 

Eden'

Un ancien
Premium
Inscription
12 Août 2013
Messages
11 428
Réactions
5 161
Points
17 983
Moi qui suis très nul en GFX sa pourrais m'aider a m'améliorer !

Merci pour le tutoriel :ok:
 
Inscription
12 Mai 2013
Messages
1 030
Réactions
276
Points
17 126
1405265040-gif-tuto.gif

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é !


1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


Commençons le tutoriel !

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

1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


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 :
1405269667-screenshot-2.png

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 :
1405270649-upload-2014-7-13-18-44-53.png

Ensuite on va cliquer ici :
1405270135-screenshot-3.png

(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é :
Voir la pièce jointe 27361
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 :
1405270497-sans-titre-1.gif

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

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 :) .

1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


Vidéo :

A venir

1404157451-smile-andro-jo.png

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

Crocus31

Premium
Inscription
22 Janvier 2014
Messages
3 539
Réactions
1 465
Points
9 696
Wawww super tuto :o

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

Lucas™

Graphiste retraité
Premium
Inscription
27 Février 2012
Messages
591
Réactions
241
Points
4 043
1405265040-gif-tuto.gif

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é !


1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


Commençons le tutoriel !

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

1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


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 :
1405269667-screenshot-2.png

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 :
1405270649-upload-2014-7-13-18-44-53.png

Ensuite on va cliquer ici :
1405270135-screenshot-3.png

(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é :
Voir la pièce jointe 27361
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 :
1405270497-sans-titre-1.gif

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

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 :) .

1405269080-1403684515-barre-jolie-pour-les-topics-rg.png


Vidéo :

Vous devez être inscrit pour voir les médias

1404157451-smile-andro-jo.png

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

Crocus31

Premium
Inscription
22 Janvier 2014
Messages
3 539
Réactions
1 465
Points
9 696
Je vais ou moi pour afficher la barre du bas :( J'ai photoshop CC
 
P

P4C | iNukix

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