AccueilRechercherS'enregistrerConnexion

Partagez
 

 [Tuto Photoshop] Créer des gifs animés

Aller en bas 
AuteurMessage
Kumo
Modérateur
Modérateur
Kumo


[Tuto Photoshop] Créer des gifs animés Empty
MessageSujet: [Tuto Photoshop] Créer des gifs animés   [Tuto Photoshop] Créer des gifs animés Icon_minitimeSam 20 Juil 2013 - 11:18

Je vous l'avais promis, je vais vous montrer comment faire des gifs animés sur Photoshop !
Personnellement j'utilise Photoshop CS5, mais il est apparemment possible d'en réaliser à partir de Photoshop CS3.
Le tuto va être assez long, car j'aimerai vous montrer comment créer différents types d'animations, je vais donc le faire par étapes en éditant à chaque fois ^^


Les gifs clignotants


[Tuto Photoshop] Créer des gifs animés Gif-110
Bon je commence par le plus simple !
Ce que j'appelle gifs clignotants ce sont les gifs qui alternent plusieurs images sans intermédiaires.
Ici par exemple on passe directement du violet au orange, c'est cette technique que j'ai utilisé pour ce poulpy par exemple :O 

- On commence par créer un nouveau document en rvb et 72px vu qu'il s'agit de document destinés au web.
Ensuite on créé nos deux calques qui vont s'alterner.
Spoiler:
 
- Ensuite allez dans "Fenêtre" puis cliquez sur "Animation". Une nouvelle fenêtre va alors apparaître sous votre document.
Spoiler:
 
- Cliquez sur l'icône encadré en rouge pour créer une nouvelle image de l'animation.
Spoiler:
 

- Pour que ce soit votre calque orange qui apparaisse sur cette seconde image, il vous suffit de cacher le calque violet en cliquant sur l'oeil, afin que ce soit celui du dessous qui soit visible.
Spoiler:
 

- Vous pouvez maintenant lancer votre animation en utilisant le bouton lecture et modifier les temps d'apparition de chaque image pour avoir l'effet que vous souhaitez !
Spoiler:
 

- Une fois que votre animation vous plait il ne reste plus qu'à l'enregistrer ! Pour ça allez dans "Fichier" puis "Enregistrer pour le web et les périphériques...". Pensez à bien enregistrer sous forme de gif et testez votre animation. Si celle-ci est ralentit c'est parce que votre document est sans doute trop lourd. Jouez alors avec la jauge "aligner sur le Web" afin de l'alléger, mais plus vous irez vers le 100% moins votre image aura de nuance de couleur, à vous de trouver le juste milieu. Une fois que vous êtes satisfait cliquez sur "Enregistrer".
Spoiler:
 

- Enfin, lors de l'enregistrement dans l'encadré "Format" choisissez "Images", puis cliquez sur "Enregistrer". C'est finit !
Spoiler:
 

La suite au prochain épisode !!

________________________
[Tuto Photoshop] Créer des gifs animés Favico10 Mon site
[Tuto Photoshop] Créer des gifs animés Favico10 Ma page facebook
[Tuto Photoshop] Créer des gifs animés Url10 Mon deviantart


Dernière édition par Kumo le Jeu 7 Aoû 2014 - 20:26, édité 1 fois
Revenir en haut Aller en bas
Lexou
Admin
Admin
Lexou


[Tuto Photoshop] Créer des gifs animés Empty
MessageSujet: Re: [Tuto Photoshop] Créer des gifs animés   [Tuto Photoshop] Créer des gifs animés Icon_minitimeSam 20 Juil 2013 - 11:23

Super clair et bien expliqué !

________________________
[Tuto Photoshop] Créer des gifs animés Lexou_10
Revenir en haut Aller en bas
little_thing
Grand Poulpe
Grand Poulpe
little_thing


[Tuto Photoshop] Créer des gifs animés Empty
MessageSujet: Re: [Tuto Photoshop] Créer des gifs animés   [Tuto Photoshop] Créer des gifs animés Icon_minitimeLun 22 Juil 2013 - 6:45

Oui c'est très bien expliquer et sa donne envie d'en faire. ^^
Revenir en haut Aller en bas
Ysun
Jeune Poulpe
Jeune Poulpe
Ysun


[Tuto Photoshop] Créer des gifs animés Empty
MessageSujet: Re: [Tuto Photoshop] Créer des gifs animés   [Tuto Photoshop] Créer des gifs animés Icon_minitimeLun 22 Juil 2013 - 11:34

Oui c'est trop chouette !! dès que j'ai fini de bosser j'essaye de m'y mettre :)
Revenir en haut Aller en bas
Kumo
Modérateur
Modérateur
Kumo


[Tuto Photoshop] Créer des gifs animés Empty
MessageSujet: Re: [Tuto Photoshop] Créer des gifs animés   [Tuto Photoshop] Créer des gifs animés Icon_minitimeMar 23 Juil 2013 - 18:10

Contente que ça vous plaise ! Pour la deuxième étape, je vous montrerai comment décomposer un mouvement, mais ca risque de me prendre un peu de temps XD

________________________
[Tuto Photoshop] Créer des gifs animés Favico10 Mon site
[Tuto Photoshop] Créer des gifs animés Favico10 Ma page facebook
[Tuto Photoshop] Créer des gifs animés Url10 Mon deviantart
Revenir en haut Aller en bas
Contenu sponsorisé




[Tuto Photoshop] Créer des gifs animés Empty
MessageSujet: Re: [Tuto Photoshop] Créer des gifs animés   [Tuto Photoshop] Créer des gifs animés Icon_minitime

Revenir en haut Aller en bas
 
[Tuto Photoshop] Créer des gifs animés
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Tuto Photoshop] Colo line
» AILES ANIMÉES (PAPILLON OU ANGES)
» la déco de Noël
» Galerie Kach'
» La goutte d'eau

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Les dessineux :: Et si on parlait dessin ? :: Le coin des astuces et conseils-
Sauter vers: