Créer un GIF sous photoshop !

MxdzOG

♥ Lobby COD ♥
Premium
Inscription
15 Décembre 2011
Messages
2 119
Réactions
625
Points
12 538
RGCoins
0
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.


Beau tuto merci :)
 

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 706
Réactions
898
Points
13 164
RGCoins
201
Bon tutoriel, je ne savais pas que c'était possible avec Photoshop. ;)

Continue comme ça.
 
M

Membre290977

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.


Beau tuto gg
 

Magz'

Vétéran
Ancien staff
Inscription
29 Août 2012
Messages
11 457
Réactions
6 983
Points
19 898
RGCoins
0
Tres utile, merci pour le tuto ;)
 

Wizards4

29
Premium
Inscription
3 Avril 2012
Messages
1 914
Réactions
602
Points
10 043
RGCoins
0
Très jolie tutoriel. :)
Je vais essayer ça de suite.

Merci.
 

DmZ

Skype : jah02000
VIP
Inscription
8 Juillet 2013
Messages
14 098
Réactions
5 149
Points
27 473
RGCoins
0
Très beau Tuto . Merci à toi :love:
 

Mister Pixel

Actif sur Twitter: @MisterPixeI
Ancien staff
Inscription
17 Février 2013
Messages
9 095
Réactions
10 768
Points
28 468
RGCoins
10
Je connaissais déjà mais c'est toujours utile pour les autres de plus c'est bien présenté . ;)
 

Veenox GTP

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