Comment faire un filtre Pixel Art sur CSP

19 321

Mana1057

Mana1057

Salut! Parlons de la création de pixel art sur Clip Studio Paint à l'aide de filtres !

Je vais faire une Pagedoll pour ce sujet. Et j'utiliserai CSP PRO, vous pouvez utiliser la version EX, fonctionne de la même manière. Les fichiers CLIP ou les fichiers de projet seront disponibles en téléchargement afin que vous puissiez suivre ou essayer vous-même.

Nous allons faire quelque chose comme ça :

La version vidéo est juste ci-dessous :

J'ai également fait une version SHORT-Shortcut du même tutoriel; parce que la vidéo originale est lourde d'explications - semble écrasante.

⭐ Cette version n'a pas de voix off et aucune explication hardcore. Juste des explications basiques

 

C'est ici:

Qu'est-ce qu'une Pagedoll ?

Les poupées de page sont comme de petites œuvres d'art que les gens utilisent pour décorer leurs pages (DeviantART, Toyhou.se, etc.)

 

Ma Pagedoll est mon mec de gâteau de riz cuit à la vapeur.

Il n'y a pas de règles de style artistique pour les poupées de page - elles doivent juste être petites.

 

Mais les manières les plus courantes de créer des poupées de page sont le pixel art.

Nous allons donc faire quelque chose comme ça pour ce sujet

Préparez votre image

Tout d'abord, ouvrons notre image.

Je recommande d'utiliser un dessin avec un fond séparé.

⭐ Cette image a déjà été découpée en morceaux à des fins d'animation, car je vais également l'animer. Vous pouvez utiliser un dessin non coupé ou simplement un dessin ordinaire, fonctionne de la même manière.

Alors transformons cela en pixel art ou en pagedoll.

Tout d'abord, recadrons ceci car il y a beaucoup d'espaces vides

 

Obtenez votre [Outil de sélection] > [Rectangle]

 

Et obtenez la zone que vous souhaitez recadrer.

Ensuite, allez dans [Modifier] > [Recadrer]

Et une fois recadré, cela ressemblerait à ceci :

D'accord, prochaine étape, redimensionnons ceci.

L'image d'origine fait environ 1,2 à 1,3 k pixels, alors réduisons-la.

 

Allez dans [Modifier]> [Modifier la résolution de l'image]

 

Je vais 250 pixels pour la hauteur.

 

Les Pagedolls peuvent parfois aller jusqu'à 300 pixels.

Cliquez sur OK lorsque vous avez terminé.

 

Bon maintenant notre image est petite !

Pixelisons cela maintenant

Effet pixélisé - Artistique

A commencer par les cheveux !

N'oubliez pas ! Vous pouvez également utiliser une image non coupée ou plate !

 

Allez dans [Filtre] > [Effet] > [Artistique]

 

Lorsque vous ouvrez le filtre artistique pour la première fois, voici à quoi il ressemble.

Parlons-en ;

 

✦ Traiter - Que voulez-vous traiter ? Voulez-vous modifier la couleur et les lignes, ou la couleur seule ou les lignes seules ?

-------------------------------------------------- 

Épaisseur de ligne – plus la valeur est faible, plus les lignes sont fines. Plus la valeur est élevée, plus les lignes sont épaisses.

Ici, je vous recommande de faire défiler cette barre pour voir ce qui vous convient le mieux.

-------------------------------------------------- 

✦ Simplicité de la ligne - c'est comme les détails de la ligne. Plus la valeur est basse, moins il y a de détails. Plus la valeur est élevée, plus le détail est important.

Je suis également allé 11 sur celui-ci.

-------------------------------------------------- Densité de ligne - Je pense que c'est le poids des lignes.

Comme exemple ici, si j'augmente le nombre, les lignes qui sont presque invisibles apparaissent soudainement.

Je m'en tiens à 15 sur celui-ci, car je ne veux pas que ces petites lignes apparaissent.

-------------------------------------------------- ✦ Opacité de la ligne - c'est l'opacité de la ligne. Plus la valeur est élevée, plus les lignes seront sombres. Valeur inférieure, on dirait qu'il n'y a presque pas de ligne.

Je suis allé 30 - pour l'instant.

-------------------------------------------------- Anti-aliasing de ligne – c'est comme la douceur de la ligne.

Plus la valeur est élevée, plus elle devient lisse. Diminuez la valeur et elle devient plus nette.

Je vais m'en tenir à 1 - parce que j'essaie d'imiter le pixel art, donc je dois le faire ressembler à un pixel - qui a des lignes nettes.

Ensuite, je vais simplement revenir à Line Opacity pour le changer un peu plus bas - 16%

-------------------------------------------------- Mélange de couleurs - ce sont les mélanges de couleurs.

Plus la valeur est basse, moins il y a de mélange – vous obtenez donc beaucoup de couleurs ici.

Plus la valeur est élevée, plus le mélange est important et vous obtenez moins de couleurs

Si vous essayez de faire comme une pagedoll, allez à 50% ou plus.

-------------------------------------------------- Flou de couleur - cela brouille littéralement les couleurs. Plus la valeur est élevée, plus la quantité de flou est élevée.

Je m'en tiens à 1 sur ce point. Puisque j'ai besoin de tout net, surtout les couleurs et donc et je n'ai pas vraiment besoin de ça.

-------------------------------------------------- Nombre de couleurs - c'est celui qui aide à créer comme l'effet de pixel.

Parce que cela nous donne la capacité de baisser les couleurs de notre dessin.

 

Plus la valeur est basse, moins il y a de couleur. Plus la valeur est élevée, plus la quantité de couleurs est élevée.

Je suis allé à 11% sur celui-ci.

Et c'est tout. Lorsque vous avez terminé, cliquez simplement sur OK.

 

D'accord, donc c'est avant et c'est après

C'est le filtre de pixels principal.

 

Vous pouvez déjà travailler avec cela, mais si vous voulez aller plus loin dans les détails, les sujets suivants sont destinés à une édition supplémentaire.

Effet de pixel - Masque flou

Rendons les lignes plus nettes !

 

Ensuite, allez dans [Filtre]> [Affiner]> [Masque flou]

C'est comme notre seul outil Sharpen que nous pouvons contrôler, nous allons donc l'utiliser.

 

Voilà à quoi ça ressemble

⋆ Rayon - la taille de l'effet/filtre

 

Force - la force de l'effet

 

⋆ Seuil - cela affecte plus ou moins le lissage des lignes/bords. Plus la valeur est faible, plus les lignes/bords deviennent nets. Une valeur plus élevée les rend plus lisses

 

Et voici les paramètres avec lesquels je me suis retrouvé:

⋆ Rayon : 15 | Force : 33 | Seuil : 0

 

Et cliquez simplement sur OK lorsque vous avez terminé.

Voici l'avant et l'après :

* Effet Pixel - Dupliquer le calque

Cette partie suivante est facultative, mais j'adore les faire, juste pour aller plus loin.

Cela rend les lignes extérieures plus nettes ou rend simplement les lignes extérieures plus sombres.

 

Nous allons dupliquer le calque/le dessin et les fusionner.

 

Avec le calque toujours sélectionné, allez dans [Calque]> [Dupliquer le calque]

Maintenant, nous avons deux couches identiques, et la ligne extérieure semblait plus nette/plus sombre

Maintenant, appuyez sur [CTRL + E] ou Fusionnez avec le calque ci-dessous.

Vous pouvez le faire autant de fois que vous le souhaitez. J'ai fait ça trois fois.

 

Et c'est avant et c'est après

 

*Effet Pixel - recolorer

Cette prochaine étape est également FACULTATIVE.

 

Mais si certaines lignes deviennent trop sombres à votre goût, vous pouvez les recolorer.

Par exemple, les lignes/le dessin au trait sur la frange sont devenus trop sombres, alors recolorons-le.

Créez un [Nouveau calque raster] au-dessus de la zone que vous souhaitez corriger, ici, ce sont les cheveux.

o Puis [Coupez-le sur le calque ci-dessous]

Maintenant, obtenez votre [Outil de dégradé]> [Premier plan à la transparence]

⋆ Vous pouvez utiliser un pinceau si vous le souhaitez

 

Maintenant, obtenez le teint du personnage, maintenez [ALT] sur votre clavier et sélectionnez la couleur

 

Vous pouvez utiliser n'importe quelle forme de dégradé que vous voulez, je vais [Ellipse]

 

Et faites simplement des traits de dégradé sur la frange.

o Vous pouvez modifier le [Mode de fusion] si vous le souhaitez. [Normal] et [Screen] sont mes références habituelles.

Lorsque vous avez terminé, n'oubliez pas de les fusionner ou de [CTRL + E] sur votre clavier.

*Effet Pixel - redessiner / retoucher

-------------------------------------------------- -Obtenez votre outil [Marker], utilisez l'outil de votre choix, mais assurez-vous simplement de vérifier votre [Anti-aliasing] - il doit être défini sur aucun

⋆ J'utilise un pinceau par défaut, le [Stylo marqueur]

Ensuite, sélectionnez simplement la couleur, maintenez [ALT] puis choisissez la couleur et dessinez simplement à l'aide de l'outil [Marqueur] de votre choix.

 

Concentrez-vous simplement sur les lignes extérieures, vous n'avez pas à travailler sur les lignes intérieures.

Sur le visage ou le calque de la tête, je vais supprimer ces taches de couleurs à l'aide de l'outil [Blend].

*Je ne suis pas un expert en pagedolls mais j'ai vu certaines personnes utiliser des couleurs douces comme celle-ci tout en conservant les autres éléments pixelisés - comme ces ombres pour les cheveux.

 

Là encore, les Pagedolls ne sont pas les arts du pixel traditionnels

 

 

Si vous sentez que les lignes sont déjà assez lourdes, vous pouvez également effacer si vous ne voulez pas les repeindre.

 

Utilisez le même outil [Marqueur] que vous utilisez, mais cette fois, utilisez la couleur [Transparent]

*Vous pouvez utiliser une [Gomme] - assurez-vous simplement de vérifier l'anticrénelage et de le régler sur AUCUN

 

Fichiers à télécharger | ESSAYEZ-le vous-même !

Et c'est tout, c'est comme ça que vous pouvez faire un effet/filtre de pixel à l'aide de Clip Studio Paint.

 

La vidéo est accablante, je vous recommande donc de regarder la version raccourcie si vous le souhaitez !

Vous pouvez obtenir l'échantillon d'image de Chen et Berry sur le lien Dropbox !

J'y ai également inclus un autre chibi

Ensuite, je viens d'animer ceci, également sur CSP Pro !

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel