Nouveau...

• La Taille

  La Taille est exprimée en Pixels. Pour les débutants, il est conseillé de ne pas se lancer dans des Sprites trop grands.
  Cette fenêtre de configuration contient une fonctionnalité qu’on ne pourra qu’apprécier puisqu’elle se comporte comme une "calculatrice" :



• Le Mode de Couleur

  3 modes sont possibles :

  
  • RGBA (Red Green Blue Alpha ou Rouge Vert Bleu Alpha).
    Dans ce mode, chaque pixel contient ces 4 composants, par conséquent chaque pixel est indépendant des autres.
    (L’alpha correspond à l’opacité en sachant qu’une valeur égale à 0 rend la couleur complètement transparente tandis qu’une valeur égale à 255 rend la couleur entièrement opaque.)
  
  
  • Nuances de Gris
    Comme son nom l’indique, ce mode mettra à disposition seulement des Nuances de Gris.
  
  
  • Index
    Ce mode particulier fonctionne sur l’indexation de vos teintes, c’est-à-dire que les couleurs stockées dans L’Éventail Chromatique sont directement liées à celles présentes sur le Sprite. Ce qui signifie que si vous modifiez une couleur depuis L’Éventail Chromatique, cela se propagera directement sur votre Sprite en temps réel. Toutefois, une condition est à respecter pour réaliser cette action : basculer en mode édition (A ou F4).
    Dans l’exemple ci-dessous, vous observerez comment changer tous les pixels rouges de notre Sprite :
    Une autre illustration de ce mode est disponible ici.



• L’Arrière-Plan

  
  • Transparent
    Il s’agit d’un Calque transparent qui ne peut pas être déplacé. Cependant, ce n’est pas un Calque d’Arrière-Plan non plus, dans le sens pur de sa définition, du fait de sa transparence et de la possibilité d’en créer plusieurs.
  
  
  • Blanc
    Le Calque d’Arrière-Plan sera blanc, unique et ne pourra être déplacé.
  
  
  • Noir
    Le Calque d’Arrière-Plan sera noir, unique et ne pourra être déplacé.




• Options Avancées

  

  Permet de définir les dimensions des pixels. Par défaut, un pixel a un ratio de 1:1. Grâce à cette option, vous aurez le choix de le modifier.

Ouvrir...

Ouvrir un Fichier Récent

• Réouvrir un Fichier Fermé

  CTRL + SHIFT + T
  Cette fonction, très pratique, vous permettra de réouvrir le dernier fichier clos même si ce dernier n’a pas été enregistré. Mais pas seulement... Si vous aviez 3 fichiers qui viennent d’être fermés sans avoir été enregistrés, Aseprite sera en mesure d’y accéder dans l’ordre du plus récent au plus ancien. Autant dire que cette fonction nous sauvera bien des fois !




• La ligne en dessous montre la liste des fichiers récemment ouverts. Si dans l’exemple ci-dessus, nous n’en avons qu’un, retenez que le nombre maximum de fichiers qu’on voudra autoriser à afficher se configure dans l’onglet Préférences des Fichiers.




• Effacer les Fichiers Récents

  Cette action vide tout simplement cette liste.

Sauvegarder

Sauvegarder Sous...

Fermer

Tout fermer

Exporter...

• 1. Lorsque vous ouvrirez un document avec plusieurs Frames et que vous désirez effectuer un Export en ".png" et non en ".gif", cela générera un fichier par Frames.


• 2. Si vous souhaitez réaliser des Exports dans le cadre d’un projet de développement de jeu vidéo, il n’est pas utile de redimensionner vos Sprites, puisque la plupart des moteurs le gèrent automatiquement. Pour en savoir un peu plus sur le sujet, je vous conseille de consulter la rubrique "9 Tranches" dans les Propriétés de l’Outil Découper.
  
  
• 3. Toujours sur le thème du développement de jeu vidéo, il est recommandé de réaliser vos Exports sous forme de Feuille de Sprite ou de séquence d’images (comme expliqué dans le point numéro 1.)

• Exporter Sous

  CTRL + ALT + SHIFT + S

  
  • Fichier de sortie
    Pour choisir le type de fichier, la seule question à se poser est  la suivante : Sous quel format désirez-vous exporter votre travail ?
    
    Lorsque vous souhaitez une image ou une séquence d’images, le ".png" conviendra tout à fait.
    
    Pour une animation le ".gif" est privilégié.
    
    Mais, jamais au grand jamais n’utilisez le ".jpg" ou ".jpeg" (sauf si cela est totalement volontaire), car ce format compressera votre image et vous perdrez donc en qualité.
    
    Remarquez à droite du nom le bouton avec les 3 petits points. Il permet de choisir l’emplacement de votre Export.
  
  
  • Redimentionner (En vrai français : Redimensionner…)
    
    Cela vous permettra de régler la Taille d’affichage à l’écran. Un Canevas en 32x32px donnera une image très petite. Aussi, il est fortement recommandé de la redimensionner afin qu’elle soit correctement adaptée lorsque vous souhaitez visualiser vos Exports. Sur un tout petit Sprite, un export en 600/700/800 % devrait suffire pour une publication en ligne. Dans le doute, n’hésitez pas à monter ou à baisser ce paramètre au besoin.
  
  
  • Zone
    
    Vous serez en mesure de choisir la zone ciblée. Cela peut être soit le Canevas tout entier, soit une sélection que vous aurez au préalable établie avec L’Outil Sélection, ou une Slice avec L’Outil Découper.
  
  
  • Calques
    
    Vous aurez la possibilité de choisir, parmi les Calques visibles, les Calques sélectionnés ou encore un Calque nominatif puisqu’Aseprite alimentera ce menu déroulant avec le nom de vos Calques créés.
  
  
  • Frames
    
    Ici vous pourrez faire le choix d’exporter toutes les Frames, ou celles sélectionnées, ou encore seules les Frames contenues dans un Tag (Balise). Comme pour les Calques, Aseprite alimente ce menu déroulant à partir des Tags créés.
  
  
  • Direction de l’animation
    
    Ce menu affiche le sens de lecture que vous souhaitez donner à une animation.
  
  
  • Appliquer le ratio des pixels
    Cette option est utile seulement si le ratio des pixels n’est pas de 1:1, comme vu lorsqu’on crée un nouveau document.
  
  
  • Exporter pour Twitter
    Cette option est importante pour les ".gif" si l’on souhaite publier sur X.com.




• Exporter en Feuille de Sprites

  CTRL + E

  

  Une Feuille de Sprites ou Sprite Sheet est une collection de plusieurs Sprites/Images. Plus précisément, c’est le regroupement de chaque image d’une animation ou d’une séquence dans un seul fichier.
  Si vous êtes dans le cadre d’un projet de développement de jeu vidéo, c’est votre moteur qui déterminera vos options d’Export.

  
  Détaillons le contenu des 4 onglets :

  • Mise en page :
    • Type de feuille
      
      Ce paramètre permet d’indiquer à l’outil d’Export comment disposer vos Sprites/Images dans la feuille. Il est lié aux paramètres Contraintes (voir ci-dessous).
      Il est possible de réaliser une Mise en page par Bande Horizontale ou Verticale. Notez qu’on ne pourra y appliquer aucune contrainte, en faisant ce choix.
      Mais si vous règlez la Mise en page par Lignes ou par Colonnes, les Contraintes seront alors disponibles (voir ci-dessous).
      Pour le mode Optimisé, la Feuille de Sprite obtiendra des dimensions verticales et horizontales les plus petites possibles. Et on pourra y appliquer des Contraintes (voir ci-dessous).
    
    
    • Contraintes
      
      Ci-dessus, les contraintes disponibles lorsque vous déciderez d’un Type de Feuille par Ligne ou par Colonnes.
      
      Ci-dessus, les contraintes disponibles lorsque vous choisirez un Type de Feuille Optimisé.
    
    
    • Fusionner les duplications
      
      Ce paramètre interdira la présence de 2 Sprites strictement identiques, ce qui signifie que les doublons seront éliminés de la Feuille de Sprite.
    
    
    • Ignorer les frames vides
      
      Avec ce paramètre coché, les Frames vides ne seront pas exportées.
    
    
  • Sprite
    
    • Source
      
      Aseprite offre la possibilité de sélectionner le Sprite tout entier, ou sinon le Sprite Grid (un mode calqué sur les dimensions définies dans Affichage → Grille → Paramètres de la grille) ou encore en fonction des Tilesets.
    
    
    • Calques
      
      Vous pourrez choisir entre les Calques visibles ou les Calques spécifiques. Ce que j’aime avec Aseprite c’est qu’il prend en considération de manières totalement dynamiques les Calques générés.
    
    
    • Frames
      
      Vous aurez ici la possibilité de désigner toutes les Frames, ou des Frames spécifiques, ou encore les Tags que vous aurez créés. Aseprite synchronise en temps réel toutes les Frames détectées.
    
    
    • Séparer les calques
      En cochant cette option, vous obtiendrez un Sprite pour chaque Calque.
    
    
    • Séparer les tags
      En cochant cette option, Aseprite produira un Sprite pour chaque Tag.
  
  
  • Bordures
    
    Cet onglet sert à insérer des espaces entre les Sprites ou tout autour en jouant sur le Padding de bordure (autour de la feuille), le Padding extérieur (entre les Sprites) et le Padding intérieur (autour des Sprites).
    3 options à cocher s’offriront à vous :
    • Découper le Sprite : Aseprite rognera les pixels inutiles autour des Sprites de manière automatique. La découpe sera identique pour tous les Sprites.
    
    
    • Découper les cellules : Identique à l’option précédente, ce paramètre s’appliquera individuellement autour de chaque Sprite, dans chaque Cell.
    
    
    • En activant une de ses 2 options, une troisième apparaîtra et se nommera : Via la grille
      
      En cochant Via la grille, Aseprite découpera votre Feuille de Sprites en fonction des valeurs définies dans Affichage → Grille → Paramètres de la grille.
    
    
    • Extruder : Cette option, crée un cadre d’un pixel autour du Sprite en copiant les pixels du bord du Sprite en cours.
  
  
  • Sortie
    
    • Fichier de sortie
      En cliquant sur le bouton comportant le nom du fichier, vous serez en mesure de le modifier et de décider son emplacement.
    
    
    • Données JSON
      Il s’agit d’un autre format d’export destiné à générer un fichier comprenant des métadonnées sur chaque Sprite inclus dans la feuille. Ce fichier JSON contiendra des informations telles que les coordonnées, les dimensions de chaque Sprite, ainsi que des données sur les animations et les Frames.
      L’utilisation de données JSON dans Aseprite permet une gestion efficace et optimisée des Sprites dans le développement de jeux.
    
    
    • Ouvrir la Feuille de Sprite
      Cette option crée un ".png" à partir du nom du document en cours puis l’ouvre directement dans Aseprite.
    
    
    • Aperçu
      Active ou désactive l’aperçu dans la Fenêtre d’Aperçu et dans l’Editeur de Sprite.
  
  
  

  Vous aurez la possibilité d’afficher tous les onglets Mise en page, Sprite, Bordures et Sortie dans la même boîte de dialogue en cliquant sur le petit carré à droite juste en dessous de la croix :

  

  Si vous désirez ne montrer que les onglets Sprite et Sortie par exemple, cela est tout à fait possible en effectuant CTRL + Clic Gauche/Pression Stylet sur ces 2 onglets.

  

  Enfin, notez que lorsque la fenêtre d’Export est ouverte vous serez autorisé à agir sur le Sprite pour le déplacer dans l’Aperçu.




• Exporter le Tileset

  Cet outil fonctionne comme l’Export de Feuille de Sprites, mais avec des Tiles.




• Répéter le Dernier Export

  Cette fonction autorise la répétition exacte des paramètres que vous aurez configuré dans votre dernier Export. Cette configuration s’appliquera pour le même document ou un autre.

Importer

• Type :

  

  Vous serez en mesure de décider d’importer par Bande Horizontale, Verticale, par Ligne ou par Colonne, rappelant ainsi nos options d’Export.




• Tiles :

  

  Vous pourrez ici paramétrer le positionnement des Images que vous souhaitez insérer dans des Tiles (Tuiles) :

  • X et Y : déterminent le déport sur les axes par rapport aux bords haut et gauche du Sprite.
  
  
  • Largeur et Hauteur : définissent la dimension de chaque Tile (vous pouvez utiliser les repères bleus pour régler ces dimensions).
  
  
  • Padding : Il sera possible de rajouter un padding au besoin, en greffant des pixels autour des bords de l’image.
  
  
  • Inclure des Tiles partielles sur les bords du bas et droits : Si vos dimensions déterminées plus haut sont trop étroites pour votre Import, cochez cette option pour qu’Aseprite soit forcé d’adopter toute la feuille, même si une Tile est en partie prise en compte.
  
  

  Une fois l’Import effectué, vous constaterez que chaque Taille de votre Feuille de Sprite sera placée dans une Frame, et c’est exactement l’effet souhaité !!!

Scripts

Quitter