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