===== PixelArt - Step 1 =====

  * Denne guider er baseret på : [[https://www.youtube.com/watch?v=LFclLgUQ1zE|Start Guide to Pixil]] [07m53s]
  * Yderligere "læsning" : [[https://www.youtube.com/watch?v=lfR7Qj04-UA|The Ultimate Pixel Art Tutorial]] (god, mange informationer at tage stilling til) [14m14s]

Pixelkunst er en digital kunstform, der udsprang af behovet for at tegne billeder på 8 eller 16-bit computere og videospilkonsoller, med begrænset lagerplads


----

==== Sprite ====

En sprite er et stykke computer grafik der beskriver et to-dimensionelt bitmap der anvendes som en del af en større 'scene' typisk i et computer spil. Processen at udvikle pixelart, kaldes også for "spriting".



----

==== Canvas ====

  * Hvordan vælges canvas-størrelse ?

Skal din pixelart være 16x16 -> 24x24 -> 32x32 eller større ? (afhænger af behov og projekttype)


----


==== Tools ====

{{ :images:tools.png?300 |}}

----

==== Workflow ====

**Silhuet -> Block-out -> Farve fyld -> Refine**

  - Silhuet
  - Block-out 
    * Fjerner stray pixels, samt "clean up" af jaggies and double lines.
  - Farve - fylde med grundfarve (per sammenhængende del)  (sko, våben, torso, ansigt, hår etc.)
  - Lys & Skygge (Angiv lyskilde, og tilføj lys og skygge)

{{ :images:workflow.png |}}


----

==== Silhuet ====

  * Hvad kan en silhuet sige om en karakter ? 
    * job/class: warrior, thief, magic
    * køn/race
    * stærk / svag
    * God ond
    * Tung / let
    * Bange / Modig
    * Flyvende
    * ** Vær bevidst om hvad du kommunikerer med din silhuet.**

----

==== Farver ====

Du skal vælge farve, eller farver for din pixelart. 
  
Valget af farven for en karakter, kan kommunikere information omkring karakteren f.eks. er det god, eller ond karakter, eller hvilke type af kræfter/egenskaber som figuren har.
 
  * [[https://indidansk.dk/farver/|Farvesymbolik]]
  * [[https://venngage.com/blog/disney-villains/|What Disney Villains Can Tell Us About Color Psychology]]
  * [[https://www.colorpsychology.org/|Color Psychology 101: A Beginner's Guide to the Meaning of colors]]


=== HSV farvemodel ===
  * 
      * Lilla (mørke/korruption, royal)
      * Red (ild, passion)
      * Blå (havet, magi, det ukendte)
      * Grøn (naturen/druid) --> mærk grøn : giftig)
      * Sort (ond, elegance)
      * Gul (Guld/værdi)
      * Hvid (god/hellig)
      * Grå (neutral)
    * Vælg en grund farve for dit design (base-color) 
  * [[https://ambitiousdesigner.substack.com/p/hsb|HSV (HSB) farvemodel]] 
    * Hue (farve famlie)
    * Saturation (intensiteten af en farve, eller farve mætning)
    * Value (Brightness, (HSB) lys eller mørke, ..lys-intensiteten)

----

==== Lys & skygge ===

    * (Saultoons) [[https://youtu.be/lfR7Qj04-UA?si=ZptvmwO6jmiIIpzw&t=377|Basic Light Model]]
      * Cast shadow -> Core-shadow & Hi-light -> Terminator -> Bounce-light.

{{ :images:light_model_basic.png |}}


    * Hvor kommer lyset fra ?? (bestem placering af lyskilde)
      * //(Tip: Opret selvstændigt lag til lys og skygge  SHIFT-L)//
    * **Lys** : Gå op 45 $^\circ$ til venstre. (fra grund-farve), juster HUE op ad ganske lidt.  
    * **Mørke** : Gå ned 45 $^\circ$ til højre. (fra grund-farve), juster HUE ned ad ganske lidt.  
    * Du kan have flere/mange nuancer eller af lag af lys og skygge på din karakter
    * Reflektion / genskin
      * Vælg lyseste nuance, og 'bumb lyst intensitet op .. til (næsten hvid)
   * Features (øjne,næse, mund) __**sættes på eget lag**__. (så de kan flyttes uafhængigt af andre elementer) Brug Shift-L.

{{ :images:lighter_colors.png?230 |}}

----

==== Outline ====

  * Solid outline
  * No-outline
  * Adapter-outline

----





==== Materiale ====

  * {{ :ddu:docs:libresprite_cheatsheet.pdf |}}
  * [[https://www.youtube.com/watch?v=hISJ2uflVCg|Farveteori]] - Pixel Art Color - Creating a Palette, Hue Shifting, and Color Theory