Comment concevoir un personnage de réalité virtuelle dans Affinity Designer

Ce que vous allez créer

Dans ce didacticiel, nous allons passer en revue le processus passionnant de conception d'un personnage de dessin animé de zéro à la pièce finale! Rejoignez-moi et voyons comment nous pouvons animer notre croquis approximatif en transformant des formes géométriques, en appliquant des dégradés et en utilisant divers outils et fonctions de Draw Persona of Affinity Designer pour rendre le processus simple et amusant! Commençons!

À la fin de ce didacticiel, vous créerez un personnage de fantaisie dans une pose dynamique et pourrez utiliser ces techniques pour créer des caractères vectoriels uniques à partir de vos croquis! Si vous avez besoin d’inspiration pour vos projets futurs, dirigez-vous directement vers GraphicRiver et découvrez la variété de caractères vectoriels disponibles.!

1. Comment dessiner la tête et le nez de l'enfant

Étape 1

Tout d'abord, nous avons besoin d'un croquis. Il peut s'agir d'un doodle grossier griffonné sur un morceau de papier ou un morceau numérique créé dans n'importe quel logiciel de CG utilisant une tablette graphique.

Voici un croquis d'un garçon que j'ai fait auparavant. Vous pouvez créer le vôtre ou simplement télécharger celui-ci en cliquant dessus avec le bouton bouton droit de la souris et en choisissant Enregistrer sous.

Étape 2

Créer un Nouveau document de 800 x 600 px taille et utiliser le Outil de placement d'image importer votre croquis et l'intégrer dans la toile.

Sélectionnez l'esquisse dans le Couches panneau et diminuer sa Opacité à 50%. Met le Mode de fusion à Multiplier, rendant l'image semi-transparente. De cette façon, nous pourrons voir tous les éléments que nous allons créer sous l'esquisse.

Étape 3

Créer un Nouvelle Couche et faites-le glisser sous la couche d'esquisse.

Commençons par créer la tête. Utilisez le Outil Ellipse (M) faire un 130 x 120 px forme. Clique le Convertir en courbes bouton dans la barre d’outils de contrôle en haut pour pouvoir modifier la forme.

Sélectionnez le noeud de gauche en utilisant le bouton Outil de nœud (A) et faites glisser le nœud vers le bas, en le combinant avec le point extrême de la joue du garçon sur le croquis.

Tirez la poignée vers le haut pour que l'ovale corresponde aux lignes de l'esquisse.

Étape 4

Appliquons le remplissage dégradé à notre forme afin de lui donner un peu de volume. Sélectionnez la forme, prenez le Outil de remplissage (G), et cliquez et faites glisser à travers la forme. Nous pouvons maintenant éditer les couleurs: soit en sélectionnant les curseurs de cercle du fond en dégradé et en ajustant leurs couleurs Couleur panneau, ou en jouant avec les réglages du Remplir fenêtre d’options dans la barre d’outils de contrôle en haut. Ouvrez le Remplissage en dégradé panneau et cliquez sur les curseurs de la barre de dégradé pour ajuster les couleurs.

Rendre le bas du visage légèrement plus foncé que le front.

Étape 5

Utilisez le Outil Ellipse (M) faire une oreille. Appliquer un Remplissage linéaire en lui rendant le bout de l'oreille rose. Convertir en courbes et déformer légèrement l'oreille, le faisant correspondre à l'esquisse.

Étape 6

Ajoutons des détails à l'oreille en utilisant le Outil Crayon (N). Faites un trait arqué et réglez le Accident vasculaire cérébral couleur au brun dans le Couleur panneau. Ajustez les paramètres à partir de la barre d’outils de contrôle en haut ou du Accident vasculaire cérébral panneau, réglage du Largeur valeur à 5 pt et le Manette à Pression.

Nous pouvons déplacer les nœuds du trait en utilisant le Outil de nœud (A) afin de rendre la ligne lisse.

Ajouter un autre trait plus court en l'attachant au premier.

Étape 7

Voici à quoi ressemble la base de la tête si nous basculons la visibilité du calque d'esquisse.

Étape 8

Maintenant, dessinons un nez. Utilisez le Outil Crayon (N) faire une drôle de forme en forme de goutte cintrée. Vous pouvez également utiliser le Outil stylo (P) ce qui vous donne plus de contrôle sur les nœuds.

Étape 9

Remplissez le nez avec un dégradé linéaire diagonal du rouge au rose. Ajoutez une forme de goutte plus petite sur le bout du nez et appliquez un dégradé plus clair pour créer un effet de brillance..

Étape 10

Rendez l'esquisse invisible et assurez-vous que tous les détails et la couleur s'harmonisent bien.

2. Comment dessiner un casque de réalité virtuelle

Étape 1

Utilisez le Outil Rectangle Arrondi (M) faire un 95 x 45 px forme remplie d'un dégradé linéaire gris foncé. Nous pouvons ajuster le Coin rayon de la barre d'outils de contrôle en haut avant nous Convertir la forme aux courbes (afin de le rendre éditable).

Une fois la forme est converti, Utilisez le Outil de nœud (A) pour ajouter des nœuds et déplacer les poignées de nœud, en adaptant la forme à la perspective et en combinant les arêtes aux contours de l'esquisse. Créez un petit arc sur la zone de pont du VR et placez le nez du garçon sur le VR en le sélectionnant et en appuyant sur Shift-Control-].

Étape 2

Ajoutons maintenant un élément bleu brillant au-dessus du casque VR. Utilisez le Outil Rectangle Arrondi (M) faire un 30 x 10 px le façonner et le faire pivoter -15 degrés. Ouvrez le Effets panneau (vous pouvez le trouver à côté du Couches panneau) et cochez la Lueur externe case à cocher. De là, nous pouvons ajuster la couleur de la lueur et d'autres paramètres de cet effet.

Convertir la forme aux courbes et rendre sa partie droite légèrement plus étroite pour l'adapter à la perspective.

Étape 3

Ajoutons des détails au casque. Sélectionnez-le et cliquez sur le Insérer dans la sélection bouton dans le Insérer une cible panneau. Vous pouvez le trouver dans le coin supérieur droit de la barre d’outils de contrôle en haut..

Maintenant, nous pouvons utiliser les formes géométriques ou les outils de dessin (les Outil Crayon (N) ou la Outil stylo (P)) pour ajouter deux bandes rectangulaires en bas et en haut du kit VR.

Remplissez la bande supérieure de couleur gris clair et la bande inférieure de couleur gris foncé, ce qui rend le casque plus tridimensionnel..

Étape 4

Continuez à utiliser l'un des outils de dessin pour représenter la bouche en traçant la forme du croquis.. Remplir il a une couleur blanche pour les dents et ajoute des traits plus sombres sur le dessus, décrivant les rides de la peau.

Ajuste le Largeur des traits, en réglant le paramètre sur 5.5 pt.

Étape 5

Revenons à l'ensemble de la réalité virtuelle et créons son élément latéral. Utilisez le Outil Rectangle (M) créer un 20 x 40 px forme grise et Convertir en courbes. Réorganisez les objets en plaçant le rectangle sous l’ensemble VR. Déplace les points d'ancrage du rectangle en élargissant son côté droit.

Dupliquer (Commande-J) le rectangle et transformons-le en une sangle. Tout d'abord, changeons la couleur de remplissage. Copier (Commande-C) la forme VR gris foncé, puis sélectionnez le rectangle et Édition> Coller le style, De cette façon, appliquer le remplissage dégradé gris foncé à la forme.

Maintenant, nous pouvons sélectionner et faire glisser les nœuds supérieur et inférieur gauche du rectangle vers le côté opposé, en retournant la forme «à l'envers»..

Étape 6

Étirez la sangle derrière l'oreille. Placez l'oreille et ses éléments sur la sangle (Shift-Command-]).

Étape 7

Passons à autre chose et créons une coiffure. Dessinez la silhouette en vous servant de notre croquis et appliquez un remplissage linéaire du rouge au brun. Utilisez le Insérer dans la sélection fonction pour tracer des lignes brun foncé à l'intérieur de la forme du cheveu, illustrant des mèches séparées.

Étape 8

Terminez le visage du garçon en maculant des taches de rousseur sur ses joues. Utilisez le Outil Ellipse (M) tout en maintenant Décalage faire les cercles même.

Créer un rectangle d’environ 15 x 20 px taille pour le cou. Appliquez un remplissage linéaire en rendant le haut de la forme légèrement plus foncé que le visage.. Convertir il aux courbes et déplacez les noeuds, en rendant sa partie inférieure plus étroite.

3. Comment dessiner le corps dans une pose dynamique

Étape 1

Prendre le Outil Rectangle (M) et commençons à concevoir le t-shirt! Faire un 60 x 115 px rectangle et appliquer un remplissage linéaire violet foncé, assombrissant le bas de la forme.

Convertir en courbes, prendre le Outil de nœud (A), et faisons glisser les nœuds dans des directions opposées, en les collant aux épaules et aux bords inférieurs du t-shirt de notre croquis.

Cliquez et faites glisser le côté du rectangle afin de plier son bord, le faisant correspondre à l'esquisse.

Faites en sorte que les bords gauche, droit et inférieur du rectangle soient cambrés afin qu'il ait l'air plus caricatural.

Créez un nœud supplémentaire au milieu du bord supérieur et faites-le glisser vers le haut du cou du personnage..

Étape 2

Maintenant, nous allons ajouter les manches. Créez un rectangle sur le côté gauche du corps et appliquez le même remplissage linéaire violet..

Convertir en courbes et déplacez les nœuds en attachant la manche au t-shirt.

Étape 3

Nous pouvons allumer le Claquer fonction pour faciliter la combinaison des nœuds. De cette façon, nous pouvons aligner les nœuds et voir à quel point ils se chevauchent.

Étape 4

Ajouter la deuxième manche en faisant correspondre tous les éléments.

Étape 5

Tirons les bras. Utilisez le Outil Crayon (N) (ou la Outil stylo (P)) faire un trait arqué.

Ouvrez le Accident vasculaire cérébral panneau (ou le Accident vasculaire cérébral menu dans le panneau de commande en haut) et réglez le Largeur à 14 pt, rendre la ligne assez épaisse. Met le Casquette à Casquette ronde.

Ouvrez le Pression paramètres et ajuster le graphique pour rendre le bras plus épais à l’épaule et au poignet en déplaçant les points du graphique comme indiqué sur l’image ci-dessous.

Étape 6

Nous allons maintenant créer une main à partir d'un cercle. Utilisez le Outil Ellipse (L) faire un 22 x 21 px forme. Convertir il aux courbes et commencez à modifier la forme en formant une paume. Maintenez la Option clé et utiliser le Outil de nœud (A) afin de tirer et de déplacer les poignées du noeud indépendamment les unes des autres.

Utilisez le Outil Crayon (N) dessiner un pouce. Rendre son remplissage dégradé légèrement plus léger (surtout au sommet du pouce) pour le séparer de la paume.

Étape 7

Utilisez le Outil Rectangle Arrondi (M) pour créer les doigts. Tournez-les légèrement et faites varier la longueur de chaque doigt.

Étape 8

Représentons le contrôleur de mouvement dans la main du garçon. Commencez par faire un 30 x 30 px cercle rose en utilisant le Outil Ellipse (M).

Basculer vers le Outil Rectangle (M) et faire un 45 x 12 px forme avec le même remplissage linéaire gris foncé que nous avons pour l'ensemble VR.

Convertir en courbes et remodeler le rectangle en faisant une poignée de cylindre. Réorganisez l’objet en plaçant la poignée entre les doigts et la paume de la main Couches panneau.

Étape 9

Dupliquer (Control-J) le bras et utiliser le Se transforme fonction dans le panneau de commande sur le dessus pour Retourner horizontalement. Modifiez la copie pour créer le second bras et la seconde main en tenant le contrôleur de mouvement bleu..

Étape 10

Ajoutons le collier au t-shirt en utilisant le bouton Insérer une cible une fonction. Sélectionnez le t-shirt et cliquez sur le bouton Insérer dans la sélection bouton. Utilisez le Outil Ellipse (M) ou la Outil Crayon (N) faire un petit ovale et le remplir de couleur de peau, en le faisant correspondre au cou du personnage.

Étape 11

Maintenant nous passons aux jambes! Utilisez le Outil Rectangle (M) faire un 30 x 155 px forme bleu grisâtre. Convertir en courbes et déplacez les points à l'aide du Outil de nœud (A). Pliez les bords du rectangle en les ajustant aux lignes de l'esquisse.

Étape 12

Ajustez la jambe pour la rendre plus caricaturale et flexible. Appliquez un dégradé linéaire en assombrissant le bas du jean.

Étape 13

Dessinez la deuxième jambe en suivant les lignes de l’esquisse et, une fois satisfait de sa forme, sélectionnez les deux jambes et appliquez le Ajouter une opération à partir du panneau de commande situé en haut pour fusionner les deux objets.

Utilisez le Insérer dans la sélection fonction pour dessiner un trou rectangulaire sur le genou gauche de notre personnage.

4. Comment dessiner les Gumshoes

Étape 1

Maintenant que les jambes sont prêtes, allons de l'avant et décrivons ces gumshoes. Commencez par former une semelle à partir d'un 70 x 8 px rectangle gris clair. Faire une ligne plus mince et plus sombre sur la semelle.

Créer un autre 70 x 8 px rectangle sur le premier et remplissez-le de couleur gris foncé. Convertir en courbes, prendre le Outil de nœud (A), ajoutez un nœud sur le bord supérieur et faites-le glisser vers le haut.

Étape 2

Formons le bout du gumshoe. Dupliquer (Commande-J) la semelle et raccourcir le rectangle. Convertir en courbes et courbez son bord supérieur en faisant une grande arche. Supprimez les nœuds inférieurs ou déplacez-les vers le haut, en plaçant la pointe à sa place.

Étape 3

Utilisez le Insérer dans la sélection fonction pour dessiner quelques encoches arquées à l’intérieur de la coquille. Ajouter deux boucles pour les anneaux.

Dupliquer (Commande-J) et Retourner horizontalement pour créer la chaussure opposée.

Étape 4

Ajoutons quelques détails supplémentaires aux jeans. Continuer à utiliser le Outil Crayon (N) (ou la Outil stylo (P)) pour faire un bleu foncé 1 pt course pour la poche.

Faire la ligne Dashed dans le Accident vasculaire cérébral panneau, et régler le Tiret valeur à 2 et le Écart valeur à 3, créer un point.

Ajoutez plus de traits et de points de suture aux jeans pour qu'ils soient plus vrais que nature.

Étape 5

Cachons notre couche d'esquisse et examinons l'aspect général de notre personnage pour voir si chaque partie est au bon endroit. Nous pouvons ajouter des détails mineurs à notre goût. Par exemple, ici, j'ai ajouté un symbole d'objectif plat au t-shirt du garçon. J'ai également placé une ellipse écrasée sous ses pieds, de sorte qu'il se trouve à plat sur le sol.

5. Comment créer un fond avec des symboles

Étape 1

Maintenant que notre personnage est terminé, donnons à l'ensemble de la composition une apparence équilibrée en ajoutant des détails mineurs à l'arrière-plan..

Créer un Nouvelle Couche et placez-le sous toutes les autres couches de la Couches panneau.

Créer un grand rectangle jaune clair. Convertir il aux courbes et déplacez les noeuds supérieurs dans des directions opposées, en élargissant la partie supérieure de la forme.

Étape 2

Utilisez différentes formes personnalisées d'Affinity Designer pour remplir l'arrière-plan de symboles. Vous pouvez trouver toutes les formes fantaisistes dans le même menu déroulant que le Outil Triangle. Notez que chaque forme a ses propres paramètres et ajustements disponibles dans la barre d’outils de contrôle en haut..

Met le Remplir couleur des formes à aucun et la Accident vasculaire cérébral couleur au bleu vif. Ajuste le Largeur des éléments dans le Accident vasculaire cérébral panneau et faire les contours Dashed.

Impressionnant! Notre personnage VR Cartoon est terminé!

Vous avez fait un excellent travail, mes amis, et créé avec succès votre personnage de dessin animé dans Affinity Designer.! 

J'espère que vous avez apprécié suivre ce didacticiel et apprendre de nouveaux conseils et astuces qui peuvent vous aider à comprendre les principes du travail avec des formes simples et des dégradés afin de donner aux éléments une apparence dynamique et diversifiée.. 

Continuez à concevoir vos propres personnages de fantaisie et appliquez ces techniques pour transformer vos croquis en illustrations vectorielles finies.!

S'amuser!