Introduction

Bonjour! Je m'appelle Hira Karmachela alias BABE ODED. Dans cet article, je partagerai des conseils pour créer du pixel art urbain avec des primitives 3D sur Clip Studio Paint. Je suis sûr que vous tous qui lisez cet article connaissez très bien les avantages de CSP par rapport aux autres logiciels graphiques.

 

Basé sur mon expérience d'utilisation professionnelle de CSP, ce logiciel a complètement répondu à tous mes besoins graphiques à la fois pour le dessin et la conception. Non seulement cela, CSP est également très capable de créer des webtoons, des bandes dessinées et des animations. Tout cela grâce au soutien d'une communauté très active dans le développement d'actifs, de matériaux et de didacticiels comme celui-ci.

 

J'espère que cet article sera des conseils intéressants pour ceux d'entre vous qui recherchent des conseils pour pirater leur temps de travail afin d'être plus efficaces et efficients lors de l'utilisation de CSP.

À propos du pixel art urbain

L'art urbain est un art visuel qui dépeint l'atmosphère de la ville sous différents angles et styles. Dans ce cas, j'ai utilisé une technique de pixel art pour représenter une atmosphère urbaine.

 

Je trouve la difficulté de faire de l'art urbain qui est de déterminer la bonne perspective pour qu'aucune distorsion indésirable ne se produise. Heureusement, CSP fournit des primitives 3D simples et faciles à utiliser.

 

L'idée est d'utiliser des primitives 3D pour créer des mises en page et définir des primitives comme des blocs d'empilement. Après cela, nous pouvons facilement tracer la mise en page 3D qui a été arrangée à l'aide d'un pinceau pixel.

#1 Configuration du fichier

Nous commençons par créer un nouveau fichier. En faisant du pixel art, j'utilise généralement une toile d'une taille de 128px par 128px avec une résolution de 72dpi. Cette taille est parfaite pour créer des images suffisamment détaillées, ni trop étroites ni trop larges pour organiser les pixels.

 

Allez dans Fichier > Nouveau. Ensuite, une boîte de dialogue contextuelle apparaîtra.

La prochaine étape importante dans la création de pixel art sur CSP consiste à configurer et à afficher la "grille". Allez dans le menu Affichage > Grille.

Vous verrez des lignes de grille sur votre toile. Cependant, la grille qui apparaît ne correspond pas aux besoins du pixel art. Par conséquent, nous devons d'abord l'ajuster. Revenez au menu Affichage > Paramètres de la grille/barre de règles...

Une fenêtre de dialogue apparaîtra. Définissez le point de départ au centre et définissez le Gap (D) sur 1px. Vous verrez des lignes de grille sur la toile formant de petits carrés sur la toile.

#2 Ajouter des primitives 3D

Une fois que le canevas est prêt, il est temps de placer la primitive 3D sur le canevas. Vous pouvez trouver des primitives 3D dans la section des matériaux du panneau à droite de l'écran. Au début, glissons et déposons le "plan" sur la toile.

Lorsque la primitive 3D est placée sur le canevas, sa position couvrira le canevas, nous devons donc l'ajuster en fonction de nos besoins. Cliquez sur "Centrer l'objet" dans l'onglet des propriétés sous l'objet 3D afin que nous puissions voir l'objet 3D en plein centre de la toile.

Dans ce cas, je veux que le "plan" soit parallèle à la ligne du sol. Utilisez l'outil Opération (Objet) puis cliquez sur l'objet 3D (plan) jusqu'à ce que les lignes de coordonnées apparaissent.

 

Tirez l'axe circulaire qui s'étend au milieu jusqu'à ce que l'objet soit en décubitus dorsal parallèle au sol.

Les axes de ces objets 3D sont incroyables et fonctionnent comme dans un logiciel 3D. Il existe trois types d'axes dont la fonction est de transformation d'objet.

 

L'axe le plus à l'extérieur a une flèche en forme de cube dont la fonction est de mettre à l'échelle l'objet. Le deuxième axe se présente sous la forme de lignes circulaires dont la fonction est de faire pivoter l'objet. L'axe le plus profond a une flèche conique dont la fonction est de déplacer l'objet.

Vous pouvez réorganiser les objets 3D et ajuster leur perspective. Si vous faites attention, il y a des lignes de coupe sur la surface de l'objet. C'est ce qu'on appelle un wireframe. Le nombre de wireframes peut être augmenté dans la section "Sous-divisions" de la propriété Outil [Objet] dans le volet gauche de l'écran.

#3 Empiler des primitives 3D

L'étape suivante consiste à empiler les primitives 3D comme des blocs. Ne pensez pas trop compliqué pour faire un arrangement détaillé. Au début, il vous suffit d'organiser des cubes ou des blocs pour la mise en page principale.

J'ai transformé le cube en bloc et ajusté la perspective pour qu'il ressemble à un bâtiment. Disposez certains blocs en ajustant la position des calques.

Une fois que vous avez assemblé quelques blocs pour l'arrière-plan, réassemblez quelques primitives 3D pour les objets de premier plan. Par exemple, j'enchaîne des blocs et des tubes pour former une voiture.

Ensuite, j'ai également disposé des prismes en poteaux et des avions en pancartes que l'on retrouve habituellement sur les trottoirs.

Le reste, vous pouvez ajouter d'autres séquences primitives 3D selon vos besoins. Dans mon travail, c'est ainsi que j'empile des primitives 3D que j'assemble pour créer une vue de paysage urbain.

#4 Conversion d'une primitive 3D en image raster

Une fois que la pile de primitives 3D a été assemblée dans une mise en page, l'étape suivante consiste à créer une image sur un nouveau calque au-dessus du calque primitif 3D. Mais, dans ce cas, j'essaie de convertir directement un calque primitif 3D en calque raster.

 

Sélectionnez l'un des calques primitifs 3D puis faites un clic droit > Pixelliser.

Le résultat de la conversion ressemblera à ceci sur la toile.

Dans ce cas, je continuerai à dessiner des pixels pour produire une image plus détaillée en utilisant les dessins de base qui ont été créés à l'aide de primitives 3D.

#5 Configurer des outils pour Pixel Art

Il existe plusieurs outils que nous pouvons utiliser pour créer du pixel art avec des paramètres spéciaux. Le premier outil, nous pouvons utiliser "l'outil Figure" tel que les lignes, les courbes et les outils de forme pour créer des objets pixel précis.

Pour utiliser l'outil Figure pour créer du pixel art, nous devons désactiver la fonction Anti-aliasing. L'anti-crénelage est une fonctionnalité qui rend les bords des objets d'image numérique lisses en ajoutant et en manipulant la couleur des échantillons de pixels qui les entourent.

Avec l'anti-aliasing, bien sûr, le pixel art n'aura pas l'air bien. Nous devons donc désactiver cette fonctionnalité dans le panneau de propriétés de l'outil à gauche. Dans la section "Anti-aliasing" il y a plusieurs niveaux, sélectionnez "Aucun".

 

 

Deuxième outil, nous pouvons utiliser "Pen Tool" avec un sous-outil de type Marker et Dot Pen. Ce type de stylo produira un dessin au trait d'une épaisseur de 1px afin que nous puissions facilement créer des objets pixel organiques.

 

 

Troisième outil, nous pouvons utiliser "Fill Tool" pour remplir facilement les champs de pixels. Sélectionnez le type Consulter d'autres couches afin que nous puissions remplir les champs qui se chevauchent même s'il s'agit de couches différentes. Ensuite, dans la propriété de l'outil, décochez "Anti-aliasing" et "Area scaling" (cette fonctionnalité est presque similaire à l'Anti-aliasing qui produit du bruit sur les objets pixel).

 

 

Quatrième outil, bien sûr, nous avons besoin de "l'outil Gomme" pour effacer les pixels inutiles sur le travail. Sélectionnez le type "Vector" pour effacer les pixels sans laisser de trace et dans la section "Anti-aliasing" il y a plusieurs niveaux, sélectionnez "Aucun".

 

 

Le reste, nous pouvons utiliser d'autres outils au besoin.

#6 Pixels de dessin

Maintenant, organisons une fête pixel. Nous commençons par développer une mise en page existante avec des pixels colorés. Avec une mise en page prédéfinie utilisant des primitives 3D, cela facilite le processus d'arrangement des pixels pour créer une certaine perspective.

Comme dans l'exemple ci-dessus, je me contente de suivre les lignes de mise en page existantes pour dessiner des pixels pour former le bâtiment et le trottoir en arrière-plan.

Après avoir dessiné l'arrière-plan, continuez à dessiner des pixels pour les objets devant. Définissez le jeu de couleurs en spécifiant la couleur des ombres et des couleurs claires.

#7 Rendu

Avant de rendre et de publier cette animation. Permettez-moi de vous rappeler que cette animation a des dimensions de 128px par 128px. Donc, si nous le rendons tout de suite, le résultat que nous pouvons voir sera de cette taille.

 

 

Pour cela, nous devons d'abord le redimensionner. Allez dans Édition > Modifier la résolution de l'image. La fenêtre de réglage de la résolution apparaîtra.

 

 

Changez la largeur en 1024px et la hauteur en 1024px. Changez ensuite la méthode d'interpolation en Hard Edges. Ensuite, l'image sera agrandie sans détruire l'arrangement des pixels.

 

Maintenant, rendez cette image. Allez dans Fichier > Exporter (Couche unique) > sélectionnez le format/extension de fichier dont vous avez besoin. Spécifiez un répertoire de stockage.

 

 

J'essaie de continuer à développer ce travail jusqu'à ce qu'il devienne une animation comme celle-ci.

D'ACCORD! C'est tout ce que je peux partager. J'espère que c'est utile et s'il vous plaît, soutenez-moi pour faire plus de conseils.