Share
Ce que vous allez créerDans le didacticiel d'aujourd'hui, nous allons entreprendre un voyage créatif au pays de Minecraft et apprendre à créer un mignon petit personnage à l'aide de la grille isométrique pratique d'Affinity Designer..
Donc, en supposant que vous soyez un fan du jeu, prenez rapidement une recharge de café et passons directement à l'action!
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..
En supposant que vous avez déjà Affinity en service, configurons un Nouveau document en allant à Fichier> Nouveau (ou en utilisant le Contrôle-N raccourci clavier) que nous ajusterons comme suit:
Dès que nous aurons créé notre document, nous voudrons créer une grille isométrique personnalisée, qui servira de guide visuel pour dessiner les formes de notre personnage..
Pour ce faire, il suffit d'aller à Vue> Gestionnaire de grilles et d'axes, où nous allons d'abord activer le Afficher la grille option, puis décochez la case Utiliser la grille automatique un afin que nous puissions en créer un personnalisé comme suit:
Une fois que la grille est configurée, nous devons nous assurer que nos formes s’y alignent bien, alors allez à Affichage> Gestionnaire de capture (ou utilisez le petit Aimant icône) où nous allons nous assurer qu'il est activé, puis décochez toutes les options sauf le Aligner sur la grille un.
Normalement, nous aurions le Forcer l'alignement des pixels option activée, mais en raison des angles des lignes de la grille, nos formes finiront par avoir des valeurs délimitées par des virgules, qui, comme vous le savez, ne peuvent pas être alignées sur le Pixel Grid.
Comme vous pouvez le constater, la grille résultante est composée de plusieurs 16 px grands losanges, qui ont 4 subdivisions le long de chacun de leurs côtés (16 au total), qui deviennent clairement visibles une fois que vous les zoomez. Nous allons les utiliser pour définir la taille de chaque forme, en utilisant les bords extérieurs du losange comme Largeur unité de mesure et sa hauteur verticale intérieure en tant que la taille mesurer un.
Pour que les choses restent simples, je vais utiliser une simple annotation où R= un bord / hauteur du losange plus grand, et un petit r = un bord / hauteur de la plus petite division.
Dès que nous avons créé notre grille isométrique personnalisée, nous pouvons commencer à travailler sur le personnage lui-même. Nous le ferons en créant une version vierge de son corps entier, section par section..
En utilisant le Outil stylo (P), dessiner la partie antérieure des jambes à l'aide d'un 6 x 4 R forme que nous colorierons avec # 596C7B puis positionner comme dans l'image de référence.
Ajouter la partie latérale des jambes en utilisant un 2 x 6 R forme que nous colorierons avec # 384C57 puis positionnez-vous sur le côté droit du précédent.
Maintenant que nous avons les formes principales des jambes, nous pouvons monter et commencer à travailler sur le haut du corps, ce que nous allons créer une forme à la fois..
Commencez par créer le torse à l'aide d'une copie (Control-C > Contrôle-V) de la section avant des jambes, que nous allons positionner au-dessus, en veillant à changer sa couleur en # E47145.
Avec le torse en place, nous pouvons maintenant commencer à travailler sur les bras et les épaules du personnage..
Créez la forme principale du bras gauche en utilisant un 2 x 6 R rectangle que nous colorierons avec # 96693B puis positionnez-le à côté du torse, comme indiqué dans l'image de référence.
Ajoutez la partie avant de la main droite en utilisant une copie (Control-C> Contrôle-V) de celui sur lequel nous venons de terminer, que nous positionnerons du côté opposé du torse.
Créez la section latérale à l'aide d'une copie (Control-C> Contrôle-V) de la forme que nous venons de créer, que nous allons refléter horizontalement (clic droit> Transformer> Retourner horizontalement), puis se positionner sur son côté droit.
Ajouter les épaules et la partie supérieure du torse en utilisant une seule forme, que nous allons colorier en utilisant # E58047 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) toutes les formes composant le haut du corps ensemble avant de passer à la section suivante.
Comme à ce stade nous avons à peu près toutes les sections du corps du personnage, nous pouvons avancer et nous concentrer sur la création des formes principales pour sa tête..
Commencez par dessiner la partie avant à l’aide d’un 4 x 4 R forme que nous colorierons avec # 96693B puis positionnez-vous sur le corps comme indiqué dans l'image de référence.
Ajoutez la section latérale en utilisant une copie (Control-C> Contrôle-V) de la forme que nous venons de créer, que nous colorierons à l'aide de # 3E2815 puis placez-le sur le côté droit, en veillant à le refléter horizontalement (clic droit> Transformer> Retourner horizontalement).
Terminer la tête en tirant un 4 x 4 R forme que nous allons colorier en utilisant # 6D4A2D puis placez-vous au-dessus des deux rectangles, comme indiqué dans l'image de référence. Une fois que vous avez terminé, sélectionnez et regroupez les trois formes à l’aide des touches Contrôle-G raccourci clavier.
Conseil rapide: à ce stade, ce serait une bonne idée de commencer à organiser notre projet en ouvrant le Couches panneau et nommer les différentes sections que nous avons regroupées, afin que nous puissions plus facilement cibler et naviguer dans les parties du corps de notre personnage.
Maintenant que nous avons la version vierge de notre personnage, nous pouvons commencer à lui ajouter des détails, et nous le ferons de haut en bas..
Dessine la bouche avec un 4 x 2 r forme que nous colorierons avec # BD9169 puis positionnez-vous vers le bord inférieur de la section avant de la tête, comme indiqué dans l'image de référence.
Créez l'œil gauche à l'aide de deux 2 x 4 r formes (une couleur en utilisant #FFFFFF et un utilisant # 3E2815), que nous regrouperons (Contrôle-G) puis se positionner sur la partie supérieure gauche de la bouche, à une distance de seulement 1 r de son bord supérieur.
Ajoutez l'oeil droit en utilisant une copie de celle que nous venons de regrouper, que nous positionnerons du côté opposé de la bouche, en veillant à inverser les couleurs..
Avec les deux yeux en place, nous pouvons dessiner rapidement le segment des cheveux (# 4C341E) en utilisant l’image de référence comme guide principal. Prenez votre temps et une fois que vous avez terminé, passez à l'étape suivante..
Terminez en détaillant la section en cours en ajoutant la petite boucle d'oreille dorée à l'aide d'un 1 x 2 r forme que nous colorierons avec # E19B4F puis positionnez-le sur la section latérale de la tête en l'alignant sur la ligne des yeux inférieure. Une fois que vous avez terminé, sélectionnez et regroupez tous les détails de la tête (Contrôle-G) avant de passer à la section suivante.
Maintenant que nous avons fini de travailler sur la tête, nous pouvons nous concentrer sur le corps du personnage, où nous commencerons progressivement à ajouter des détails..
Créez la section avant de la manche gauche à l'aide d'une copie (Control-C> Contrôle-V) de la forme principale du bras, que nous ajusterons ensuite en modifiant d'abord sa couleur # E47145 puis en coupant sa hauteur de moitié.
Ajoutez la partie avant de la manche droite avec une copie (Control-C> Contrôle-V) de celui sur lequel nous venons de terminer, que nous positionnerons du côté opposé du torse.
Dessinez la partie inférieure du manchon en utilisant l’image de référence comme guide principal, en veillant à sélectionner et à grouper (Contrôle-G) les deux formes ensemble une fois que vous avez terminé.
Créez la section inférieure de la manche droite en utilisant le même processus que celui utilisé pour la gauche, en veillant à sélectionner et à regrouper la forme résultante et la section avant à l’aide de la touche Contrôle-G raccourci clavier.
Créez la section latérale de la manche droite à l'aide d'une copie (Control-C> Contrôle-V) du bras, que nous ajusterons en réglant d'abord sa couleur sur # C0512A puis raccourcir sa hauteur de 6 R à 4 R.
Ajoutez la découpe du cou en utilisant l’image de référence comme guide principal, en veillant à colorier la forme obtenue à l’aide de # 96693B.
Séparez la partie antérieure de la tête du cou en utilisant un 8 x 2 r bloc, que nous allons colorier en utilisant # 784A27 et positionner sur la découpe.
Avec le Remplir couleur définie à # 4C341E, dessinez les segments de cheveux avant en utilisant l’image de référence comme guide principal. Prenez votre temps et une fois que vous avez terminé, passez à l'étape suivante..
Ajoutez les segments de cheveux d'épaule en utilisant # 4C341E pour la section avant et # 3E2815 pour le premier, en veillant à sélectionner et à grouper les deux ensemble par la suite à l'aide du bouton Contrôle-G raccourci clavier.
Tirez la ceinture avec un 16 x 2 r forme que nous colorions avec # 343E4C puis positionner à une distance de 2 r à partir du bord inférieur de la partie avant de la chemise.
Ajoutez les détails du bas de la chemise à l'aide d'une copie (Control-C> Contrôle-V) de ceux que nous venons de créer pour les manches, que nous positionnerons comme dans l'image de référence.
Terminez le processus de détail de la partie actuelle de l’illustration en ajoutant la partie latérale du bas de la chemise que vous colorierez à l’aide de # C0512A. Une fois que vous avez terminé, créez des groupes individuels (Contrôle-G) des différentes sections, en les positionnant dans les formes principales à l’aide du Couches panneau.
Maintenant que nous avons fini d'ajouter les différents détails au haut du corps, nous pouvons nous concentrer davantage sur les jambes et ajouter progressivement des détails à ceux-ci..
Commencez par créer la section latérale du démarrage, en utilisant une copie (Control-C> Contrôle-V) de la jambe sous-jacente, que nous ajusterons en définissant d'abord sa couleur # 152028 puis raccourcir sa la taille pour juste 14 r.
Avec la couleur réglée sur # 343E4C, dessinez la forme principale de la section avant de la chaussure du pied droit en utilisant l'image de référence comme guide principal.
Terminez en détaillant les jambes, et avec elles l’illustration elle-même, en ajoutant le coffre gauche en utilisant une copie (Control-C> Contrôle-V) de celui sur lequel nous venons de terminer, que nous positionnerons sur le côté gauche des jambes. Une fois que vous avez terminé, sélectionnez et regroupez tous les détails à l’aide des touches Contrôle-G raccourci clavier, avant d'appuyer sur le bouton de sauvegarde.
À ce stade, vous avez peut-être remarqué que certaines des formes voisines de notre personnage finissaient par avoir de petites lacunes blanches, ce qui est lié à la façon dont le logiciel gère le repliement, problème qui préoccupe les gens de Serif..
La méthode officielle pour résoudre ce problème ennuyeux consiste à ajouter des copies des formes, le cas échéant, que j'ai testées et qui semblent fonctionner. Ce n'est pas une méthode parfaite, mais c'est tout ce que nous avons jusqu'à la mise à jour du logiciel..
Voilà, chers amis de Minecraft, un mignon petit personnage créé à l'aide de la puissante grille isométrique d'Affinity..
Comme toujours, j'espère que vous avez réussi à suivre chaque étape et surtout à apprendre quelque chose de nouveau et d'utile en cours de route..
Cela étant dit, si vous avez des questions, n'hésitez pas à les poster dans la section commentaires et je vous reviendrai dès que je pourrai.!
Accentsconagua