Créer une carte à jouer Queen of Hearts grâce à la collaboration

Dans ce tutoriel, vous verrez une autre collaboration entre des artistes vecteurs: Ashley Benson et Sharon Milne. Ashley sera responsable du croquis initial et des couleurs à plat, tandis que Sharon améliorera et ajoutera des détails supplémentaires à la collaboration..


Ashley

La première étape consiste à discuter du concept avec votre / vos partenaire (s). La communication est essentielle et permet aux autres membres de se préparer à leur rôle dans la collaboration. Donner un laps de temps déterminé et fixer des limites peut être particulièrement utile pour des personnes comme moi, qui ont tendance à s'emporter. Si vous estimez avoir besoin de plus de temps, transmettez-le aux autres membres de votre groupe..


Étape 1

Cette esquisse a été réalisée à la fois avec un crayon à mine 0.7 et 0.5 et numérisée à l’aide d’une résolution de 300 dpi. Nous sommes en train de concevoir une carte à jouer. Il y aura donc deux faces opposées. Pour rendre ce processus plus facile, je n'ai créé qu'une partie de la carte, la moitié supérieure.



Étape 2

Avant d'utiliser l'esquisse, celle-ci avait été prise dans Adobe Photoshop et dupliquée afin de créer la moitié inférieure. Après la fusion des deux niveaux, les lignes ont été assombries afin d’affiner les formes finales pour faciliter la vectorisation. L'idée est développée de manière vague, ce qui signifie qu'il n'y avait pas besoin de matériaux de référence. Une fois que les lignes nous conviennent, nous enregistrons notre dessin au format JPEG ou PNG et le importons dans Adobe Illustrator. Ce fichier particulier a été préparé en 14 x 18 pour plus de commodité. Si besoin est, vous pouvez vérifier vos préférences en vous dirigeant vers le haut de la barre et en cliquant sur Configuration du document> Modifier les planches ou en utilisant les touches de raccourci Alt + Ctrl + P, où vous pouvez tirer manuellement les lignes pointillées autour de votre planche dans la taille souhaitée vous avez besoin, ou entrez la taille en haut de la barre.



Étape 3

Dans cette étape, je prépare mon premier ensemble de couleurs plates pour sa peau. En utilisant mon outil crayon (P) et mes courbes, en maintenant la touche (Alt) enfoncée pendant la création de points pour former chaque tracé, je vais créer sa peau et ses traits. Je serai responsable des couleurs plates cette fois-ci, donc je vais travailler avec une palette simple. J'ai également commencé à étiqueter mes couches afin de faciliter la tâche de ceux qui collaborent avec moi à la recherche de différentes parties du projet. Comme toujours, je vous conseille d’en faire une pratique continue jusqu’à ce que cela devienne une seconde nature. J'utilise un blanc pur: R = 255 G = 255 B = 255 et un bleu froid: R = 53 G = 82 B = 142 avec une ligne de trait de 1.5pt pour commencer.



Étape 4

À ce stade, notre teint de base a été défini avec notre outil Plume (P). J'ai étiqueté mon calque "Reine", sachant que j'aurai beaucoup d'autres calques que je veux garder séparés. Cela facilitera le changement de redimensionnement et du travail général du côté duplicata.

Je vais maintenant utiliser l'outil Largeur ou Maj + W pour créer plus de profondeur à ma forme 2D. En cliquant et en faisant glisser, je peux créer une ligne de trait plus large. Si je souhaite épaissir un seul côté de la ligne, je peux également maintenir la touche Alt enfoncée tout en faisant glisser. À toutes mes étapes, pour ce projet, j'ai épaissi les deux murs de la ligne de trait, mais j'offre une suggestion alternative au cas où vous souhaiteriez explorer plus d'options..



Étape 5

Pour les fonctionnalités que j'ai choisies, utiliser la même couleur pour faciliter la visualisation de mes fonctionnalités et réduire l'opacité de mon calque à environ 48%. J'utilise de nouveau mon outil de largeur ou Shift + W pour sculpter mes traits après que mes traits aient été définis, tels que le nez et la bouche. Cela permet un travail rapide de ces parties du corps et vous permet de passer le temps que vous avez économisé sur d'autres zones avec plus de détails..



Étape 6

Dans cette étape, je commence tout juste à terminer mes premières fonctionnalités. Travailler avec mon outil de largeur m'a permis de terminer ceci en quelques minutes. Une fois prêt, je peux mettre en surbrillance toutes ces pièces et cliquer sur Objets> Développer l’apparence pour les remplir. Je le fais pour m'assurer qu'aucun des éléments que je pourrais redimensionner ne change leur largeur.



Étape 7

À partir de ce moment, je prends mon stylo-outil (P) et dessine la forme de mes cheveux. J'ai commencé avec les lignes principales dans le même bleu et je l'ai également fait avec mes sourcils et mes cils.



Étape 8

Après avoir posé mes formes de cheveux, je suis prêt à prendre mon outil de plume (P) pour créer mes lignes de trait de trait blanches à 0,25 pt de couleur blanc pur: R = 255 G = 255 B = 255. J'utilise de nouveau mon outil de largeur ou Shift + W pour épaissir mes traits pour donner plus de dimension aux cheveux.



Étape 9

Dans cette étape, j'ai fait 7 cases colorées. Les couleurs sont noir pur: R = 0 G = 0 B = 0 avec un trait de gris: R = 76 G = 76 B = 76, un rouge à lèvres vif: R = 183 G = 46 B = 46 avec un trait de feu rouge moteur: R = 140 G = 32 B = 32, un rouge foncé: R = 119 G = 17 B = 17 avec un trait de rouge baie: R = 81 G = 13 B = 13, un rose flamant rose: R = 242 G = 165 B = 153 avec une ligne de trait de couleur rose vif: R = 229 G = 122 B = 122, une banane en or: R = 249 G = 207 B = 103 avec un trait d'or: R = 224 G = 170 B = 50, un blanc: R = 255 G = 255 B = 255 avec un trait bleu ciel: R = 166 G = 181 B = 209, et un vert feuille: R = 97 G = 112 B = 69 avec un trait de vert gazon: R = 63 G = 79 B = 26. J'ai fait ces couleurs spécifiques pour diminuer ma palette. Sharon et moi voulions rester avec une palette de cartes plus ou moins traditionnelle. Comme il s’agit toujours d’une collaboration créative, nous pouvons nous permettre de rompre avec la tradition et d’intégrer quelques autres couleurs dans le mélange. Cela facilitera également le changement de couleur au fur et à mesure..



Étape 10

La peau et les traits de notre reine ont été changés en un noir pur et un rouge à lèvres vif: R = 183 G = 46 B = 46 a été ajouté avec notre outil stylo (P).

J'ai superposé les zones que je voudrais retirer de ma forme rouge à d'autres formes. Ces zones sont sur les dents et les taches de brillance. Je pourrais simplement superposer plus de calques en blanc, mais j'ai choisi de découper ces morceaux en les mettant en surbrillance avec le calque principal, puis de monter dans la fenêtre Pathfinder et de cliquer sur Exclure. Si vous ne voyez pas cette fenêtre, vous pouvez accéder à la barre de menus en haut et cliquer sur Fenêtre> Pathfinder ou Maj + Ctrl + F9 pour afficher l'option correspondante..



Étape 11

Je peux maintenant élaborer mes costumes avec mon outil de plume (P). Le col et les manches sont fabriqués à partir de notre noir pur: R = 0 G = 0 B = 0 avec un trait de gris: R = 76 G = 76 B = 76 et un poids de trait de 0.5pts. L'opacité a été réduite à 82%.



Étape 12

La couronne est faite à partir de notre or banane: R = 249 G = 207 B = 103 avec un trait d'or: R = 224 G = 170 B = 50.

L'intérieur de la couronne devrait avoir un peu plus d'ombre, je l'ai donc réduite à une orge d'or: R = 168 G = 119 B = 34. Les accents sont des cercles rouges vifs de rouge à lèvres: R = 183 G = 46 B = 46 avec un trait de feu rouge: R = 140 G = 32 B = 32, un coeur rouge foncé: R = 119 G = 17 B = 17 avec Un trait de rouge berry: R = 81 G = 13 B = 13.



Étape 13

Pour ajouter des accents de perle sans vous rendre fou, choisissez Fenêtre> Bibliothèques de pinceaux> Flèches> Motif Flèches. Cela amènera pas mal de choix. Nous utiliserons notre outil stylo (P) pour créer quelques manches et une jupe magnifiquement accentuées en quelques minutes.



Étape 14

Une fois que nous avons terminé avec nos perles, nous pouvons mettre en évidence nos chaînes et aller à Objet> Développer l’apparence. Nous aurons encore un peu de queue de flèche à éliminer, il suffit d'appuyer sur notre outil Sélection directe (A) et de supprimer uniquement les morceaux dont nous n'avons plus besoin..



Étape 15

J'ai commencé à travailler sur ma palette. avec tous les "matériaux" que notre reine aime utiliser pour peindre. J'ai utilisé le même or d’or: R = 168 G = 119 B = 34 pour fabriquer la "peinture dorée" ainsi que nos autres couleurs extraites de nos 7 couleurs de boîte originales..

Le bleu utilisé pour le contour des plumes est un bleu lacustre: R = 71 G = 84 B = 104. La couleur met bien en valeur les séparations dans les plumes à mon avis.

Une fois que j'ai fini ma palette, j'ai pris tous les éléments, y compris le pouce de la reine au trou du pouce et le groupe ou Ctrl + G pour les combiner. Je vais ensuite créer un calque séparé et le renommer afin de pouvoir le positionner facilement au-dessus de tous les autres calques. Cela constituera l’un des éléments de continuité permettant à notre carte de ressembler davantage à une carte à jouer authentique. Si vous regardez des exemples de cartes, vous verrez que généralement les éléments situés au centre semblent se fondre ou se toucher presque pour former une sorte de motif yin-yang. Une fois que le duplicata a été créé, vous pourrez le voir plus clairement..



Étape 16

Si je choisis de recolorer une illustration, ce n'est pas une tâche difficile. J'ai simplifié ce processus en prenant mes éléments et en les intégrant tous à Fills plus tôt. Cela a encore été fait en mettant en évidence mes pièces et en cliquant sur Objet> Développer.

Une fois que mes pièces sont prêtes, je peux accéder à Edition> Modifier les couleurs> Recolorier l’illustration. Une fenêtre s'ouvrira avec la possibilité de changer ma couleur actuelle en une nouvelle couleur. Je garde mon noir, mais le blanc devra partir. Puisque j’ai aimé le look de mes plumes de corbeau sur ma palette, je vais prendre cette même couleur et changer ses reflets. Je pense que cela donne un appel plus glissant pour la plupart.



Étape 17

Une fois ma reine finie, je prendrai le temps de faire une couche séparée que j'appellerai "Rose Trellis". Je fais ma clôture en forme de rectangle avec un poids de trait de 2pts. Après avoir fait mon premier tour de lattes en diagonale, je peux les regrouper ou Ctrl + G et les dupliquer pour créer mes lattes opposées. Montez jusqu'à Objet> Transformer> Refléter et choisissez l'option Horizontale. Vous avez maintenant un segment de clôture complet à mettre derrière votre reine.



Étape 18

J'utilise toujours mon or de banane: R = 249 G = 207 B = 103 avec un trait d'or: R = 224 G = 170 B = 50 et d'or d'or: R = 168 G = 119 B = 34 comme remplissage alternatif . J'ai également utilisé mon noir pur et mon blanc pur pour préparer mes plats. J'ai également repris mon outil de largeur ou Shift + W pour épaissir diverses parties de mon service à thé. Nous avons un niveau de profondeur différent avec cette action simple.



Étape 19

Pour faire les insignes de notre reine, nous avons pris nos couleurs de notre palette. encore une fois et suivi les lignes principales de notre croquis pour faire un coeur saignant. Pour créer le "Q", j'ai utilisé l'outil Ellipse (L) pour créer une forme ovale à partir d'un seul trait de blanc pur avec un poids de trait d'un trait. Je prends mon outil de largeur ou Maj + W et fais de nouveau glisser mes lignes sur une largeur qui me convient. Je peux maintenant prendre ces morceaux et aller à l'objet> Développer l'apparence une fois de plus pour rendre le changement permanent.

Je suis également retourné à mon panneau Pathfinder et en cliquant sur le bouton Unir, j'ai combiné mon ovale et ma queue pour former un véritable "Q"..

À partir de là, je peux changer mes couleurs pour compléter l’ensemble. Je suis retourné à mon rouge à lèvres rouge vif: R = 183 G = 46 B = 46 avec un coup de feu rouge pour moteur de pompier: R = 140 G = 32 B = 32, et rouge berry: R = 81 G = 13 B = 13 avec un trait de rouge foncé: R = 119 G = 17 B = 17 .



Étape 20

Je souhaitais que la bordure de la carte ait un aspect un peu plus traditionnel. Après avoir créé mon rectangle initial, l'avoir transformé en un simple trait de 2 points et l'avoir dupliqué pour en faire une version plus petite, je suis allé à Fenêtre> Bibliothèques de pinceaux> Bordures> Bordures_Décoratives et utilisé mes Option Avant Garde.

La couleur est une valeur par défaut, mais je peux changer cela assez facilement en la mettant en surbrillance et en allant dans Objet> Développer et en cliquant sur l'option Contour uniquement. Je peux maintenant modifier ma bordure comme s'il s'agissait d'un remplissage normal. J'ai choisi d'aller avec un lac bleu similaire: R = 79 G = 96 B = 132, juste un indice plus sombre.



Étape 21

J'ai fini ma frontière et je peux continuer à la cacher avec les autres. Je vais maintenant travailler sur les flamants roses, qui utilisent notre flamant rose: R = 242 G = 165 B = 153 avec une ligne de trait de couleur rose vif: R = 229 G = 122 B = 122. Le visage est fait de notre blanc: R = 255 G = 255 B = 255 avec un trait bleu ciel: R = 166 G = 181 B = 209 à un niveau d'opacité de 70%. Pour ajouter un peu de pop à notre couleur de base, j'ai ajouté une touche de rose corail: R = 232 G = 115 B = 109 aux pointes et ainsi de suite. Chaque flamant est placé sur un calque séparé et étiqueté.



Étape 22

Le tissu est fabriqué à partir d'un bleu de bord de mer: R = 79 G = 96 B = 132 avec un trait bleu ciel: R = 133 G = 135 B = 175 pour le compléter. Le poids de trait est de 1 pt et les plis ont été réalisés de la même manière que le visage. En utilisant votre outil de largeur ou Maj + W, vous réduisez considérablement votre temps de vectorisation. La partie principale de notre tissu est sur sa propre couche, tandis que les pièces du dos sont faites sur la couche "Rose Trellis".



Étape 23

Enfin, nous pouvons prendre toutes nos couches et les dupliquer. Nous voulons prendre le temps de les jumeler en fonction du nom de la couche. Après avoir fait mes copies, je dois les transformer correctement. Il vaut mieux ne pas le faire manuellement, alors allez dans Objet> Transformer> Refléter pour faire votre tour. Commencez avec votre axe horizontal et cliquez sur OK. Revenez maintenant à votre option Reflect et modifiez votre axe vertical. Vous allez maintenant avoir des visages opposés et la moitié du travail terminé pour votre équipe. Votre (vos) partenaire (s) collaborateur (s) peut décider s'il souhaite ou non aborder le projet droit devant lui ou travailler dans le même sens que vous l'avez fait, une moitié à la fois, mais je leur laisse le choix..



Sharon

J'ai reçu le fichier .AI d'Asher pour commencer la moitié de ma collaboration. Lorsque vous prenez part à une collaboration, travaillez avec une copie du fichier .AI original, au cas où vous apporteriez des modifications permanentes à la conception que vous ne pouvez pas annuler..

Soyez clair lorsque vous commencez à collaborer, même si c'est avec un bon ami (comme je le suis avec Asher), toutes les limites créatives que vous pourriez avoir. Vérifiez que vous êtes d'accord pour modifier ou même supprimer des éléments de la conception qui vous a été présentée. Cependant, vous ne voudrez pas enlever trop de la conception originale car le premier artiste voudra que son identité et son style soient toujours présents dans la collaboration finie..


Étape 24

La première chose que je fais est de scinder l’illustration en sections, puis de créer un rectangle (M) pour chaque calque que je crée. Le rectangle doit couvrir toute la largeur de la planche d’art et se trouver au milieu de celle-ci. J'ai ensuite coupé les éléments dupliqués, les ai placés dans un calque séparé et les ai cachés pour l'instant..



Étape 25

Sélectionnez chacune des couches et mettez-les en miroir. Pour ce faire, accédez à Effets> Déformer et transformer> Transformer. La conception de la carte est reflétée sur les axes X et Y et, à cause de cela, je devrai en créer une copie. Cliquez sur OK une fois terminé.


Le rectangle que vous avez placé dans chaque calque aura alors besoin que son opacité soit définie sur 0%. Donc, bien que ceci définisse la zone à dessiner, elle ne sera pas visible dans le dessin lui-même..



Étape 26

Les cartes à jouer ont une palette limitée et bien que nous puissions appliquer une licence artistique à l'illustration, j'aimerais quand même que l'illustration suive le thème de la carte à jouer. J'aime beaucoup les idées d'Alice au pays des merveilles de notre version de la reine de cœur, mais je trouve que l'arrière-plan est trop encombré, mais je pourrai peut-être rendre les roses plus tard. Je sais que Asher est une grande fan de ses flamants roses, alors je vais les garder dans l'illustration, il suffit de les recolorer pour les faire correspondre à la palette restreinte..


C'est la conception qui me reste après avoir enlevé et recoloré. Il n'y a rien de majeur, j'ai supprimé les éléments d'arrière-plan et les bleus et roses. Je peux introduire le dos vert dans la conception si les roses sont à nouveau introduites.



Étape 27

Je vais ajouter quelque chose qui correspond davantage à mon style à la collaboration. Nous avons donc un mélange de nos deux styles qui se complètent. Tout d'abord, je vais créer un nouveau calque et ajouter un rectangle d'opacité à 0% (M) dans le dossier des calques. Ensuite, je vais appliquer l'effet Transformer au dossier des calques pour conserver l'effet en miroir..


J'ai ensuite caché tous les éléments de la chevelure, car c'est la zone dans laquelle je vais ajouter mon style.



Étape 28

À l'aide de l'outil Pinceau Blob (Maj + B), je vais esquisser la conception de mes cheveux. Je veux que les boucles de cheveux se tordent autour des flamants roses et du pinceau pour que les cheveux fassent vraiment partie du dessin plutôt que de quelque chose qui sera ajouté à une date ultérieure.



Étape 29

Après avoir créé le motif, j'ai dessiné la première forme de base de cheveux pour passer sous notre reine.


Je l'ai placé dans son propre dossier de calques pour faciliter son déplacement, ainsi que pour tout élément supplémentaire, en fonction de la conception. Je lui ai donné un remplissage noir pour suivre le schéma de couleurs.



Étape 30

J'ai ensuite ajouté les formes supplémentaires au-dessus de la reine et des flamants roses et repositionné la couronne.



Étape 31

J'ai utilisé mes pinceaux de profil de largeur pour ajouter des traits noirs de 10 points avec l'outil Pinceau (B). Certains sont placés derrière la reine, certains ci-dessus.



Étape 32

À l'aide d'un trait plus fin, j'ai dessiné des mèches de cheveux avec un trait noir et réglé sur Écran en mode Fusion, Opacité 100%.


Bien que tous les traits soient sur le dessus de la reine, il y en a que je devais dessiner ci-dessous afin qu'ils ne se chevauchent pas sur les flamants roses. Pendant que je travaille sur cette zone, j'ai constaté à quel point les becs des flamants roses étaient en train de se perdre. dans les cheveux noirs. Je vais devoir remédier à cela…



Étape 33

À l'aide de l'outil Crayon (N), j'ai ajouté des dégradés radiaux blancs et transparents définis sur Écran en mode Fusion, Opacité à 40% au-dessus du bec et sur les zones de brillance des cheveux. Je ne veux pas utiliser trop de dégradés, car la conception contient déjà beaucoup de détails. Juste assez pour aider à mettre en évidence les domaines où il y aurait peut-être moins de détails.



Étape 34

En plus de supprimer le rose de la palette des artistes, j'ai réarrangé les peintures pour que cela ne semble pas aussi aléatoire.



Étape 35

De retour sur le fond original du dessin, je vais utiliser les roses et les intégrer à l'illustration collaborative..


Enlevez tous les éléments et ne laissez que les roses et leurs feuilles.


Et ensuite, collez-les dans le calque "Sketch" afin que je puisse les placer et les recolorier comme vous le souhaitez.



Étape 36

J'ai changé les traits des roses en jaune doré et en ai retiré la peinture rouge. Je les ai ensuite agrandis et placés derrière la reine pour créer un arrière-plan subtil.



Étape 37

Dupliquez les roses, puis choisissez Objet> Développez-les et combinez-les pour créer une forme à l'aide de Pathfinder> Unite, puis créez un tracé composé (Ctrl + 8)..


J'ai placé cette forme derrière les roses et créé un subtil effet Ombre portée en dupliquant des traits de poids et d'opacités variés, comme indiqué ci-dessous..



Étape 38

J'ai enlevé les éléments brillants du cœur peint / sang et l'ai changé en remplissage noir et contour jaune / doré.



Étape 39

Pour un fond, j'ai créé une forme qui ressemble à un tampon. Au Royaume-Uni, d'où je viens, nous avons la reine sur nos timbres. J'ajoute donc ce léger thème à l'arrière-plan. Alors, avec Asher qui a ses flamants bien-aimés, je suis un clin d'œil à mon pays. J'ai utilisé les paramètres indiqués ci-dessous dans le panneau Apparence..



Étape 40

Certains des jaunes ne sont pas du même ton, alors je les ai changés pour qu'ils soient du même jaune. Pour ajouter une nuance plus claire, j'ai utilisé un trait ou un remplissage blanc, le cas échéant, puis réduit l'opacité. Pour les zones les plus sombres, j'ai utilisé du noir.



Étape 41

La couleur du pinceau est un peu cachée dans la robe de la reine. J'ai donc ajouté un dégradé radial transparent pour l'aider à se démarquer un peu plus..


J'ai ajouté un dégradé rouge au cœur peint et augmenté le poids de trait de celui-ci au même niveau que la bordure jaune dorée sur le fond du tampon..



Étape 42

Je veux ajouter une ombre portée subtile aux détails du tampon, de sorte que j'ai Objet> Développer la forme..


J'ai ensuite utilisé Pathfinder> Minus Front pour supprimer ce motif de la forme vert clair.



Étape 43

J'ai ensuite sélectionné la grande forme derrière les roses et utilisé cet effet Ombre portée pour l'enregistrer en tant que style graphique. J'ai ensuite appliqué cela à la forme du tampon et je l'ai légèrement modifié pour créer l'effet que je souhaite obtenir..



Conclusion

Je suis satisfait du résultat final, même si je ne peux pas "signer" complètement le projet. J'ai envoyé la dernière image à Asher pour voir si elle est satisfaite du résultat et si les deux parties sont satisfaites, notre collaboration est maintenant terminée.!

Nous espérons que vous avez apprécié notre deuxième tutoriel sur la collaboration. Vous pouvez toujours voir notre premier tutoriel de collaboration créé il y a plus de 2 ans! Qui sait, nous pourrions vous revoir bientôt avec une autre collaboration.