Share
Ce que vous allez créerVous avez toujours voulu créer votre propre peau de personnage Minecraft, mais vous ne savez jamais par où commencer? Eh bien, aujourd’hui, c’est votre jour de chance puisque je vais vous donner un aperçu détaillé de l’ensemble du processus et vous montrer comment transformer un modèle de base en un produit fini utilisable..
Si cela vous semble intéressant, prenez rapidement une tasse de café fraîche et rudoyons!
Avant de commencer, je souhaitais souligner que l'ensemble du projet faisait suite à un didacticiel plus ancien, dans lequel je vous ai montré comment créer un personnage isométrique de Minecraft à l'aide de la puissante grille isométrique d'Affinity Designer..
Aujourd'hui, nous allons changer les choses en prenant ce caractère fini et en le traduisant vers Adobe Illustrator, à l'aide d'un modèle personnalisé que j'ai assemblé..
À ce stade, certains d’entre vous pourraient dire qu’il existe de nombreux éditeurs en ligne qui vous permettent d’obtenir un résultat similaire, mais comme j’aime avoir le contrôle total du processus de création du début à la fin, j’ai pris le temps de ensemble un modèle personnalisé que j'ai attaché afin de rendre les choses plus faciles.
Si vous souhaitez recréer le didacticiel dans Affinity, ne vous inquiétez pas, j'ai également créé un modèle séparé pour vous afin que tout le monde puisse participer et s'amuser..
En outre, n'oubliez pas que vous pouvez toujours développer le projet en vous dirigeant vers GraphicRiver, où vous trouverez une grande sélection de pixel art vectoriel..
Cela étant dit, concentrons-nous de nouveau sur le projet et passons directement au projet..
Avant de commencer à travailler sur la peau réelle, nous devons prendre quelques instants et nous préparer en chargeant le modèle de ressource..
Donc, en supposant que vous avez déjà téléchargé, ouvrez-le soit en le chargeant à partir de l'intérieur Illustrateur (Fichier> Ouvrir puis dans le dossier où vous l'avez téléchargé) ou en double-cliquant directement sur le fichier.
Dès que le fichier est chargé, vous pourrez voir le modèle actuel, qui consiste en une base 64 x 64 px propagation filaire du corps du personnage entier, qui a été soigneusement étiqueté afin que vous sachiez exactement ce que chaque forme est.
Puisque nous ne voulons pas modifier le fichier de modèle, nous allons prendre quelques instants pour le sauvegarder en tant que nouveau projet (Fichier> Enregistrer sous), en veillant à lui attribuer un nom personnalisé afin que nous puissions le distinguer ultérieurement des autres.
Si vous ouvrez le Couches panneau, vous pouvez voir que j’ai pris le temps de définir quelques calques distincts pour chaque section du corps, que j’ai individuellement étiquetés, de sorte que vous puissiez facilement les utiliser pour construire progressivement le personnage..
La couche de guides elle-même comporte quelques sous-couches que vous pouvez activer et désactiver afin d'identifier et d'isoler une section spécifique du corps, si vous souhaitez que le processus de conception soit aussi propre que possible..
Lorsque vous commencez à travailler sur le projet réel, je vous recommande de verrouiller toutes les couches, sauf celle sur laquelle vous êtes actuellement, afin de pouvoir vous concentrer sur une section à la fois, ce qui contribuera à rationaliser l'ensemble du processus de conception..
Cela étant dit, passons au processus de création proprement dit, où nous verrons combien il est facile de créer une peau de personnage personnalisée à l'aide de deux simples rectangles..
Dès que notre nouveau fichier de projet est configuré, nous pouvons commencer à travailler sur la peau réelle. Nous le ferons en définissant ses formes principales..
Sélectionnez le Outil Rectangle (M) et en utilisant # 95693D comme votre Remplir couleur, commencez à dessiner sur chacun des différents guides en veillant à positionner les formes obtenues sur leur calque respectif.
Maintenant, comme j'ai déjà un personnage que j'ai créé dans Affinity Designer, je vais copier (Control-C) et coller (Contrôle-F) la conception en Illustrateur, et ensuite utiliser le Outil Pipette (I) pour choisir et appliquer des couleurs sur les différentes parties du corps de la peau en maintenant la Alt clé et puis simplement en cliquant sur eux.
Une fois que toutes nos sections du corps sont disposées, nous pouvons progressivement leur ajouter des détails, et nous le ferons en commençant par la tête. Donc, en supposant que vous soyez sur le bon calque (ce serait le septième), zoomez sur la partie supérieure de l'Artboard et sautons directement dans celui-ci..
Allumer Aperçu pixel mode (Alt-Control-Y), puis dessinez la bouche en utilisant un 2 x 1 px rectangle que nous allons colorier en utilisant # BC9069 puis centrez-le sur la face avant en le plaçant à une distance de 1 px de son bord inférieur.
Ajouter l'oeil droit en utilisant deux 1 x 1 px carrés empilés horizontalement les uns à côté des autres, coloriant celui de gauche à l'aide de #FFFFFF et le droit en utilisant # 402C1B. Une fois que vous avez terminé, sélectionnez et regroupez les deux à l’aide des touches Contrôle-G raccourci clavier, en les positionnant comme dans l'image de référence.
Créez l'œil gauche à l'aide d'une copie (Contrôle-C> Contrôle-F) de celui sur lequel nous venons de terminer, que nous refléterons verticalement (clic droit> Transformer> Reflect> Vertical) puis positionnez-vous du côté opposé du visage.
En utilisant un couple de # 4D3723 rectangles colorés, dessinez la partie avant des cheveux en suivant l’image de référence comme guide principal. Prenez votre temps, et une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes composant la face avant avant de passer à la suivante.
Passez à la partie gauche de la tête et créez la petite boucle d'oreille à l'aide d'un 1 x 1 px rectangle que nous allons colorier en utilisant # E09A50 puis positionner à une distance de 3 px du bord gauche de la plus grande place et 2 px à partir du bas.
Ajoutez le segment de poils du dos à la partie inférieure de la tête à l’aide d’un 8 x 4 px rectangle (# 402C1B), en plus de quoi nous ajouterons un plus petit 4 x 2 px un (# 95693D), que nous regrouperons (Contrôle-G) puis positionnez-vous comme dans l'image de référence. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes de la section actuelle ensemble, en faisant ensuite la même chose pour toute la tête.
Note rapide: Cette étape est facultative si vous avez affaire à des personnages aux cheveux courts. En effet, lorsque vous chargez la peau dans le jeu et déplacez la tête, cela n'a pas l'air bizarre comme si vous aviez des cheveux plus longs..
Une fois que nous avons fini d’ajouter des détails à la tête, nous pouvons passer d’un calque à l’autre et nous concentrer sur le torse, ce que nous affinerons progressivement une section à la fois..
Commencez à travailler sur la partie supérieure du torse en ajoutant la partie arrière du cou de la blouse à l'aide d'un 4 x 1 px rectangle que nous colorierons avec # BF522E puis centrer le centre sur le bord supérieur de la forme sous-jacente.
Ajouter les segments de cheveux en utilisant deux 2 x 4 px des rectangles (# 4D3723), que nous allons positionner sur les côtés comme dans l’image de référence. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les sections composant la section en cours avant de passer à la suivante.
Descendez à la section antérieure du torse et créez la découpe du cou à l’aide d’un 4 x 2 px rectangle (# 95693D) empilés verticalement sur un plus petit 2 x 1 px un (# 95693D), que nous regrouperons (Contrôle-G) puis aligner le centre sur le bord supérieur de la forme sous-jacente.
Dessiner rapidement le collier en utilisant quelques # E09A50 rectangles colorés, que nous allons regrouper (Contrôle-G) et positionnez-le sur la découpe du cou, comme indiqué dans l'image de référence.
Ajouter les segments de cheveux en utilisant deux 2 x 4 px des rectangles (# 4D3723) empilés verticalement sur deux plus petits 1 x 2 px ceux (# 4D3723), que nous regrouperons individuellement (Contrôle-G) puis positionnez-le sur les côtés de la découpe du cou. Une fois que vous avez les formes en place, sélectionnez et groupez (Contrôle-G) tous ensemble avant de passer à la section suivante.
Placez-vous sur la partie arrière du torse, puis ajoutez rapidement les segments de cheveux en utilisant trois 1 px grands rectangles que nous allons colorier en utilisant # 4D3723 puis positionnez-vous comme dans l'image de référence. Une fois que vous avez terminé, assurez-vous de sélectionner et de grouper (Contrôle-G) les trois ensemble, en faisant de même pour toute la section ensuite.
Terminez la section en cours en ajoutant la ceinture à l’aide d’un 24 x 1 px rectangle que nous colorierons avec # 37404D puis positionner à une distance de 1 px à partir du bord inférieur du torse.
Maintenant que nous avons fini de travailler jusqu'au torse, nous pouvons passer à la couche suivante (la quatrième) et ajouter progressivement des détails aux bras, en commençant par le bras droit..
Créez la section latérale extérieure de la manche de la blouse à l'aide d'un 4 x 8 px rectangle que nous colorierons avec # BF522E puis alignez-le sur le bord supérieur de la forme sous-jacente, en veillant à sélectionner et à grouper (Contrôle-G) les deux ensemble ensuite.
Dessinez la partie avant de la manche en utilisant un 4 x 6 px rectangle (# E37047) suivie de deux plus petites (# E37047), que nous regrouperons (Contrôle-G) puis positionnez-vous comme dans l'image de référence. Une fois que vous avez terminé, sélectionnez et regroupez toutes les formes de composition de la face actuelle à l’aide des touches Contrôle-G raccourci clavier.
Ajoutez la partie intérieure de la manche à l’aide d’un 4 x 6 px rectangle que nous colorierons avec # BF522E puis alignez-le sur le bord supérieur de la forme sous-jacente, en veillant à sélectionner et à grouper (Contrôle-G) eux ensemble ensuite.
Créez la partie arrière de la pochette à l'aide d'une copie (Contrôle-C> Contrôle-F) du front, que nous refléterons verticalement (clic droit> Transformer> Reflect> Vertical) puis positionnez-le sur la section de bras correspondante en veillant à supprimer ensuite les formes sous-jacentes.
Puisque nous avons maintenant une version finie du bras droit, nous pouvons rapidement créer celle de gauche en utilisant une copie (Control-C) de celui-ci, que nous allons coller (Contrôle-F) sur la cinquième couche puis ajustez-le en double-cliquant dessus pour entrer Mode d'isolation puis en échangeant les différents côtés, comme indiqué dans l'image de référence. Une fois que vous avez terminé, quittez Mode d'isolation en appuyant Échapper, en veillant à supprimer les formes en dessous avant de passer à l'étape suivante.
Ajoutez le segment de cheveux dans la partie supérieure de la manche gauche (l’épaule) à l’aide d’un 1 x 4 px rectangle que nous colorierons avec # 6D4B31 puis positionnez-la sur son bord gauche, en veillant à sélectionner et à grouper les deux ensemble par la suite à l'aide du bouton Contrôle-G raccourci clavier.
Terminez la partie du corps actuelle en ajoutant le segment de cheveux à l’avant de la manche à l’aide d’un 1 x 2 px rectangle (# 4D3723), que nous allons positionner comme dans l’image de référence. Une fois que vous avez terminé, sélectionnez et regroupez toutes les formes à l’aide des touches Contrôle-G raccourci clavier.
Une fois que nous avons fini d'ajouter des détails aux bras du personnage, nous pouvons passer à la troisième couche, où nous nous concentrerons sur le raffinement des jambes, en commençant par celui de gauche..
Créez la section du côté intérieur de la botte en utilisant un 4 x 5 px rectangle que nous colorierons avec # 37404D puis aligner le bas sur la forme sous-jacente, en veillant à sélectionner et à grouper (Contrôle-G) les deux ensemble ensuite.
Dessinez la partie avant de la botte en utilisant quelques # 37404D rectangles colorés, que nous allons regrouper (Contrôle-G) et la position vue dans l'image de référence.
Ajouter le petit coin de la blouse en utilisant un 2 x 1 px rectangle (# E37047) empilés verticalement sur un plus petit 1 x 1 px un (# E37047), que nous regrouperons (Contrôle-G), puis alignez-vous sur le coin supérieur droit de la forme sous-jacente. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes composant la section actuelle avant de passer à la suivante.
Ajoutez la partie externe de la chaussure à l’aide d’un 4 x 5 px rectangle (# 37404D), que nous centrerons sur le bord inférieur de la plus grande forme, en veillant à regrouper (Contrôle-G) les deux ensemble ensuite.
Créez le segment latéral du coin inférieur de la blouse en utilisant un 4 x 2 px rectangle que nous colorierons avec # E37047 puis alignez-vous sur le bord supérieur de la plus grande forme sous-jacente. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes composant la section actuelle avant de passer à la suivante.
Ajoutez les détails du dos à la jambe en utilisant une copie (Contrôle-C> Contrôle-F) de la première, que nous allons positionner à droite puis ajuster comme dans l’image de référence. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les sections composant la jambe avant de passer à l'étape suivante.
Terminez la peau en ajoutant les détails à la jambe droite en utilisant une copie (Control-C) de celui sur lequel nous venons de terminer, que nous allons coller (Contrôle-F) sur le calque approprié (le second), puis ajustez-le en permutant ses sections comme dans l’image de référence. Une fois que vous avez terminé, n'oubliez pas de supprimer les formes sous-jacentes avant d'appuyer sur le bouton de sauvegarde.
Bon, nous avons maintenant une peau entièrement fonctionnelle, ce qui signifie que tout ce que nous avons à faire est de l'exporter pour pouvoir ensuite l'introduire dans Minecraft..
Avant de créer l’exportation réelle, vous devez ouvrir le Couches panneau et masquer la couche de guides, sinon votre peau finira par avoir des impuretés.
Dès que les guides sont masqués, vous pouvez facilement exporter le dessin final en allant sur Fichier> Exporter> Enregistrer pour le Web (ou en utilisant le Alt-Shift-Control-S raccourci clavier), où nous voudrons définir la Format de fichier à PNG-24, en veillant à vérifier le Transparence option.
Maintenant que nous avons notre design exporté, tout ce que nous avons à faire est de lancer le jeu et de télécharger cette jolie fille.!
Une fois le chargement du jeu terminé, cliquez sur la petite icône représentant un cintre située dans la partie inférieure droite de la fenêtre principale, juste en dessous de votre nom d'utilisateur et de votre aperçu du personnage..
Une nouvelle fenêtre devrait apparaître, vous donnant la possibilité de choisir un nouveau skin.
Naviguez jusqu'au dossier où vous avez exporté le skin, puis double-cliquez dessus pour le télécharger dans le jeu..
Le jeu vous demandera ensuite de choisir le type de modèle adapté à votre peau, qui dans notre cas est celui de droite avec les bras les plus épais..
Après cela, tout ce que vous avez à faire est de cliquer sur le bouton Confirmer vous pouvez alors commencer à jouer avec votre skin personnalisé que vous avez assemblé.
Voilà, collègues joueurs de Minecraft, un tutoriel simple et convivial sur la création de votre propre skin personnalisé, en utilisant rien de plus que quelques rectangles..
Comme toujours, j'espère que vous avez eu du plaisir à travailler sur le projet et que vous avez surtout appris quelque chose de nouveau et d'utile en cours de route..
Si vous avez des questions, n'hésitez pas à les poster dans l'espace commentaires et je reviendrai vers vous dès que je pourrai.!
Accentsconagua