Packs d'interface

Sumi Sélection de niveau

12 pièces de carte et de sélection de niveau (cel-shading) pour interfaces en mode sombre — lavis de fusain, accent rouge de sceau. SVG et PNG transparent en 1x/2x/4x.

  • ui
  • svg
  • png transparent
  • sélection de niveau
  • carte du monde
  • niveau
  • progression
  • campagne
  • celshading
  • cel-shading
  • cel shading
  • encre
  • interface sombre
  • action
Planche montrant 12 pièces de carte et de sélection de niveau (cel-shading) de la famille Sumi, disposés sur un damier de transparence avec leurs tailles en pixels inscrites en dessous
aperçu 1600×973la transparence est montrée en damier

À propos de ce pack

Sumi Sélection de niveau est un ensemble de 12 pièces de carte et de sélection de niveau dessinés dans le style cel-shading, où un épais contour d'encre enveloppe deux tons plats séparés par un terminateur diagonal dur. Il contient quatre états de nœud de niveau, un chemin droit et un courbe, chacun verrouillé et ouvert, une plaque de région, une lisière de brouillard de guerre, une commande de zoom et un encart de légende.

Une carte de sélection de niveau se construit avec deux choses, les nœuds et les lignes entre eux, et les lignes sont précisément ce que tous les kits gratuits laissent de côté. C’est en les dessinant dans le moteur que la carte se défait : un trait tracé par le code ne colle pas au style, et un chemin droit dans un style et tremblé à la main dans un autre ne peut pas être un rectangle.

L'ombre est une forme unique à bord dur sans aucune retombée — la propriété qui définit le cel shading, et ce qu'un dégradé ne peut jamais imiter. Le contour utilise le ton le plus sombre de la palette et non le ton de bordure, sans quoi il se lit comme un épais cadre gris au lieu d'encre.

À l'intérieur de ce style, voici la lecture Sumi : une interface en mode sombre sur une palette lavis de fusain avec des accents rouge de sceau, bâtie autour de deux cadres concentriques, de boutons en forme d'onglet en 120x48, de barres brillantes divisées en 9 segments et d'icônes au trait sur une grille de 32px. Ces mesures expliquent pourquoi deux familles peuvent partager un style artistique sans être interchangeables : le style décide comment un bord est tracé, les nombres décident à quoi sert l'interface.

Les chemins sont livrés dans le même langage graphique que les nœuds, droits et courbes, chacun en lecture verrouillée et ouverte. Verrouillé est fin et en pointillé, ouvert est plein et à pleine épaisseur : la progression sur une carte se voit donc aussi dans les liaisons et pas seulement dans les nœuds. Les quatre états de nœud se distinguent par la structure : verrouillé est hachuré de part en part, disponible porte un unique point en son centre, terminé est plein, et parfait ajoute quatre équerres au nœud plein. La lisière de brouillard est une bande en paliers et non un flou doux, car un flou se rastérise différemment selon le moteur et le bord d’une carte est justement l’endroit où cela se voit.

Chaque sprite est livré en SVG modifiable et en PNG transparent à 1x, 2x et 4x : vous pouvez déposer les PNG directement dans un moteur ou ouvrir le vecteur et changer une couleur. Dessiné aux mêmes mesures que le reste de la famille Sumi, ce qui veut dire que ce kit et le kit de panneaux Sumi s'alignent sans qu'aucun des deux soit redimensionné. Convient bien aux jeux cel-shading et au rendu toon.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP85 kB

Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readme

Fichiers inclus dans ce pack
FichierFormatPoidsTéléchargement
Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readmeZIP85 kB Obtenir →
Nœud de niveau, verrouillé, SVG modifiableSVG1.9 kB Obtenir →

Comment l'utiliser

  1. Placez les nœuds sur votre propre grille et posez les tronçons de chemin entre eux ; les chemins sont dessinés à l’écartement de nœuds indiqué dans la fiche technique et rejoignent donc le bord du nœud sans recouvrement.
  2. Au déverrouillage du niveau, remplacez le chemin verrouillé par son jumeau ouvert plutôt que de le teinter. Le signal, c’est le pointillé.
  3. Ancrez la lisière de brouillard à la limite de la zone explorée et laissez-la déborder du côté inexploré ; la bande en paliers est dessinée pour se répéter à l’horizontale.
  4. La plaque de région et l’encart de légende partagent le traitement d’angle du kit de panneaux de cette famille, pour qu’un écran de carte et un écran de menu n’aient pas l’air de deux jeux.

Licence

Creative Commons Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique

Ligne de crédit à copier
"Sumi Sélection de niveau" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-level-select