Comment créer un Porg à partir de Star Wars dans Affinity Designer

Ce que vous allez créer

Les créateurs de Star Wars ont fait un travail remarquable en créant une créature attrayante qui fera fondre votre cœur une fois que vous le verrez. Comme vous l'avez peut-être deviné, nous parlons de porgs! Ces petites créatures duveteuses ressemblant à des oiseaux chat avec d’énormes yeux scintillants et des expressions naïves ne peuvent tout simplement pas vous laisser indifférent. 

Dessine l'un d'entre eux! Nous utiliserons divers outils et fonctions d’Affinity Designer pour rendre le processus simple et amusant..

Nous utiliserons un magnifique croquis de Monika Zagrobelna. Découvrez son tutoriel pour apprendre à dessiner des pages si vous voulez créer votre propre pod doodle!

1. Comment dessiner les yeux du porg

Étape 1

Créons un Nouveau document de 600 x 800 px et utiliser le Outil de placement d'image placer le croquis sur la toile. Nous allons utiliser le Dessine Persona de Affinity Designer, activé par défaut, ce qui signifie que toutes nos formes seront vectorielles, adaptables à n’importe quelle taille et faciles à recolorer et à modifier..

Positionnez l'image au centre et baissez son Opacité à 20% dans le Couches panneau. Définir sa Mode de fusion à Multiplier et Fermer à clé la couche d'esquisse. De cette façon, toutes les lignes resteront visibles lorsque nous commencerons à créer les formes..

Étape 2

Créez un nouveau calque en cliquant sur le bouton Ajouter une couche bouton au bas de la Couches panneau. Placez-le sous la couche d'esquisse et commençons à dessiner.!

Nous allons commencer avec un oeil. Prendre le Outil Ellipse (M) et dessine un 65 x 70 px forme. Vous pouvez ajuster la taille dans le Transformer panneau.

Tourner la forme 15 degrés pour l'adapter à l'oeil sur le croquis.

Étape 3

Prendre le Outil de remplissage (G) et faites glisser le curseur sur la forme pour créer un remplissage en dégradé. Allez au panneau de contrôle en haut et changez le Type à Radial. À partir de là, vous pouvez également modifier les couleurs des parties de dégradé. Cliquez sur le rectangle de nuance pour ouvrir le Pente panneau et ajustez les couleurs des curseurs de dégradé en cliquant dessus et en sélectionnant la couleur appropriée dans la roue chromatique.

Une fois que vous êtes satisfait des couleurs, déplacez la pointe centrale du curseur de dégradé vers le haut pour assombrir la partie supérieure de l'œil..

Étape 4

Dupliquer (Commande-J) l'oeil et rendre la copie plus petite. Remplissez-le avec le dégradé radial du bleu au noir et changez le Mode de fusion à Écran dans le Couches panneau rendant la partie noire transparente.

Déplacez le côté bleu du dégradé vers le haut, créant une harmonie brillante.

Étape 5

Utilisez le Outil Ellipse (M) pour créer quelques points blancs pour les points forts. Baisser le Opacité des spots à 75%, les rendant semi-transparent.

Étape 6

Groupe (Command-G) tous les éléments de l'oeil et dupliquer (Command-J) le groupe. Utilisez le Retourner horizontalement dans le panneau de commande situé en haut pour reproduire la copie et la déplacer du côté opposé du visage. Ajustez sa taille et son angle pour l'adapter à l'esquisse. N'oubliez pas de retourner les reflets blancs car ils doivent rester du même côté à cause de la source de lumière. 

Passons maintenant au corps!

2. Comment créer le corps du porg

Étape 1

Prendre le Outil Ellipse (M) et faisons un 340 x 405 px ovale beige pour le corps. Clique le Convertir en courbes bouton dans le panneau de commande sur le dessus et utilisez le Outil de nœud (A) pour déplacer les noeuds latéraux, créant ainsi une forme en forme d'oeuf adaptée à l'esquisse. 

Étape 2

Créons un autre ovale pour la tête. Si vous avez du mal à positionner les formes, désactivez la Claquer en enlevant la tique du Activer la capture boîte. 

Convertir en courbes et déplacez les noeuds pour les adapter à l'esquisse. Ensuite, sélectionnez les deux formes et utilisez le Ajouter fonction de la Géométrie panneau sur le dessus pour fusionner les deux formes ensemble. Maintenant nous avons une silhouette du corps!

Étape 3

Créer un 75 x 184 px ovale brun pour l'aile. Convertir en courbes et faire sa pointe pointue.

Dupliquer l'aile et déplacez-le vers le côté opposé du corps. Revenir en arrière (Shift-Command- [), placer la deuxième aile derrière le corps.

Étape 4

Revenons aux yeux et ajoutons plus de détails. Dupliquer la forme du globe oculaire et agrandissez légèrement la copie du bas. Remplissez-le de couleur brun foncé pour ajouter de la profondeur. Faites une autre copie en dessous et augmentez sa taille. 

Le remplir avec Linéaire dégradé de brun à blanc et basculez le Mode de fusion à Multiplier, rendant la partie blanche semi-transparente. 

Étape 5

Prenons le Outil Crayon (N) et dessiner les narines. Nous pouvons ajuster le Largeur et d'autres paramètres de l'outil dans le panneau de configuration en haut. Pour plus de précision, activons la Stabilisateur option et définir le Longueur à peu près 10-15. Vérifier la Utiliser le remplissage boîte pour créer des formes colorées.

Dessinez la narine en suivant les lignes de l'esquisse. Maintenant remplissons la narine avec un dégradé pour y ajouter de la profondeur. Pour faire cela plus vite, Copier (Commande-C) la forme du globe oculaire brun-noir, puis sélectionnez la narine et Édition> Coller le style. De cette manière, nous pouvons appliquer tous les dégradés et effets de couleur, en sélectionnant l'apparence d'un élément et en l'appliquant à un autre, ce qui accélère le processus..

Dessine la deuxième narine et Style de collage.

Étape 6

Continuez à utiliser le Outil Crayon (N) dessiner la forme de la bouche. Essayez de garder vos lignes propres et lisses en ajustant la position des nœuds à l’aide de la Outil de nœud (A). Vous pouvez supprimer les nœuds inutiles en les sélectionnant et en appuyant sur Retour arrière (sur Mac). Ajustez la position et l’angle des poignées de noeud et appuyez sur le bouton Alt touche tout en les faisant pivoter si vous souhaitez déplacer les poignées séparément les unes des autres. 

Édition> Coller le style appliquer le même dégradé brun noir à la bouche.

Étape 7

Ajoutons un peu de volume à la forme de la bouche. Utilisez le Outil Crayon (N) dessiner une forme triangulaire sur la mâchoire inférieure. presse Commander-[ à Reculer d'un.

Appliquez le même dégradé linéaire blanc-beige que nous avons autour des yeux et définissez son Mode de fusion à Multiplier.

Étape 8

Dessinez une autre forme sur la lèvre inférieure, comme indiqué dans l'image ci-dessous. Remplissez-le avec le dégradé linéaire du jaune au noir et changez le Mode de fusion à Écran, faire un point culminant.

Étape 9

Dessinez une forme de nez autour des narines, en suivant les lignes du croquis. Ajustez le dégradé pour que les formes se marient bien. 

Placez une ombre douce sous la mâchoire inférieure. Nous pouvons basculer la visibilité du croquis dans le Couches panneau pour vérifier à quoi il ressemble sans les contours.

Étape 10

Maintenant, dessinons une grande forme sur les parties qui seront brunes, en laissant la zone du museau et le ventre intacts.. 

Ne vous inquiétez pas de la pièce qui traverse les bords du corps, vous pouvez facilement la cacher dans la forme du corps! Pour ce faire, sélectionnez la forme brune dans le Couches panneau puis glisser déposer il sur la forme du corps, comme indiqué dans la capture d'écran ci-dessous. Vous verrez toujours le contour de la forme entière si vous la sélectionnez, mais maintenant, il sera placé à l'intérieur du corps, comme s'il s'agissait d'un masque d'écrêtage. Il sera maintenant affiché sous forme de groupe ou de liste déroulante dans Couches panneau.

Utilisez le Outil de nœud (A) éditer la forme en fixant ses nœuds. 

Étape 11

Dessinez une forme de plumes autour des yeux et remplissez-le de couleur orange. 

Étape 12

Gardez les formes nettes et ordonnées en travaillant avec les nœuds et en vous débarrassant de toutes les formes inutiles.. 

Une fois que vous êtes satisfait de la forme, glisser déposer sur la forme du corps dans le Couches panneau. 

Étape 13

Dupliquer la forme et Retourner horizontalement placer la forme sur le côté opposé de la tête. Réduisez légèrement la forme pour l'adapter à la perspective.

Cette fois, faites-le glisser et déposez-le sur le marron forme de sorte qu'il ne traverse pas la zone blanche du museau.

Déplacez tous les éléments des yeux sur le calque et groupe leur. 

Étape 14

Terminer le museau en ajoutant une forme de plumes à son sommet.

Génial! Passons aux pieds!

3. Comment dessiner les pieds du porg

Étape 1

Utilisons le Outil Crayon (N) pour tracer la jambe et le pied de notre porg. 

Dessinez deux formes arquées pour la bande entre les doigts. Glisser déposer la bande forme sur la forme de la jambe dans le Couches panneau pour masquer les pièces inutiles. Utilisez le Outil de remplissage (G) ajouter des ombres sur le web.

Étape 2

Utilisez le Outil Ellipse (M) faire une griffe ovale et Style de collage de la forme brun-noir de la narine. Ajouter une petite surbrillance en haut, en le basculant sur Mode d'écran.

Utilisez un dégradé linéaire pour assombrir le haut de la jambe..

Dupliquer la griffe et sa surbrillance pour ajouter les griffes restantes.

Étape 3

Prendre le Outil Crayon (N) et dessinez une forme arquée sur la jambe. Remplissez-le avec un dégradé brun-noir et réglez-le sur Mode d'écran, créer une harmonie semi-transparente. Glisser déposer la forme sur la jambe, le plaçant à l'intérieur des bords de la forme de la jambe.

Dupliquer la forme arquée et faites glisser la copie vers le bas. presse Command-J quelques fois pour répéter la dernière action, créant plus de copies.

Étape 4

Ajoutez des encoches au reste des doigts. Groupe tous les éléments de la jambe et dupliquer le groupe. Retourner horizontalement et rendre la copie légèrement plus petite et plus étroite pour s'adapter à la perspective. 

Voilà, les jambes sont prêtes! Ajoutons quelques détails à notre porg!

4. Comment ajouter les derniers détails au porg

Étape 1

Faisons du corps plus en trois dimensions. Sélectionnez la forme du corps beige. saisir le Outil de remplissage (G) et faites glisser pour remplir la forme avec un dégradé. Le programme sélectionne automatiquement une couleur plus foncée correspondante pour le dégradé, mais vous pouvez le modifier à partir du menu déroulant. Pente onglet si nécessaire, comme nous l'avons fait précédemment. Changer le Type à Radial rendre le corps sphérique.

Ajoutez également une couleur plus foncée aux formes oranges en utilisant le Outil de remplissage (G).

Étape 2

Ajoutons quelques plumes au ventre du porg. Prendre le Outil Crayon (N) et dessinez une forme à plumes. Remplissez-le avec un dégradé linéaire du beige au noir et passez au Mode d'écran, le rendant semi-transparent. 

Dessinez une autre forme et placez-la sous la première (Commander-[). 

Continuez à ajouter des formes à plumes. Vous pouvez dupliquer les formes précédentes et les alterner, en utilisant le Retourner horizontalement une fonction.

Maintenant notre porg a l'air moelleux!

Étape 3

Ajoutons également quelques plumes à l'aile, en utilisant cette fois une combinaison de couleurs beige-blanche pour le dégradé et en le basculant sur Mode Multiplier assombrir les plumes.

Étape 4

Ajoutez plus de plumes à d'autres zones de notre personnage: aux parties oranges autour des yeux, du front et des côtés du corps.

Vous cherchez bien jusqu'ici! Finissons par ajouter un simple fond.

5. Comment ajouter un arrière-plan simple

Étape 1

Ajoutons quelques touches finales à notre illustration pour la rendre équilibrée et complète.. Ajouter un Nnouvelle couche pour le fond et placez-le sous les autres couches.

Prendre le Outil Rectangle (M) et créer un 600 x 800 px rectangle. Utilisez le Alignement menu dans le panneau de commande en haut pour centrer le rectangle horizontalement et verticalement. 

Remplissez-le avec un dégradé radial allant du jaune au centre à l'orange sur les bords, ajoutant de la profondeur à notre image..

Étape 2

Ajoutons une ombre au sol sous notre porg. Créez un ovale en utilisant le Outil Ellipse (M) et remplissez-le avec un dégradé d'orange à blanc. Met le Type à Elliptique, ce qui rendra le dégradé parfaitement à la forme ovale. 

Met le Mode de fusion à Multiplier, le rendant semi-transparent.

Étape 3

Nous pouvons réellement dupliquer l'ombre et placez une ellipse sous chaque pied du porg.

Toutes nos félicitations! Notre porg est fini!

Emploi super! Notre porg a l'air assez mignon et moelleux pour l'appeler fait! Maintenant vous pouvez Fichier> Exporter dans n'importe quelle taille et format à votre convenance. 

J'espère que vous avez apprécié suivre ce didacticiel et découvrir quelques astuces utiles qui vous aideront dans vos futures illustrations..

Que la force soit avec toi!

Si vous souhaitez apprendre à dessiner des personnages dans Affinity Designer, vérifiez les didacticiels suivants:

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

    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! Rejoins-moi et allons…
    Yulia Sokolova
    Conception de personnages
  • Créer un robot convivial et futuriste dans Affinity Designer

    Dans ce didacticiel, nous allons voyager dans le temps et créer un robot convivial et futuriste dans Affinity Designer. Nous allons utiliser des formes simples pour…
    Yulia Sokolova
    Conception de personnages
  • Comment créer une illustration de dessin animé d'hiver de pingouin dans Affinity Designer

    Dans ce tutoriel, nous allons dessiner un joli pingouin dessinateur, qui nous aidera à nous sentir au chaud et à l'aise par une froide journée d'hiver. Nous allons utiliser des bases…
    Yulia Sokolova
    Concepteur d'affinité
  • Créer une illustration d'automne dans Affinity Designer

    Chaque saison de l'année a sa propre beauté! L’automne est l’un de mes préférés: feuilles rouges et dorées, ciel bleu se reflétant dans les flaques d’eau, gens…
    Yulia Sokolova
    Concepteur d'affinité