Créer un GIF sous photoshop !

Veenox GTP

VIP
VIP
Inscription
25 Février 2012
Messages
8 602
Réactions
4 414
Points
27 990
RGCoins
10
Bonjour à tous, c'est Veenox.

Aujourd'hui je vais vous apprendre à créer un GIF avec plusieurs méthodes ! :)

1393525979-gif-n-1.gif


La première, la meilleure se fera sous Photoshop, puis la deuxième, seulement avec des images sur internet.


separateur.png


Je vais donc commencer avec la première méthode :

1781.png


PHOTOSHOP

Je vais vous apprendre simplement avec un texte comme ci-dessus. :)

Pour cela, ouvrez photshop.

Faites nouveau, la dimension n'est pas très importante puisqu'on pourra la modifier.
Cependant, choisissez bien la forme du rendu (carré, rectangle).

Une fois ceci fais, créez deux textes.

Placez les comme vous voulez puis ajoutez vos effets perosnnels.

Voilà ce que ça me donne :

7d0170fdbe8cefb46742876862132824.png



On va maintenant passer à la partie animation.

Pour cela, allez dans fenêtre et cliquez sur "Animation" ou "montage", cela dépend des versions. :)

Vous devriez avoir cette interface :

2c8abcdc81b1205227c3eac1820803dc.png


Si ce n'est pas le cas, cliquez sur le bouton qui se trouve tout en bas à droite (ou à gauche).

Celui-ci :
74866850b9f8c5c2e9d7182e717d6d30.png


Sachez qu'il est possible de le faire avec l'autre interface mais je la trouve plus compliquée. :)

Donc, continuons.

Vous avez votre première image, si vous n'en avez pas cliquez ici :
20fd3a1ed8ba92f826371fa662c2b226.png

Prenez le deuxième texte puis baissez son opacité à 0.

Ensuite, créez une nouvelle image, sur celle-ci mettez le premier texte à 0 puis repasser le deuxième à 100 d'opacité.

Maintenez CTRL puis cliquez une fois sur les deux images, elle devraient être bleu. :)

Ensuite, cliquez sur ceci :
de5f14d469032e501cfde83f3cb7ee63.png


Là, vous pouvez choisir le nombre d'image intermédiaires à ajouter, je vais en mettre 5.

Là, vous devrez régler le temps de chaque image.
Personnellement, je mets 0.5 pour la première et la dernière et 0.1 pour les autres.

Pour modifiez le temps d'une image, cliquez sur le petit chiffre

f2a5225f28a0c2eb902ad1c44c047d54.png


En bas à droite. Vous pouvez aussi changez le temps de plusieurs images à la fois en séléctionnant les images souhaitées puis en modifiant le temps pour une seule. Les autres suivront.

Pour ce qui est du rendu, cliquez sur : "Fichier" --> "Enregistrer pour le web et les périphériques"

Vous aurez une nouvelle interface avec plusieurs options comme :
  • Le format
  • La taille en pixels
  • L'option de boucle
  • L'aperçu
Je vais laissez GIF et ma taille de départ.
Je vais mettre pour l'option en boucle : "toujours"

Vous pouvez maintenant enregistrer en choisissant votre chemin d'accès.

Pensez à upload votre GIF sur un hébergeur comme noelshack pour la partager.

Voici le rendu de ce que j'ai fait durant le tutoriel :

1393528833-gif2-tuto.gif


C'est tout pour photoshop.

separateur.png


Je vous propose maintenant une méthode avec un site du nom de Gickr.

1198.png


GICKR (site internet)


Rendez vous sur

Là, vous pourrez upload vos images.
Vous pouvez mettre 10 images au maximum.

Pensez à les mettre dans l'ordre. :)

Donc, uploadez les une par une et dans l'ordre.


Une fois cela fait, choisissez à quelle vitesse vous souhaitez que ça aille. Je laisse en "Normal".

Vous pouvez également choisir votre taille (au maxilum 450x450 pixels.)

Cliquez ensuite sur "Continue" en bas à droite.

649011c39dc829ea8d9093dbc36bf03c.png


Vous n'avez plus qu'à attendre et voilà, votre GIF et créer.
Le désavantage de cette méthode et qu'on ne peut pas faire de fondu comme sous photoshop.


C'est tout pour GICKR.

separateur.png


Mon tutoriel touche à sa fin, merci d'avoir lu.
Si vous avez une question je suis là pour y répondre.
Bonne soirée/journée,
Veenox.


 
Dernière édition:

DrGenius RMK™

"Ain’t nobody who’s as good at what I do
"
Premium
Inscription
28 Novembre 2013
Messages
1 969
Réactions
944
Points
4 686
RGCoins
0
Great tuto :) j'espere que vais reussir a suivre ;) merci pour le partage
 

Juusy'

♥TeamPSG♥
Premium
Inscription
12 Janvier 2013
Messages
482
Réactions
188
Points
4 026
RGCoins
0
Je test demain ! :D <3
 

Nolan'

Premium
Inscription
2 Décembre 2013
Messages
2 050
Réactions
678
Points
14 958
RGCoins
0
Très bon tutoriel, bien expliquer ;)
 

azertyyio

420
Premium
Inscription
16 Avril 2013
Messages
4 486
Réactions
1 224
Points
22 086
RGCoins
68
Très bon tuto, moi qui me suis toujours posé la question !
 

EvaZeR

◤ComeBack◢
Premium
Inscription
31 Mars 2012
Messages
2 633
Réactions
730
Points
12 261
RGCoins
25
Merci, très bon tutoriel :ok:
 

Veenox GTP

VIP
VIP
Inscription
25 Février 2012
Messages
8 602
Réactions
4 414
Points
27 990
RGCoins
10

epoeht

Membre Premium
Premium
Inscription
9 Novembre 2013
Messages
2 322
Réactions
1 217
Points
19 715
RGCoins
0
Merci je t'aime <3
 

InRo_

Ok mec
Premium
Inscription
25 Octobre 2013
Messages
2 587
Réactions
1 763
Points
19 186
RGCoins
220
You must be registered for see images attach
Merci , super tuto. :D Ta vu , je les fait mieux que toi :trollface:
 
Haut