article(s) dans votre panier VOIR

Introduction aux animations Sprite Sheet dans Photoshop CC

  • Vidéo 39 sur 81
  • 6h09 de formation
  • 81 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Introduction aux animations Spritesheet
00:00 / 02:49
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce tuto Photoshop, Arzhur Caouissin va nous apprendre à créer un Sprite Sheet.

Ce dernier est une animation représenté à l'aide d'une suite d'images collé dans un seul document. L'objectif est de créer l'image dans un format léger avec lequel on peut facilement interagir. Ici, le personnage saute, il est donc très difficile à reproduire en Java Script ou CSS. Nous allons donc utiliser le document Photoshop pour créer la suite d'images.

Il faut tout de même faire attention que l'image ne soit pas trop grande surtout lorsqu'on développe sur iPad car il a du mal à gérer des animations si l'image est plus grande que sa résolution. Si votre image est trop grande, il va falloir la couper en deux pour que l'iPad puisse la lire correctement.

Grâce au Java Script ou au CSS, on pourra couper le sprite sheet en affichant seulement la partie utile et de décaler dans le temps selon la cadence, l'image pour afficher l'animation.