Comment tirer le meilleur parti de vos illustrations vectorielles

Dans ce didacticiel, vous apprendrez à prendre votre illustration vectorielle et à la préparer pour de nombreuses utilisations, à la styliser de manière unique et à la préparer pour la vente sur des sites de micro-stocks. Commençons!


introduction

J'aimerais partager avec vous ma méthode de création de trois styles différents d'illustration vectorielle basés sur un concept et un croquis. Vous pouvez tirer le meilleur parti de votre concept d’illustration vectorielle en étendant les possibilités d’utilisation et en le adaptant à plusieurs conceptions et projets..

Si vous avez une excellente idée d'illustration que vous souhaitez intégrer à de nombreuses conceptions de marchandise, il peut être utile d'avoir différentes apparences d'une illustration à utiliser sur les produits où elles conviennent le mieux. En créant différents styles d'une illustration, vous augmentez les possibilités d'utilisation pour les concepteurs qui téléchargent votre illustration vectorielle sur des sites Web à micro-stock, ce qui la rend plus précieuse pour eux..

Vous pouvez trouver les fichiers source dans le répertoire "source" inclus dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..


Dans ce tutoriel

Voyons ce que vous allez apprendre dans ce tutoriel, les outils dont vous aurez besoin et d'autres détails..

Tu vas apprendre

  • Comment tirer le meilleur parti de votre concept d'illustration en étendant son utilisation.
  • Comment créer trois styles d'une illustration vectorielle à partir d'une esquisse pour terminer dans Adobe Illustrator tout en travaillant dans le même fichier.
  • Comment travailler avec des pinceaux dans Adobe Illustrator.
  • Comment utiliser ces trois styles dans des projets graphiques réels.

Tu auras besoin de

  • Papier et crayon
  • Photo, appareil photo ou scanner
  • Adobe Illustrator (j'ai utilisé CS3)
  • Tablette de dessin

Étape 1: Faire un croquis

J'ai décidé d'illustrer le concept d'anniversaire et de créer ce personnage de perroquet pour communiquer l'idée de plaisir et de bonheur avec les couleurs vives de cet oiseau et ses détails, comme un chapeau, un nœud papillon, une boîte-cadeau et des fleurs..

Faites un croquis de votre illustration. Améliorez-le sur le papier jusqu'à ce que vous soyez satisfait du résultat. Transférez votre dessin sur votre ordinateur en le scannant ou en le photographiant. J'ai pris une photo de mon dessin avec mon appareil photo et je l'ai importée dans Photoshop, où je l'ai utilisée jusqu'à ce qu'elle soit prête pour le travail dans Illustrator..



Étape 2: Importation dans Illustrator

Ouvrez Adobe Illustrator. Créez un nouveau document 800 px sur 800 px (Fichier> Nouveau). Importez votre croquis dans Illustrator (Fichier> Importer). Cochez la case Modèle. L'esquisse est placée sur un calque séparé avec une opacité inférieure pour votre commodité et un nouveau calque est créé au-dessus de celui-ci. Positionnez votre dessin au centre de la planche à l’aide de Aligner sur la planche. Nommez cette couche "Esquisse".



Étape 3: Créer un dessin au trait d'un perroquet

Créez un nouveau calque et nommez-le "Ligne - perroquet". Comme nous voulons que cette variante de notre illustration ressemble un peu à un dessin au trait à l’encre, nous allons sélectionner quelques pinceaux dans les bibliothèques de pinceaux Adobe Illustrator. J'ai sélectionné les pinceaux "Tapered - Round" et "Tapered Stroke" du groupe "Artistic Ink" et les ai réglés sur 3 pt. J'ai également utilisé un pinceau rond de la bibliothèque de pinceaux "Artistic Calligraphic".


Les pinceaux sélectionnés sont apparus dans ma palette Pinceaux afin que je puisse facilement y accéder tout en travaillant. J'ai également créé des pinceaux personnalisés que j'ai utilisés plus tard dans mon travail en ligne. Pour créer votre propre pinceau, créez une ellipse à l'aide de l'outil Ellipse (L), sélectionnez le point d'ancrage approprié à l'aide de l'outil Sélection directe (A), puis faites-le glisser vers la droite jusqu'à obtenir la forme qui ressemble à une ligne d'encre..


Maintenant, saisissez votre nouvelle forme à l'aide de l'outil de sélection (V), faites-la glisser dans la palette des pinceaux à droite et déposez-la là. Le menu Nouveau pinceau apparaît où vous devez sélectionner Nouveau pinceau et appuyer sur OK. Maintenant, nommez votre nouveau pinceau dans la fenêtre Options de pinceau "pinceau personnalisé" et cliquez sur OK. Vous avez créé un pinceau personnalisé que vous pouvez utiliser dans ce projet et que vous enregistrez pour une utilisation ultérieure (Palette de styles> Menu Options> Enregistrer la bibliothèque de styles)..

Créez les formes de base d'un perroquet à l'aide de l'outil Plume (P) pour les lignes droites, comme dans le chapeau. Utilisez l'outil Pinceau (B) pour les lignes d'encre, comme dans l'aile et la queue. Utilisez également l’outil Ellipse (L) pour les cercles dans les yeux et dans le noeud papillon. Vous pouvez modifier l'épaisseur des lignes en modifiant le poids du trait. J'ai utilisé les lignes plus épaisses pour les formes extérieures du perroquet et les lignes plus minces pour les plus petits détails.


Dessinez ensuite les détails du corps et les petites lignes des plumes et des jambes du perroquet en utilisant les mêmes brosses, mais avec des traits plus fins. Regroupez les détails en fonction de la partie du corps pour ne pas vous perdre si vous souhaitez expérimenter leur taille ultérieurement.


Une fois votre travail au trait terminé, vous pouvez rendre le calque d'esquisse invisible en cliquant sur l'icône représentant un petit œil près de celui-ci (ou sur l'icône de formes si le calque est un modèle) et vous verrez apparaître votre perroquet au trait d'encre.



Étape 4: Créer un dessin au trait de fleurs

Créez un nouveau calque et nommez-le "Ligne - Fleurs". En utilisant les mêmes pinceaux et techniques qu'à l'étape 3, tracez les lignes des fleurs. Utilisez l'outil Pinceau (B) pour marquer les lignes dans les pétales et l'outil Plume (P) pour les formes dans les tiges des fleurs..



Étape 5: Création du dessin au trait de la boîte-cadeau

Créez un nouveau calque et nommez-le "Ligne - Coffret cadeau". Créez un plus grand rectangle pour la boîte et un autre plus mince pour le ruban à l'aide de l'outil Rectangle (M), puis placez-les en fonction de l'esquisse..

Ne leur donnez pas à combler, juste un coup. Maintenant, utilisez l'outil Ciseaux (C) pour couper les lignes des rectangles où la boîte et le ruban sont cachés derrière le perroquet. À la fin. vous devriez avoir un aperçu de la boîte-cadeau. Sélectionnez les traits et cliquez sur votre pinceau personnalisé pour que l'apparence de la ligne ressemble davantage à une ligne d'encre..


Utilisez l'outil Ellipse (L) pour créer la forme au centre du ruban et les cercles dans la décoration du coffret. Utilisez l'outil Pinceau (B) pour dessiner le ruban sur le dessus de la boîte..


Pour créer les grands groupes de cercle dans les décorations, créez deux cercles, un grand et un petit. Placez le petit au centre d'un grand cercle à l'aide de la palette Aligner. Donnez-leur un mince coup, mais pas de remplissage. Sélectionnez les deux, allez à Objet> Fusion> Options de fusion…

Dans le menu Options de fusion, définissez l'espacement sur Etapes spécifiées et remplissez 6. Laissez l'alignement sur la page pour l'orientation. Après cela, allez à nouveau à Objet> Mélange> Faire et vous obtiendrez le groupe de cercles pour notre décoration.


Dupliquez les cercles et placez-les selon le croquis. Sélectionnez le groupe de cercle et développez-le (Objet> Développer> Objet de développement> OK). Dissocier l'objet pour obtenir un ensemble de cercles.


Créez une forme au-dessus du cercle avec l'outil Plume (P), comme indiqué ci-dessous. Pour créer des lignes droites verticales et horizontales avec l'outil Plume (P), maintenez la touche Maj enfoncée tout en créant la forme..


Sélectionnez les deux objets et appuyez sur Diviser dans le menu Pathfinder. Dissociez-les et supprimez toutes les formes inutiles au-delà du contour de la boîte. J'ai également supprimé quelques lignes des groupes de cercle pour les rendre plus décoratives et inégales..


Maintenant, coupez les autres groupes de cercle en utilisant Diviser dans le menu Pathfinder pour supprimer les parties couvertes par les formes du perroquet et du ruban. Créez les petits cercles à l'aide de l'outil Ellipse (L).



Étape 6: Ajout de texte au trait

Comme cette illustration pouvait être utilisée pour les voeux d’anniversaire, j’ai décidé d’ajouter "Joyeux anniversaire!" texte à elle. Créez un nouveau calque et nommez-le "Ligne - Texte". Utilisez l'outil Texte (T) pour écrire "Joyeux anniversaire!" et sélectionnez le texte, puis choisissez la police en essayant différentes polices à partir de votre bibliothèque de polices (Type> Polices)..

Comme je comptais colorier le texte plus tard, j'ai utilisé la police Abadi MT Condensed Extra Bold 45 pt de la bibliothèque Adobe Illustrator par défaut. Ne pas remplir le texte, juste un trait, puis centrer les mots et les positionner en fonction des éléments de l'image.


À ce stade, vous devriez avoir la version de dessin au trait terminée de votre illustration..



Étape 7: Coloration du dessin au trait

Créez un nouveau calque et nommez-le "Couleur - Perroquet". Placez-le sous tous les calques intitulés "Ligne", mais au-dessus du calque "Esquisse"..

Commencez à créer les formes de base du perroquet à l’aide de l’outil Plume (P). Laissez le calque "ligne" visible et essayez de tracer des contours de forme au milieu d'un trait à partir du calque "ligne". Assurez-vous que la couleur de votre calque est bien visible (pour changer la couleur du calque, double-cliquez sur le calque dans la palette des calques). Si votre ligne ne semble pas correcte, corrigez-la en faisant glisser le point d'ancrage à l'aide de l'outil de sélection directe (A)..


Créez toutes les formes de base de notre perroquet en utilisant la même technique. Sélectionnez les couleurs vives pour les formes et colorez-les. Donnez des formes à remplir, mais pas de trait. Utilisez l'outil Ellipse (L) pour les yeux..


Créez de nouvelles couches pour les fleurs et pour la boîte-cadeau et nommez-les en conséquence avec le libellé "Couleur -". En utilisant la même méthode qu'avec les formes de perroquet, créez les formes de base des fleurs et du coffret cadeau. Créez un nouveau calque et nommez-le "Couleur - ombre". Utilisez l'outil Ellipse (L) pour créer une grande ellipse et placez-la sous les formes de perroquet et de boîte-cadeau..


Ensuite, créez un nouveau calque appelé "Couleur - texte". Copiez le contour du calque "Ligne - Texte" et collez-le dans le calque "Couleur - Texte". Développez le texte (Objet> Développer) pour obtenir des formes distinctes pour chaque lettre. Sélectionnez maintenant lettre par lettre et colorez-les de différentes couleurs en utilisant les couleurs de l'image utilisée pour les formes de base. Enfin, groupez le texte.



Étape 8: Ajout de détails

À ce stade, nous pouvons ajouter des détails à l’image tels que des ombres, des rehauts et quelques traits supplémentaires. Commencez par créer un nouveau calque et nommez-le "Couleur - Détails". Vous pouvez créer des calques distincts pour chaque pièce (par exemple, "Couleur - détails du perroquet") ou conserver tous les détails dans un calque, mais n'oubliez pas de les regrouper pour les éditer plus facilement..

Créez d'abord les ombres du perroquet. J'ai utilisé l'outil Plume (P) pour toutes les ombres. Essayez de garder les bords de vos lignes au milieu des traits du calque "Ligne".


En utilisant la même méthode, mais cette fois avec des couleurs plus claires, créez des reflets.


Répétez la même procédure pour les fleurs et la boîte-cadeau. À ce stade, vous devriez avoir une deuxième variante finie de votre illustration - illustration de dessin au trait en couleur.



Étape 9: Création d'une variante de couleur uniquement

Il est maintenant temps de voir à quoi ressemble notre illustration sans toutes ces lignes noires. Si vous avez correctement suivi les instructions, vous devriez avoir un ensemble de calques étiquetés "Ligne" et un ensemble de calques étiquetés "Couleur" dans votre palette de calques. Désactivez simplement la visibilité de tous les calques "Ligne" en faisant glisser votre curseur sur les icônes représentant un petit œil près d'eux et vous verrez la version "couleur uniquement" que vous avez créée. ça devrait ressembler à ça.


À ce stade, il est bon de zoomer et de corriger tous les écarts entre les formes et les erreurs que nous avons commises lors de la coloration.


Une fois les formes corrigées, ajoutons quelques détails supplémentaires. Je voulais plus de détails dans les plumes de perroquet et le coffret cadeau, alors je emprunté quelques traits des couches "Ligne". Copiez les traits fins et placez-les sur le nouveau calque "Couleur - traits".


Répétez l'opération pour tous les détails que vous souhaitez ajouter. En fin de compte, vous devriez avoir une version couleur de votre illustration..


Toutes vos variantes sont dans un seul fichier, divisé en couches distinctes étiquetées. En changeant la visibilité des groupes de couches, vous pouvez voir les trois variantes. Considérez ceci comme un fichier source. Vous pouvez enregistrer chaque variante séparément pour l'utiliser dans vos projets..


Étape 10: Utilisation de votre illustration dans des projets

À la suite de votre travail, vous obtenez un fichier vectoriel avec trois variantes différentes d’une illustration vectorielle. Il est temps de tous les utiliser dans vos projets.

Si vous vendez votre illustration sur des sites de micro-stocks, vous pouvez préparer cette illustration pour la vente en suivant les étapes décrites dans mon tutoriel "Comment créer une illustration vectorielle et le préparer pour la vente de micro-stocks" (étapes 11 à 16) . En plus de ces étapes, je vous recommande de créer une copie de ce document et de le modifier en fonction des exigences du micro-stock. N'oubliez pas de développer tous les traits de votre illustration (Objet> Développer) avant de l'envoyer pour révision..

J'ai fait quelques petits projets pour montrer comment les trois variantes pourraient être utilisées. La version au trait peut être utilisée comme coloriage pour les enfants.


Il pourrait s'agir d'une grande carte de voeux colorée par votre enfant comme cadeau à des amis le jour de leur anniversaire..


La version en ligne art + couleur peut être imprimée en tant que carte d'anniversaire à envoyer à vos amis et à votre famille..


La version couleur uniquement peut être utilisée comme une carte électronique d'anniversaire pour les vœux d'anniversaire par courrier électronique. Vous pouvez créer un dessin simple dans Illustrator et l'enregistrer en tant que modèle pour le futur..


Il existe de nombreuses possibilités pour tirer le meilleur parti de votre illustration et j'espère que ce tutoriel vous a donné des idées. Merci pour la lecture!