Comment créer des patins à glace dans un style vectoriel doucement dessiné dans Illustrator

C'est pratiquement l'hiver dans l'hémisphère nord et les Jeux olympiques d'hiver sont à nos portes. En tant que tel, je pense au patinage artistique avec des lignes douces, des pastels sucrés et des graphiques évolutifs. S'ouvrir Adobe Illustrator et joignez-vous à moi en utilisant Brosses à poils, la Apparence panneau, et certains Effets pour créer des patins à partir du sol et créer des dessins au trait parfaits à partir de formes qui se chevauchent.


1. Construire le démarrage

Étape 1

J'ai commencé par un rapide croquis, fait en Adobe Photoshop CC de deux patins. Ils sont dessinés doucement, colorés avec des tons pastels, et je me suis beaucoup servi de la Brouiller effet. Importation votre dessin, si vous en voulez un, dans Illustrateur.


Étape 2

Le gros de ce tutoriel va nous intéresser au bon démarrage. Ci-dessous, j'ai rapidement tiré dessus (en Photoshop, sur une capture d’écran) la forme de botte principale que j’ai faite (avec le Outil stylo (P) dans Illustrateur) basé sur mon croquis. Le pied, dans ce cas à un angle entre le profil et 3/4, a la forme d'un coin. Notez que le talon est arrondi (1), comment le pied est cambré vers le haut en raison de l’angle de la chaussure suspendue (2) et où le dessus du pied rencontre les articulations des orteils (3). Cette forme de botte de base sera prochainement divisée en plusieurs formes pour créer le patin artistique.



Étape 3

Pour la semelle de la chaussure, la partie du patin qui se connecte à la lame (moins le talon, que nous allons dessiner Étape 5) dessinez une forme qui épouse le contour du bord inférieur de la chaussure mais est plus basse que la forme elle-même.


Étape 4

Pour obtenir la semelle affleurante du coffre (1), utilisez le Outil de sélection directe (A) saisir un point d’ancrage (2) et l’aligner sur le coin inférieur droit du coffre (3). Pour arrondir les bords de la chaussure et de la semelle, dessinez une forme qui intersecte ces deux pièces et remettez-les en forme (4). Sélectionnez les trois formes et, à l'aide de la Outil de création de forme (Maj-M), sélectionnez les portions de chaque forme qui recoupe le morceau rose que vous venez de dessiner. Désélectionnez et supprimez ces pièces supplémentaires (5).


Étape 5

Le talon est composé de deux pièces, toutes deux dessinées avec le Outil stylo. La pièce de gauche correspond au côté du talon et son bord gauche suit le bord du talon de la chaussure. La bonne pièce est la partie intérieure du talon et se courbe un peu tout en restant perpendiculaire à l'extérieur du talon.



2. Tirez la lame

Étape 1

En me référant à mon croquis, la lame suit l'angle de la chaussure mais reste plate (nous ajouterons des formes pour créer une cote à l'étape suivante). La partie arrière de la lame s'étend au-delà de l'arrière de la chaussure. Il y a trois parties, appelées les chandeliers, où la lame se fixe à la chaussure elle-même: au talon, près de la pointe du pied et aux orteils. N'oubliez pas le pincement d'orteil à l'extrémité droite de la lame (c'est à vous de décider en détail comment le dessiner).


Étape 2

pour ajouter de la dimension à la lame, envisagez de prolonger la lame, avec une petite série de formes d'environ un demi-pouce (cette mesure est relative à la chaussure elle-même, comme si elle avait une taille d'environ 9 pouces). Assurez-vous que les angles sont perpendiculaires au bord de la lame et qu'ils suivent l'angle du talon. Utilisez le Outil de création de forme pour aider à supprimer des parties du dessus de la lame, elles s'étendent trop loin.




3. Créez les composants de démarrage

Étape 1

Ces deux prochaines sections concernent les composants du patin qui le maintiennent sur le pied du porteur. Commençons par la partie de la chaussure qui contient les oeillets (les trous pour les lacets). Il est d'épaisseur moyenne, arrondi à chaque extrémité, suit la courbe de la languette de la chaussure et s'étend du haut aux orteils..


Étape 2

La langue, ayant déjà été tirée dans la forme de la chaussure principale, est redessinée ci-dessous en rose vif (il est préférable de la voir. Ces couleurs ne servent qu'à montrer chaque pièce séparément et à aider à garder les choses organisées). Contrairement aux bottes de mode auxquelles je suis habitué, la languette tirée ci-dessous est un peu plus grande que celle des patins à figures. Ajustez la taille en fonction de votre croquis ou de votre référence, si elle est inclinée.


Étape 3

Tracez une forme courbe en trois points avec le Outil stylo sur l'orteil. Son placement sur la chaussure peut être reculé et arrondi pour une représentation plus dynamique, bien utilisée et plus précise d'un patin à glace. Je vais passer en revue les modifications apportées à la botte pour un dessin plus vivant dans la cinquième section lorsque nous aborderons le composant de dessin au trait de cette conception..



4. Positionnez les lacets

Étape 1

En utilisant le Outil Pinceau Blob (Maj-B), J'ai rapidement indiqué où je voulais ajouter chaque crochet et œillet pour les lacets. Il y aura quatre crochets que les lacets enrouleraient s'il s'agissait de véritables patins et sept œillets que les lacets passeraient.. Groupe (Control-G) ensemble ces petites taches et, en utilisant le Outil Ellipse (L) et faire quatre grandes ellipses près du haut de la botte. Groupe ces quatre formes ensemble.


Étape 2

Pour les œillets, tracez deux cercles, l’un plus petit que l’autre, alignés à l’intérieur du plus grand, avec le Outil Ellipse. Sélectionner à la fois et frappé Minus Front dans Éclaireur. Copier (Control-C) et Coller (Contrôle-V) six de ces formes d'oeillets le long de la ligne de formes de taches créées à l'étape précédente. Groupe ces cercles jaunes ensemble et Effacer les formes de blob blanc.


Étape 3

En utilisant soit le Outil pinceau blob ou la Outil Pinceau (B) (vous devrez développer tous les traits si vous utilisez celui-ci), tracez plusieurs lignes courbes pour les lacets. Quel que soit l’outil utilisé, ajustez la taille et la forme générale dans le panneau de cet outil (double-cliquez l'outil dans la barre d'outils). Les quatre premiers traversent la langue sans aucun croisement. Les autres dix à quatorze ans devraient faire des petits x et des grappes le long du reste du haut du patin. Notez que le patin ci-dessous sera ajusté afin que les lacets prennent moins de place sur la chaussure elle-même.



5. Construire des dessins au trait parfaits

Étape 1

J'ai caché les composants de laçage dans le Couches panneau afin que nous puissions nous concentrer sur les dessins au trait du patin lui-même. Comme vous pouvez le constater, les formes se chevauchent un peu. Si j'ajoutais un trait à ces formes, le dessin au trait serait désastreux. En utilisant le Outil de création de forme, nous allons réaffecter les composants qui se chevauchent de chaque forme afin que les lignes soient plus propres.

Commencez avec la botte bleue et la semelle verte (voir ci-dessous). Sélectionner les deux formes et avec le Outil de création de forme, sélectionnez les trois composants: résoudre, superposer la partie et démarrer. Désélectionner et Unir le bit du milieu, celui qui chevauchait la botte de la semelle, avec la forme de botte bleue en Éclaireur.

La deuxième image ci-dessous montre maintenant que la semelle et la chaussure ont des bords nets les uns contre les autres tout en restant complètes et aux formes fermées (parfait non seulement pour les dessins au trait, mais pour être rempli de couleur ultérieurement).


Étape 2

Continuons avec la technique de Étape 1 sur la langue et cette forme violette qui maintient les oeillets. Sélectionner la botte bleue et la langue rose. En utilisant le Outil de création de forme, sélectionnez chaque composant des formes que vous voyez: botte, langue, bits qui se chevauchent, bits qui ne se croisent pas, etc.. Désélectionner et Unir portions de démarrage avec eux-mêmes dans Éclaireur et les composants de la langue de la chaussure avec eux-mêmes. Pour les parties de formes qui ne se croisent pas du tout avec la botte (voir la partie de la forme pourpre qui est plus haute que la botte ou qui sort de la pointe), vous pouvez supprimer celles avant Unissant se produit.


Étape 3

Continuez avec chaque forme pour que chaque bloc de couleur ne se croise pas avec les autres. Vous remarquerez un changement dans l'apparence générale du patin, car je l'ai remodelé afin qu'il soit moins raide et plus arrondi au talon, à la cheville et aux orteils. Voir ci-dessous pour une rapide capture d’écran de la pointe complétée à l’aide du bouton Outil stylo et Outil de création de forme.



Étape 4

Deux choses se passent ci-dessous: 1) Je règle le remplissage sur null et le Poids de l'AVC à 0.5pt. La couleur de trait est gris foncé et le pinceau utilisé est le Observateur brosse sous Brosses à poils dans la bibliothèque de pinceaux. 2) C’est une comparaison de la première forme de patin que j’ai dessiné et des modifications apportées à la chaussure pour qu’elle apparaisse moins raide et plus arrondie..



5. Remplir les lignes et travailler avec des lacets

Étape 1

Groupe ensemble votre dessin au trait. Copie et Coller le dessin au trait, et Aligner avec le groupe d'origine. Fermer à clé le groupe d'art de première ligne dans le Couches panneau. Pour le groupe du bas, définissez le trait sur null et les couleurs de remplissage sur blanc, des crèmes assorties, des gris froids et des gris chauds (voir ci-dessous pour les couleurs et l'application). Ceci est la palette de couleurs globale de la pièce. Fermer à clé ce groupe dans le Couches panneau pour le moment.


Étape 2

Afficher les composants de la dentelle dans le Couches panneau. Voir ci-dessous pour les groupes en général. Toutes les formes ont besoin de deux choses: être définies comme un trait avec le pinceau à poils utilisé pour le dessin au trait de skate et avoir des formes blanches derrière chaque forme afin que vous ne puissiez pas voir les lignes à travers chaque forme..


Étape 3

Le moyen le plus simple que j'ai trouvé d'organiser ces formes est de Dissocier tous les oeillets et lacets, Copie et Coller de sorte que les formes secondaires soient remplies de blanc (contour défini sur null) et que chaque forme blanche Groupé avec son pendant au-dessus. Ensuite, dans le Couches panneau, ils sont disposés comme suit: crochets sur chaque lacet correspondant (quatre et quatre), tous les oeillets sous le reste des lacets, et chaque pièce de dentelle, de haut en bas, est dans l'ordre décroissant (l'élément le plus bas) est le plus élevé dans le Couches panneau. Voir ci-dessous pour la référence de la commande.


Étape 4

Pour référence (et comme vous pouvez le constater, il s’agit du patin rigide initial), il s’agit du placement des deux patins dans la composition finale..



6. Dégradés, transparences et formes d'ombres variées

Étape 1

Une fois encore, j'ai caché les composants de la dentelle pour l'image ci-dessous. J'ai dessiné avec le Outil stylo, deux formes pour ajouter des ombres dégradées à la partie de la chaussure qui contient les oeillets de laçage. Une fois que vous avez dessiné des formes supplémentaires (celles-ci se conforment à la forme précédemment violette et occupent chacune un tiers de la forme complète), appliquez une Radial gradient en utilisant le Pente panneau. Celui-ci va de la crème légère au blanc. Ajustez l'angle avec le Outil de dégradé (G).


Étape 2

Pour les ombres de l'ouverture de la chaussure sur la langue et les lacets, dessinez une forme qui recouvre la langue. Celui-ci sera placé sous l'œillet, mais au-dessus de la langue, de la chaussure. Copie et Coller cette forme d’ombre transparente (j’ai réduit le Opacité à 30% dans le Transparence panneau) deux fois et empilez-les afin que chacun soit un peu plus loin en arrière que l'autre. Appliquer un Flou gaussien effet sur la pièce du bas et Groupe les trois pièces ensemble.


Étape 3

Pour les ombres au-dessus et sous les lacets, répétez la technique de Étape 2. Pour vous assurer que les formes de l’ombre se conforment aux morceaux de botte ou de languette, dessinez une forme avec le Outil stylo qui se croise avec les morceaux d'ombre où vous voulez les couper. Sélectionnez toutes les pièces et utilisez le Outil de création de forme, comme vous l'avez fait précédemment, sélectionnez les composants qui se croisent, désélectionnez et supprimez les parties supplémentaires de ces formes d'ombre afin qu'elles soient coupées au bout de la langue de la chaussure..


Étape 4

Continuez à ajouter des couches de formes transparentes, en appliquant Flous gaussiens au morceau le plus bas, et Regroupement les ensemble comme vous allez le long de la langue de la botte.


Étape 5

Dessine une forme avec le Outil stylo, qui épouse le contour de l'arrière de la chaussure (le talon du pied, dans ce cas, plutôt que la chaussure elle-même) et applique un Gradient Radial en utilisant une couleur crème plus sombre que de Étape 1.


Étape 6

Utilisez des formes transparentes bleues et jaunes, certaines avec un Brouiller effet appliqué, certains sans, pour assombrir le bas de la botte. Superposez-les les uns sur les autres et Groupe ensemble. Continuez à ajouter des formes d'ombre, des dégradés et des transparents autour du patin. Focaliser les ombres sur la semelle (en gris foncé chaud) et utiliser pour la lame un gris sombre et froid (similaire à la couleur utilisée pour le dessin au trait) montrant les ombres portées..


Étape 7

Sélectionner tous les dégradés d'ombre et les transparences et Groupe eux autres ensemble. Ceux sur la langue de la botte seront regroupés séparément, car ils doivent être sous la plupart des formes de la botte. dans le Apparence panneau, changez le Mode de fusion à Multiplier en cliquant Opacité et en choisissant Multiplier de la boîte de dialogue qui apparaît. Répétez l'opération pour les formes d'ombre sur les lacets et la langue. Pour les reflets de la lame, utilisez des formes en dégradé de blanc et placez-les sous le dessin au trait, plutôt que de les multiplier, afin qu'elles restent visibles..



7. attachons les lacets

Étape 1

J'ai choisi d'attacher les lacets dans un tout petit noeud. En utilisant le Outil pinceau blob, assure-toi "Fusionner uniquement avec la sélection"est sélectionné dans le Brosse Blob panneau d'options (double-cliquez l’outil dans la barre d’outils pour faire apparaître les options). Ajustez les options de la brosse à votre convenance. Dans mon cas, étant donné que j'utilise une tablette, la taille du pinceau varie en fonction de la pression. La fidélité et la douceur ont été considérablement dégradées. Ainsi, tout ce que je dessine n'est pas lissé après l'avoir dessiné. (depuis que je veux des traits épais et arrondis).


Étape 2

J'ai dessiné deux formes de boucle, avec le Outil pinceau blob, après ajustement des options de l’étape précédente et de deux lacets longs légèrement incurvés. Copie et Coller toutes les quatre formes et appliquer le même Brosse à poils coup de dessin au trait du patin. Couche chaque pièce d'art en ligne et forme remplie en conséquence de sorte que la boucle supérieure se trouve derrière la boucle inférieure et les queues de l'arc sont derrière chaque.


Étape 3

Pour le noeud, j'ai répété le processus de Étape 2 et a dessiné une petite goutte plutôt qu'un cercle parfait. Ombrez l’arc de dentelle de la même manière que le processus de Section 6. Répéter Sections 1-7 pour le patin gauche. Alternativement, vous pouvez Copie et Coller le patin droit, après Regroupement tous les composants ensemble, et modifiez les formes de la dentelle, la langue de la botte et l'angle de la botte afin qu'il y ait une différence entre les deux patins.


Étape 4

Répéter Sections 1-7 pour le patin gauche. Alternativement, vous pouvez Copie et Coller le patin droit, après Regroupement tous les composants ensemble et modifient les formes de la dentelle, la langue de la botte et l’angle de la botte pour créer une différence entre les deux patins. Ensuite, superposez les formes d'ombres noires, avec des dégradés linéaires appliqués à partir de Transparent à pleinement Opaque gris foncé sur le patin de gauche qui servira d’ombre projetée du patin de droite (voir la position du patin de droite comme référence pour cela). Ci-dessous, j'ai six couches de couches d'ombres superposées..



8. Travail sur le fond

Étape 1

En utilisant un vert menthe clair comme couleur de remplissage, j'ai gribouillé un fond avec le Outil pinceau blob derrière les patins. S'il vous plaît noter les patins dans la photo ci-dessous ne sont pas la version finale de cette conception et sont utilisés comme référence de placement pour le fond final.


Étape 2

Sélectionner l'arrière-plan gribouillis et Effet> Distorsion & Transformation> Roughen, ajustez les options pour que la couleur gribouillée devienne très agitée.


Étape 3

Sous Effets> Distorsion> Verre, ajustez les options de manière à ce que l'arrière-plan ressemble à celui dessiné avec un pastel ou un crayon sur du papier texturé (toile, dans ce cas).


Étape 4

Copie et Coller l'arrière-plan à quelques reprises, ajustez la transparence de chacun de manière à ce qu'il soit légèrement superposé, puis appliquez une Flou gaussien à l'une des formes à la menthe dupliquées afin qu'il ressemble plus à l'arrière-plan a été fait de pastels plutôt que de pixels.



8. faire un modèle de flocon de neige

Étape 1

Les flocons de neige sont faciles à faire. Tracez un cercle caressé avec le Outil Ellipse. En utilisant le Outil de segment de ligne (\) tracez une ligne horizontale, coupant le cercle en deux. Copie et Coller le segment de ligne et Tourner chacun autour du cercle pour quatre lignes au total et huit sections égales. Épaissir le poids des lignes et des cercles, Développer leur apparition dans Objet, Groupe ensemble, et allez à Zig Zag sous Effet> Distorsion et transformation. Ajustez la taille et les arêtes par segment à votre convenance. Frappé D'accord. Développer le flocon de neige sous Objet.


Étape 2

Appliquez une couleur de remplissage unique à la forme du flocon de neige. En utilisant le Outil de sélection directe, sélectionnez des composants du flocon de neige et supprimez-les. Pour supprimer davantage de composants du flocon de neige, tracez des formes supplémentaires sur celui-ci (dans ce cas, des lignes plus épaisses qui ont été élargies en objets). Sélectionnez les nouvelles formes et le flocon de neige, puis utilisez la commande Outil de création de forme sélectionner des composants intersectants des formes. Désélectionner et Effacer parties du flocon de neige donc il y a plus d'espaces dans la conception. Une fois que vous êtes satisfait de l'ensemble du flocon de neige, Unir dans Éclaireur.


Étape 3

Répétez le processus de Étapes 1 et 2 alors faites des flocons de forme différente. Redimensionnez un ou deux d'entre eux (je n'en utilise que deux dans cette conception) et sélectionnez les deux lorsqu'ils sont placés l'un à côté de l'autre. dans le Options de modèle panneau, coup Faire un motif.


Étape 4

Ajustez le motif dans le panneau d'options à votre convenance. Lorsque vous êtes satisfait, enregistrez le motif dans la partie supplémentaire des options du panneau (le petit bloc aligné en haut à droite) et appliquez votre nouveau motif de flocon de neige sur un grand rectangle recouvrant la planche d’art (dessinez avec le Outil Rectangle (M)) placé derrière les patins mais au-dessus du fond pastel mentholé dans le Couches panneau.



Obtenez vos patins!

Des modifications assorties ont été apportées à chaque patin afin de le rendre moins raide (tout est fait pour la forme de base plutôt que pour la redessiner). L'idée de la pièce est de créer un vecteur qui ressemble à un dessin avec des marqueurs de design ou avec de l'aquarelle et des encres. Gardez-le léger, rêveur et évoquant la pensée de patineurs en mouvement élégants.