Comment créer une carte à jouer Queen of Hearts avec Affinity Designer

Ce que vous allez créer

Aujourd'hui, nous allons vivre une aventure d'apprentissage en utilisant quelques outils et fonctions de base d'Affinity Designer, afin de créer une carte à jouer "Reine des coeurs" simple et amusante.!

Nous verrons étape par étape comment concevoir et créer une illustration mignonne et colorée à l’aide de formes géométriques de base, associée à des traits et des effets, afin de personnaliser notre première carte à jouer..

À la fin de ce didacticiel, vous pourrez personnaliser votre propre carte à jouer "Queen of Hearts" et appliquer les nouvelles techniques pour créer le reste du jeu! Si vous avez besoin de graphiques supplémentaires, rendez-vous à GraphicRiver pour voir ce que vous pouvez ajouter à l'illustration.!

1. Comment configurer l’artboard et les guides

Étape 1

Nous allons commencer par configurer notre espace de travail.

Créer un document de carte à jouer au format poker. 

  • Type: Impression 
  • Présélection de page: Douane
  • Unités de document: Millimètres
  • Couleur: CMJN / 8
  • DPI: 300
  • Largeur de page: 63,5 mm
  • Hauteur de la page: 88,9 mm
  • Marge de gauche: 8,2 mm
  • Marge droite: 8,2 mm
  • Marge supérieure: 8,2 mm
  • Marge inférieure: 8,2 mm
  • D'accord

Étape 2

Mettons en place les guides du centre. 

Voir> Gestionnaire de guides ouvrir le Gestionnaire de guides panneau. Sélectionnez le Ajouter un nouveau guide horizontal icône puis le Ajouter un nouveau guide vertical icône pour créer des guides de centre précis sur la planche, et Fermer.

Voir> Afficher les marges.

Fichier> Enregistrer (Command-S) et nommez le fichier "Queen_of_Hearts". Maintenant, nous sommes tous prêts à ajouter nos œuvres.!


2. Comment dessiner le motif de la bordure de carte 

Étape 1

Commençons par créer la bordure autour de notre carte. Nous allons dessiner la moitié du motif de la carte et le refléter plus tard.

Sélectionnez le Outil de texte artistique (T) ajouter du texte artistique à la conception. Texte> Afficher le personnage (Command-T).

En haut à gauche de la marge, faites glisser le curseur Outil de texte artistique (T), et tapez unmajuscule "Q" avec un rouge Remplir, dans 27 pt taille de police.

Puis déplacez-vous vers le Effets panneau, et appliquer un rouge foncé Ombre intérieure, avec un Rayon de 9 px.

Étape 2

Suivant Activer la capture, afin que nous puissions nous assurer que tous nos objets seront positionnés et alignés avec précision sur les autres objets et le document. Pour activer / désactiver la capture, cliquez sur Claquer (icône de l'aimant) dans la barre d'outils principale ou sur le bouton situé à côté du menu contextuel des préréglages et vérifiez Activer la capture.

Du Outils panneau, cliquez et maintenez le Outil Triangle icône pour ouvrir une liste déroulante de formes personnalisées. Sélectionnez le Cœur outil de forme.

Dessine un 6 x 6 mm rougecoeur, en dessous du "Q". Utilisez le Outil de déplacement (V) pour casser le coeur 2,1 mm au-dessous de la lettre "Q". Ensuite, du Effets panneau, appliquer un rouge foncé Ombre intérieure, avec un Rayon de 13 px.

Étape 3

Sélectionnez le Outil Ellipse (M) et ajouter un 1,6 x 1,6 mm cercle orange 2,1 mm du côté droit du "Q".

Dupliquer (Commande-J) l'ellipse et utilisez le Outil de déplacement (V) pour prendre le double 2,1 mm en dessous de la lettre "Q".

Étape 4 

Ensuite, dessinons une bordure de coin en forme de coeur.

Sélectionnez le Outil stylo (P). Avec la même couleur que celle utilisée dans le remplissage de l’ellipse, appliquez cette couleur sur le trait, avec 2 pt Largeur.

Remarque: utilisez les mesures des guides intelligents en surbrillance pour vous assurer que la distance est précise pendant le dessin..

Commencez avec l'ellipse droite. Tracer une ligne 37,4 mm horizontalement, 7,8 mm vers le bas, 2,8 mm la gauche, 2,3 mm vers le haut, 2,3 mm la gauche, 2,8 mm vers le haut, 7,5 mm à droite et vers le centre.

Tracez ensuite la ligne allant du cercle de gauche au guide central horizontal, comme indiqué ci-dessous..

Étape 5

Modifions les courbes d'angle de notre ligne pour créer la forme de coeur.

Sélectionnez le Outil de coin (C) de la barre d’outils. Sélectionnez les nœuds d'angle, comme indiqué dans l'image. Faites glisser le curseur pour modifier le coin (vous verrez un cercle rouge ou vous pouvez éditer le Rayon à peu près 1,6 pt, du Barre d'outils contextuelle).

Étape 6

Ensuite, sélectionnez le Cœur forme de la barre d'outils. Dessine un 2,4 x 2,4 mm rougecœur. Utilisez le Outil de déplacement (V) pour l'enclencher dans le coin droit de la marge.

Ensuite, utilisez la poignée de rotation pour régler la rotation sur -45 degrés, ou vous pouvez faire pivoter de la Transformer panneau. 

Étape 7

dans le Couches panneau, sélectionnez toutes les couches que nous avons créées et Groupe (Command-G). Donnez au groupe le titre "Border".

3. Comment créer le visage de la reine

Étape 1

Créons maintenant le visage de la reine en commençant par dessiner un visage charnu en forme de cœur..

Sélectionnez le Cœur outil de forme. Dessine un coeur rempli de beige 16,5 15,4 mm, accroché au centre du guide.

Sélectionnez le noeud central rouge au niveau du bord d'intersection et tirez-le vers le haut pour qu'il ne soit pas trop incurvé vers l'intérieur.

Étape 2

Ensuite, avec le Outil de nœud (UNE), cliquez sur le coeur et à partir du Barre d'outils contextuelle, Cliquez sur Convertir en courbes, afin que notre objet puisse se transformer en lignes connectées et en nœuds.

Alors maintenant, en utilisant le Outil de nœud (UNE) et guides, utilisez les nœuds pour modifier la forme du cœur en une version plus volumineuse, en modifiant légèrement les nœuds.

Étape 3

Appliquons un effet sur le visage.

Calque> Effets de calque… Ouvre le Effets panneau.

Appliquer un Biseau / estampage:

  • Type: Interne
  • Rayon: 19,7 px
  • Adoucir: 0,4 px
  • Highlight: Appliquez une couleur jaune orange 75%
  • Ombre: Appliquez une couleur orange foncé 75%
  • Fermer

Étape 4

Passer à dessiner les yeux.

Il y a quelques étapes à suivre:

  • Sélectionnez le Outil Ellipse (M) et dessinez un cercle noir 3,5 x 3,5 mm.
  • Puis avec le Outil de nœud (UNE), Cliquez surConvertir en courbes du Barre d'outils contextuelle.
  • Sélectionnez les nœuds gauche et droit, et Convertir: Sharp.
  • Après, utilisez le Outil de déplacement (V) pour réduire la hauteur en abaissant les poignées de commande.
  • finalement, Tourner il 30 degrés, et le positionner comme indiqué ci-dessous.

Étape 5

Continuons maintenant avec l'illustration de l'œil et ajoutons du maquillage.

Avec le Outil Ellipse (M), dessine un 0,8 x 0,8 mm cercle turquoise à l’intérieur de l’œil pour créer des reflets. Ajouter un autre 0,4 x 0,4 mm cercle légèrement en dessous de la gauche de la première ellipse.

Deuxièmement, utilisez le Outil de pinceau de vecteur (B), fixé à 1,4 pt avec un trait noir et dessinez deux mignons cils.

Du Outils panneau, cliquez et maintenez le Cœur icône pour ouvrir la liste déroulante des formes personnalisées et sélectionner le Croissant outil de forme. Dessiner un front noir, et Rotation à -97 degrés, horizontalement au-dessus de l'œil.

Et enfin, utilisez le Outil stylo (P) pour ajouter manuellement dans le fard à paupières blanc.

Maintenant, la couche d'ombres à paupières apparaîtra devant les yeux, donc Reculer d'un (Commander-[), jusqu’à ce qu’il soit derrière la forme de l’œil.

Étape 6

dans le Couches panneau, sélectionnez tous les éléments liés à l’œil et Groupe (Command-G) ensemble. Dupliquer (Command-J) le groupe.

Calque> Transformer> Retourner horizontalement ou cliquez sur le Retourner horizontalement icône sur le Barre d'outils (triangles bleus et gris en miroir).

Positionnez-le de l’autre côté en utilisant le bouton Outil de déplacement (V).

Étape 7

Ajoutons le nez, les lèvres, le cou et la forme du corps.

Commencez par le nez, en utilisant le Outil Ellipse (M), Largeur 1 mm et la taille 0,3 mm. Utilisez le Outil de déplacement (V) claquer le nez entre les yeux.

Utilisez le Cœur outil de forme pour les lèvres et dessiner un coeur avec Largeur 1,3 mm et la taille 1 mm, et le casser sous le nez.

Ensuite, créez un coeur blanc de 2,6 x 2,2 mm pour le cou, et casser à la base de la forme de la tête. Ajouter un coeur orange pour la tête qui est 3,9 x 3,2 mm. Fixez-le au milieu en haut de la tête.

Enfin, pour la forme du corps, nous allons créer un 6,4 x 5,6 mm cœur. Aller de l'avant un (Commander-]) la couche, sur le coeur blanc.

Étape 8

Rendons notre femme rougir sur les joues.

Prendre le Outil Ellipse (M). Dessine un 10 x 6,5 mm ellipse, et placez-le sous les yeux. Dupliquer (Commande-J) l'ellipse et déplacez le duplicata vers l'autre joue, avec le Outil de déplacement (V).

Sélectionnez les deux ellipses et appliquez le Ajouter une opération icône pour les combiner (Couche> Géométrie> Ajouter)

Après, Dupliquer (Commande-J) la forme de la tête. Puis maintenez la Décalage touche, sélectionnez la forme de la tête dupliquée en plus des ellipses de joue, puis cliquez sur Couper (Couche> Géométrie> Intersection).

Étape 9

Les joues hériteront des effets appliqués sur le visage auparavant. Alors décochez Biseau / estampage du Effets panneaulibérer.

Du Couches panneau, appliquer un Multiplier mode de fusion.

4. Comment concevoir les cheveux et le corps 

Étape 1

Créons les cheveux.

Prendre le Outil Ellipse (M) et créez une ellipse rouge foncé d'une taille de 17 x 13 mm. Donnez-lui ce qui suit Biseau / estampage paramètres de la Effets de calque panneau:

  • Type: Interne
  • Rayon: 10.1px
  • Adoucir: 0,8 px
  • Ombre: Multiplier en couleur rouge foncé
  • Fermer

Étape 2

Encore une fois en utilisant le Outil Ellipse (M), créer un rouge vif 17 x 7mm ellipse.

Sélectionnez les première et deuxième ellipse en maintenant la touche enfoncée. Décalage clé. Appliquer Aligner le centre et alors Aligner le milieu. Suivant, Groupe (Command-G) les deux ellipses ensemble.

Puis du Transformer panneau, réglez l'angle de rotation sur 50 degrés.

Étape 3

Utilisez le Outil de déplacement (V) pour accrocher le groupe au-dessus des yeux en touchant le guide central.

Reculer d'un (Commander-[), donc il est superposé derrière la tête. Dupliquer (Commande-J) et appliquer Retourner horizontalement de la barre d'outils.

Avec leOutil de déplacement (V), placez-le de l'autre côté.

Étape 4

Passons à autre chose, créons le carré de cheveux à l'arrière et ajoutons-lui une couronne.

Tout d'abord, créer un rouge foncé 8,2 x 8,8 mm ellipseavec le Outil Ellipse (M). Pour la couronne, utilisez le Outil stylo (P) et dessinez une forme en trois pointes comme indiqué ci-dessous. Utilisez le Outil de nœud (UNE) et courbez les points gauche, droit et bas.

Sélectionnez la forme de la couronne et de l'ellipse et appliquez Aligner le centre, en s'assurant que la couronne est au-dessus de l'ellipse. Puis créer un 1,6 x 2,4 mm larme jaune en utilisant le Outil de déchirure du Outils panneau. Met le Rotation de la larme à 140 degrés.

Dupliquer (Command-J) la déchirure et appliquer le Retourner horizontalement icône de la Barre d'outils contextuelle. Utilisez le Outil de déplacement (V) et positionnez le duplicata de l'autre côté, comme indiqué ci-dessous.

Étape 5

Une fois que tous les éléments du bob sont créés, Groupe (Command-G) eux autres ensemble. Appliquer Déplacer à l'arrière (Commande-shift- [).

Étape 6

Ajoutons quelques détails au corps.

Sélectionnez le Outil diamant de la barre d'outils. Créer un 1,2 x 1,5 mm diamant rouge et accrochez-le au guide central dans le cœur noir.

Dupliquer (Command-J), maintenez la Décalage touche pour contraindre verticalement et faites glisser la copie sous l’autre, comme indiqué.

Prenez le Outil Triangle à partir de la barre d’outils et créez un 6,4 x 4,2 mm triangle, touchant le guide central au guide horizontal. 

Remarque: pour créer une forme à partir du point de départ, maintenez enfoncé Option-Commande-Drag.

Appliquer Déplacer à l'arrière (Commande-shift- [).

Étape 7

Ajoutons maintenant la fraise de la reine.

Prenez le Outil Ellipse (M) et dessine un 22,4 x 18,2 mm centre de l’ellipse turquoise aligné sur le guide central. Appliquer Déplacer à l'arrière (Commande-shift- [).

Créer un autre 18,3 x 18,2 mm ellipse, de couleur turquoise plus sombre. Appliquer Déplacer à l'arrière (Commande-shift- [) et alors Aller de l'avant un (Commander-]).

Étape 8

Nous devons ajouter les mains et les bras de la reine.

Prenez le Outil Rectangle (M). Dessine un 9,6 x 2,9 mm brique rouge. Inclinez la sélection de la droite en faisant glisser les poignées du contrôle du cadre de sélection.

Puis sélectionnez le Outil de nœud (UNE). Appliquer le Convertir en courbes opération, et commencer à courber le côté inférieur droit, soulevez le bas gauche vers le haut, puis courbez la ligne pour créer les manches de la reine.

Étape 9

Utilisez le Outil de déplacement (V) pour déplacer la sélection sur le corps. Appliquer Déplacer à l'arrière (Commande-shift- [). Dupliquer (Commande-J) la manche. 

Calque> Transformer> Retourner horizontalement ou cliquez sur le Retourner horizontalement icône dans la barre d’outils pour la positionner de l’autre côté.

Étape 10

Dessine les mains

Commencez par le côté droit. Sélectionnez le Cœur outil de forme de la barre d'outils. Dessiner un rouge 2,4 x 2,5 mm cœur.

Puis, en utilisant le Outil Ellipse (M) avec un teint Accident vasculaire cérébral de 2,5 pt, dessine un 2,4 x 2,4 mm cercle, sous le coeur. 

Utilisez le Outil de nœud (N), sélectionnez le cercle que vous avez créé et appliquez un Convertir en courbes opération. Puis cliquez sur les deux points de la courbe où nous allons couper le haut. 

Du Barre d'outils contextuelle, sélectionnez le Courbe de rupture action, et supprimez la section comme indiqué ci-dessous.

Étape 11

Ajoutons des doigts.

Sélectionnez le Outil stylo (P). Utilisez le même teint Accident vasculaire cérébral de 2,5 pt appliqué sur l'ellipse et dessinez trois doigts comme indiqué.

Groupe (Command-G) tous les éléments de la main ensemble. Utilisez le Outil de déplacement (V) pour déplacer le nouveau groupe à la fin de la manche. Appliquer Déplacer à l'arrière (Commande-shift- [)

Étape 12

Créons la seconde main, le poing tenant le sceptre.

Sélectionnez le Outil stylo (P) et tracez une ligne avec W: 1 mm et accident vasculaire cérébral 3 pt, et un teint légèrement plus foncé.

Dupliquer (Commande-J) et déplacez-le au-dessus de l'autre, puis appuyez sur Command-J encore à Dupliquer le pouvoir, pour créer les trois doigts.

Pour le pouce, sélectionnez le Outil Rectangle (M) et tracez un rectangle au-dessus du troisième doigt, avec une taille de 1,7 mm x 0,9 mm et un remplissage dans le même skintone utilisé pour l'autre main.

Dessine un autre dans une direction perpendiculaire, 0,9 x 1,7 mm, sur le bord gauche du premier rectangle, comme indiqué ci-dessous.

Étape 13

Sélectionnez les deux formes de rectangle et appliquez le Ajouter une opération icône pour combiner ou Couche> Géométrie> Ajouter

Puis sélectionnez le Outil de coin (C). Choisissez le noeud du coin supérieur droit et appliquez une courbe. Choisissez le nœud de base visible dans l'image et appliquez une courbe. Le pouce est fait.

Créons la paume de la main. Sélectionnez le Outil Rectangle Arrondi et créer un 2,1 x 2,6 mm rectangle dans un skinshade plus sombre, du doigt supérieur à la base. Appliquer Déplacer à l'arrière (Commande-shift- [).

Groupe (Command-G) tous les éléments de la main et le positionner sur le bord du deuxième manchon.

Étape 14

Ajoutons un sceptre.

Utilisez le Outil stylo (P) et tracez une ligne verticale 9,2 mm dans la taille. Donnez-lui un trait de couleur sombre. Puis sélectionnez le Cœur outil de forme, et rappelez-vous que si vous souhaitez créer une forme à partir du point de départ central, maintenez enfoncé Option-Commande-Drag

Dessiner un rouge 4,4 x 4,3 mm cœur sur la ligne que nous avons créée.

Étape 15

Ajoutons quelques détails au sceptre.

Sélectionnez le Cœur outil et appliquer une nuance de rouge plus sombre. Dessine un 1,3 x 1,2 mm coeur au centre du grand coeur. Avec le petit coeur sélectionné, maintenez enfoncé Option-Maj-Drag copier et coller la sélection. 

Copiez le coeur trois fois en dessous du premier, et Groupe (Command-G) tous les éléments de sceptre.

Sélectionnez le groupe de mains et le groupe de sceptre, et Déplacer vers l'avant (Shift-Command-]). Puis sélectionnez le groupe de sceptre et Reculer d'un (Commander-[).

Étape 16

Finissons.

Groupe (Command-G) toutes les parties de la reine.

Sélectionnez le calque "Border" et le groupe de la reine, puis Calque> Transformer> Retourner horizontalement ou cliquez sur le Retourner horizontalement icône dans la barre d’outils, puis Retourner verticalement.

Accrocher au guide central, et nous sommes prêts à jouer!

Vous avez bien joué vos cartes!

Bon travail! Notre carte à jouer "Queen of Hearts" est terminée. J'espère que vous avez aimé suivre ce tutoriel simple et convivial. Peut-être avez-vous appris de nouveaux trucs et astuces intéressants pour vous inspirer à créer le reste du jeu!

J'espère que vous avez réussi à suivre chaque étape. Amusez-vous et postez vos modèles de cartes dans la zone de commentaires ci-dessous. 

Profiter et continuer à créer!