Krita : fin du chapitre Pixel art (voir #5)

gamedevalliance · Aug 2, 2020 · 799f90f · 799f90f
1 parent 567d864
commit 799f90f
Show file tree

Hide file tree

Showing 17 changed files with 83 additions and 57 deletions.
diff --git a/content/courses/krita/01-pixel-art/02-les-outils-de-base.md b/content/courses/krita/01-pixel-art/02-les-outils-de-base.md
diff --git a/content/courses/krita/01-pixel-art/02-tout-sur-les-panneaux.md b/content/courses/krita/01-pixel-art/02-tout-sur-les-panneaux.md
@@ -0,0 +1,42 @@
+---
+title: "Tout sur les panneaux"
+---
+
+Maintenant que vous avez configuré Krita, nous pouvons découvrir les outils que je vous ai fait ajouter à votre panneau de droite.
+
+### Vue d'ensemble
+
+Cette vue est pratique quand vous réalisez des scènes ou des personnages en pixel art, car elle vous permet de prendre du recul et de voir à quoi ressemble votre oeuvre à petite taille.
+
+### Palette et sélecteur de couleurs
+
+Je n'ai pas besoin de vous expliquer l'utilité du sélecteur de couleurs ! Mais vous pouvez vous faciliter la vie en utilisant une palette, qui permet de stocker des couleurs pour les réutiliser en un clic, et vous aide à garder un ton cohérent dans toute l'image. En bas à gauche du panneau, un bouton affiche la liste des palettes pré-installées dans Krita, par exemple "PixelArt 16" qui imite les contraintes des jeux retro 4 bits. Vous pouvez créer la vôtre ou en importer depuis des sites comme [Lospec](https://lospec.com/palette-list), au format `.pal`, `.gpl` et autres.
+
+![](./palette.png)
+
+Une fois votre palette selectionnée, vous trouverez également en bas à droite des boutons pour ajouter, supprimer ou modifier une couleur.
+
+### Calques
+
+L'outil incontournable de tout logiciel d'infographie ! Les calques sont des couches transparentes qui, superposées, constituent votre image finale. Vous pouvez dessiner votre personnage sur un calque et votre décor sur un autre. Ainsi, le personnage peut être déplacé librement sans abîmer le décor, et vice versa.
+
+![](./calques.png)
+
+En bas à gauche du panneau, vous pouvez créer un nouveau calque. Les plus communs sont les calques de dessin (matriciels, utilisant des pixels), les calques vectoriels et les calques de groupe, qui fonctionnent comme des dossiers.
+
+### Préférences de l'outil
+
+Ce panneau permet de modifier les paramètres de l'outil que vous utilisez actuellement. Nous y reviendrons souvent dans la prochaine section !
+
+![](./preferences-d-outils.png)
+
+### Grille et guides
+
+Les guides ne vous seront que très rarement utiles en pixel art, contrairement à la grille ! Elle vous fera gagner un temps précieux lors de la création d'un tileset ou d'une planche de personnages, avec plusieurs assets d'une même taille côte à côte.
+
+![](./grille-panneau.png)
+
+Réglez l'espacement d'après la taille des éléments de votre tileset, ainsi que le style et la couleur de la grille. Autre astuce pratique : utilisez des subdivisions pour bien voir le milieu de chaque case par exemple. Pour cela, divisez la taille de l'espacement par 2 et choisissez 2 subdivisions.
+
+![](./grille-image.png)
+*Tileset de [Buch](https://opengameart.org/content/a-platformer-in-the-forest)*
diff --git a/content/courses/krita/01-pixel-art/03-parametrer-les-outils.md b/content/courses/krita/01-pixel-art/03-parametrer-les-outils.md
@@ -0,0 +1,40 @@
+---
+title: "Paramétrer les outils"
+---
+
+Comme dans la plupart des logiciels de graphisme généralistes, les outils de Krita disponibles à gauche sont pensés pour les images en haute résolution, et manquent de précision pour le pixel art. Heureusement, il est possible de changer ces paramètres pour obtenir une véritable interface pour pixel artiste !
+
+### Outil de remplissage
+
+L'outil Remplir (`F`) propose plusieurs options et par défaut, la couleur de remplissage déborde de la zone choisie en s'effaçant progressivement. En pixel art, on préfère généralement avoir plus de contrôle, donc il vaut mieux cocher le mode rapide dans les préférences de l'outil pour que son comportement soit plus basique.
+
+![](./remplissage.png)
+
+Il ne vous reste plus qu'à déterminer le seuil de tolérance pour la détection des couleurs similaires alentours.
+
+### Les outils de sélection
+
+Krita propose plusieurs outils pour sélectionner des zones en dessinant une forme ou en détectant les couleurs similaires :
+
+![](./outils-de-selection.png)
+
+La sélection rectangulaire fonctionne très bien par défaut, cependant les formes de sélection plus originales produisent un anti-aliasing, ou anticrénelage en français.
+
+![](./anti-aliasing.png)
+*Sélection circulaire avec et sans anticrénelage.*
+
+Pour désactiver cet effet, décochez la case "anticrénelage" dans les paramètres de chacun des outils de sélection. Si l'option n'apparaît pas, verifiez que vous êtes bien en mode matriciel (icône de gauche) et non en vectoriel (icône de droite).
+
+![](./option-anti-aliasing.png)
+
+### Outil de transformation
+
+L'outil de transformation (`Ctrl+T`) est très pratique pour étirer votre image et la déformer de différentes façons. Vous vous en doutez, cela produit un lissage ! Pour le désactiver, réglez le filtre sur "Voisin le plus proche" (traduction de "*Nearest neighbor*") dans les préférences de l'outil.
+
+### Redimensionner l'image
+
+Avant de publier votre œuvre sur Internet, vous aurez sûrement besoin de l'agrandir pour qu'elle soit lisible. Par défaut, le résultat produit sera flou, mais comme toujours, il est possible de choisir "Voisin le plus proche" pour conserver la netteté de votre pixel art. N'oubliez pas de revenir à la taille d'origine lorsque vous souhaitez retravailler votre dessin !
+
+![](./redimensionner.png)
+
+Je pense qu'on a fait le tour ! Votre environnement devrait maintenant être au point et petit à petit, en vous habituant aux raccourcis clavier de chacun des outils, je suis sûr que vous deviendrez une véritable machine à aligner des pixels ! Pour plus d'information sur la théorie applicable à n'importe quel logiciel, je vous invite à lire notre cours sur le sujet.
diff --git a/content/courses/krita/01-pixel-art/03-selection-et-transformation.md b/content/courses/krita/01-pixel-art/03-selection-et-transformation.md
diff --git a/content/courses/krita/01-pixel-art/accueil.png b/content/courses/krita/01-pixel-art/accueil.png
diff --git a/content/courses/krita/01-pixel-art/anti-aliasing.png b/content/courses/krita/01-pixel-art/anti-aliasing.png
diff --git a/content/courses/krita/01-pixel-art/calques.png b/content/courses/krita/01-pixel-art/calques.png
diff --git a/content/courses/krita/01-pixel-art/grille-image.png b/content/courses/krita/01-pixel-art/grille-image.png
diff --git a/content/courses/krita/01-pixel-art/grille-panneau.png b/content/courses/krita/01-pixel-art/grille-panneau.png
diff --git a/content/courses/krita/01-pixel-art/krita-3.png b/content/courses/krita/01-pixel-art/krita-3.png
diff --git a/content/courses/krita/01-pixel-art/option-anti-aliasing.png b/content/courses/krita/01-pixel-art/option-anti-aliasing.png
diff --git a/content/courses/krita/01-pixel-art/outils-de-selection.png b/content/courses/krita/01-pixel-art/outils-de-selection.png
diff --git a/content/courses/krita/01-pixel-art/palette.png b/content/courses/krita/01-pixel-art/palette.png
diff --git a/content/courses/krita/01-pixel-art/preferences-d-outils.png b/content/courses/krita/01-pixel-art/preferences-d-outils.png
diff --git a/content/courses/krita/01-pixel-art/redimensionner.png b/content/courses/krita/01-pixel-art/redimensionner.png
diff --git a/content/courses/krita/01-pixel-art/remplissage.png b/content/courses/krita/01-pixel-art/remplissage.png
diff --git a/content/courses/krita/course.md b/content/courses/krita/course.md
@@ -5,7 +5,7 @@ short_title: "Krita"
 date: "2020-05-26"
 author: "Nev"
 medal: SILVER
-medal_message: "Seul le chapitre sur le pixel art est bien avancé, de l'aide pour écrire les deux suivants serait appréciée. [Voir l'avancement](https://github.com/gamedevalliance/fairedesjeux.fr/issues/5)"
+medal_message: "Le chapitre sur le pixel art est terminé ! De l'aide pour écrire les deux suivants serait appréciée. [Participer](https://github.com/gamedevalliance/fairedesjeux.fr/issues/5)"
 ---
 
 Vous cherchez un logiciel complet et puissant pour le dessin numérique, le pixel art et l'animation, mais le prix de l'abonnement Photoshop vous a refroidi ? Ne cherchez plus ! Dans cette formation, nous allons découvrir ensemble Krita, un logiciel libre et gratuit disponible sur Windows, Linux, MacOS et BSD.