Comment créer une illustration détaillée de crayons dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer une illustration détaillée des crayons dans Adobe Illustrator.. 

Pour les débutants, vous apprendrez à configurer une grille simple et à créer la pointe de votre crayon à l'aide d'outils et d'effets de base, ainsi que de techniques de tracé soignées. Ensuite, vous allez apprendre à créer le corps de votre crayon en utilisant des techniques de base de construction de formes vectorielles et un ensemble de dégradés linéaires.. 

Vous apprendrez ensuite comment ajouter des nuances subtiles et un morceau de texte et comment recolorer facilement votre crayon. Enfin, vous apprendrez à créer votre propre pinceau calligraphique et à ajouter des gribouillis colorés à l’aide de l’outil Polar Grid Tool et de l’effet Scribble..

1. Créer un nouveau document et configurer une grille

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 1400 dans les cases largeur et hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72 ppi), et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.

Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Pour commencer, vous aurez besoin d’une grille chaque 5 px, si simplement aller à Édition> Préférences> Guides> Grille, et entrez 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail. Et gardez à l’esprit que vous pouvez facilement l’activer ou le désactiver en utilisant le Contrôle-" raccourci clavier.

Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Créer les formes principales de la pointe du crayon

Étape 1

Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 181 G = 135 B = 101. Déplacez-vous sur votre planche et créez simplement un 35 x 55 px rectangle le Aligner sur la grille devrait rendre cela plus facile.

Étape 2

Pour cette étape, vous aurez besoin d’une grille tous les 1 px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte. Concentrez-vous sur le côté inférieur de votre rectangle et sélectionnez le Outil de sélection directe (A). Sélectionnez le point d'ancrage gauche et faites-le glisser 17 px à droite puis sélectionnez le bon point d'ancrage et faites-le glisser 17 px à gauche.

Étape 3

En utilisant le Outil stylo (P), créer un 25 px chemin horizontal et placez-le exactement comme indiqué dans la première image. Assurez-vous que ce chemin reste sélectionné et concentrez-vous sur la Apparence panneau (Fenêtre> Apparence). Supprimez la couleur du remplissage, puis sélectionnez le trait. Assurez-vous que le Poids est réglé sur 1 px et remplacez la couleur existante par un bleu aléatoire.

Retournez sur votre planche d’art, continuez à vous concentrer sur ce chemin bleu et choisissez le Outil de sélection directe (A). Sélectionnez le bon point d'ancrage et faites-le simplement glisser 9 px comme indiqué dans la deuxième image.

Étape 4

Assurez-vous que votre chemin bleu est toujours sélectionné et allez à Effet> Distorsion & Transformation> Roughen. Entrez les attributs affichés dans l'image suivante, cliquez sur D'accord et puis aller à Objet> Développer l'apparence.

Étape 5

Resélectionnez votre chemin bleu avec la forme marron, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Diviser bouton. Assurez-vous que le groupe résultant est sélectionné et appuyez simplement sur Maj-Contrôle-G à Dissocier il. Maintenant, sélectionnez la forme inférieure et remplacez la couleur de remplissage existante par R = 147 G = 149 B = 152.

3. Ajouter une texture en bois subtile

Étape 1

En utilisant le Outil Ellipse (L), créer un 63 x 90 px forme et placez-le approximativement comme indiqué dans l'image suivante. Assurez-vous que cette nouvelle forme reste sélectionnée et passez au Apparence panneau.

Commencez par supprimer la couleur du remplissage, puis sélectionnez le trait. Remplacez la couleur existante par un vert aléatoire, puis cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Met le Poids à 2 px et ensuite passer à la Profil menu déroulant et sélectionnez Profil de largeur 2.

Étape 2

Assurez-vous que votre forme ovale verte est toujours sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F> Contrôle-F).

Sélectionnez cette copie, faites-la 56 px large et 80 px long, placez-le approximativement comme indiqué dans l'image suivante, puis déplacez-vous vers le Apparence panneau. Sélectionnez l'existant Accident vasculaire cérébral et simplement augmenter le Poids à 4 px.

Étape 3

Assurez-vous que la forme ovale verte plus petite est toujours sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F> Contrôle-F).

Sélectionnez cette copie, faites-la 49 px large et 70 px long, placez-le approximativement comme indiqué dans l'image suivante, puis déplacez-vous vers le Apparence panneau. Sélectionnez l'existant Accident vasculaire cérébral et simplement diminuer le Poids à 2 px.

Étape 4

Assurez-vous que la forme ovale verte plus petite est toujours sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F> Contrôle-F).

Sélectionnez cette copie, faites-la 42 px large et 60 px long, placez-le approximativement comme indiqué dans l'image suivante, puis déplacez-vous vers le Apparence panneau. Sélectionnez l'existant Accident vasculaire cérébral et simplement augmenter le Poids à 3 px.

Étape 5

Assurez-vous que la forme ovale verte plus petite est toujours sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F> Contrôle-F).

Sélectionnez cette copie, faites-la 35 px large et 50 px long, placez-le approximativement comme indiqué dans l'image suivante, puis déplacez-vous vers le Apparence panneau. Sélectionnez l'existant Accident vasculaire cérébral et simplement baisser le Poids à 2 px.

Étape 6

Maintenant, vous devez vous assurer que ces formes ovales vertes sont concentriques. Sélectionnez toutes ces formes et choisissez le Outil de sélection (V). Cliquez sur le bord de la plus grande forme ovale (il convient de le souligner), déplacez-vous vers le Aligner panneau (Fenêtre> Aligner) puis cliquez sur le Centre d'alignement horizontal et Centre d'alignement vertical boutons.

Assurez-vous que toutes vos formes ovales vertes sont toujours sélectionnées et appuyez simplement sur Contrôle-G à Groupe leur. Assurez-vous que ce nouveau groupe est sélectionné et allez à Effet> Warp> Arc. Entrez les attributs affichés dans l'image suivante et cliquez sur D'accord.

Étape 7

Resélectionnez votre groupe de formes vertes et allez à Objet> Développer l'apparence. Assurez-vous que le groupe de formes résultant est toujours sélectionné et appuyez simplement sur Contrôle-8 (ou aller à Objet> Chemin composé> Marque) pour le transformer en un chemin composé.

Maintenant, sélectionnez votre forme marron et faites une copie devant en utilisant le même Contrôle-C> Contrôle-F raccourci clavier. Sélectionnez cette copie avec votre chemin composé vert et cliquez sur le bouton Couper bouton du Éclaireur panneau. Transformez le groupe de formes résultant en un nouveau chemin composé (Contrôle-8), assurez-vous qu’il reste sélectionné et passez au Apparence panneau. Remplacez la couleur de remplissage existante par un noir simple (R = 0 G = 0 B = 0), abaisse son Opacité à 20% et changer le Mode de fusion à Lumière douce.

4. Ajouter des nuances et des reflets pour la pointe

Étape 1

En utilisant le Outil Rectangle (M), créé un 18 x 55 px la forme et le placer comme indiqué dans la première image. Faites-le noir, abaissez son Opacité à 20% et changer le Mode de fusion à Lumière douce. Continuez à vous concentrer sur ce nouveau rectangle et choisissez le Outil de sélection directe (A). Sélectionnez le point d'ancrage en haut à gauche et faites-le glisser 8 px à droite, puis sélectionnez le point d'ancrage en bas à droite et faites-le glisser 17 px à gauche. À la fin, les choses devraient ressembler à la deuxième image.

Étape 2

En utilisant le Outil Rectangle (M), créer un 17 x 52 px forme blanche et placez-le comme indiqué dans la première image. Concentrez-vous sur le côté inférieur de ce nouveau rectangle et saisissez le Outil de sélection directe (A). Sélectionnez le point d'ancrage gauche et faites-le glisser 8 px à droite, puis sélectionnez le bon point d'ancrage et faites-le glisser 8 px à gauche. Assurez-vous que cette forme blanche reste sélectionnée, abaissez son Opacité à 80%, changer la Mode de fusion à Lumière douce et puis aller à Effet> Flou> Flou Gaussien. Entrez un Rayon 2 px et cliquez D'accord.

Étape 3

En utilisant le Outil Rectangle (M), créer un 17 x 60 px forme blanche et placez-le comme indiqué dans la première image. Concentrez-vous sur le côté inférieur de ce nouveau rectangle et saisissez le Outil de sélection directe (A). Sélectionnez le point d'ancrage gauche et faites-le glisser 8 px à droite puis sélectionnez le bon point d'ancrage et faites-le glisser 8 px à gauche. Assurez-vous que cette forme blanche reste sélectionnée, abaissez son Opacité à 20% et changer le Mode de fusion à Lumière douce.

Étape 4

En utilisant le Outil Rectangle (M), créer un 5 x 40 px forme blanche et placez-le comme indiqué dans la première image. Concentrez-vous sur le côté inférieur de ce nouveau rectangle et saisissez le Outil de sélection directe (A). Sélectionnez le point d'ancrage gauche et faites-le glisser 2 px à droite, puis sélectionnez le bon point d'ancrage et faites-le glisser 2 px à gauche. Assurez-vous que cette forme blanche reste sélectionnée, abaissez son Opacité à 25% et changer le Mode de fusion à Lumière douce.

5. Créez le corps de votre crayon

Étape 1

Retourner à quadrillage tous les 5 px, si simplement aller à Édition> Préférences> Guides et grille et entrez 5 dans le Quadrillage tous les boîte. En utilisant le Outil Rectangle (M), créer un 15 x 400 px rectangle, placez-le comme indiqué dans la première image et choisissez un simple bleu (R = 39 G = 170 B = 225) pour la couleur de remplissage.

Basculer vers quadrillage tous les 1 px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte. Choisissez le Outil Ellipse (L), créer un 15 x 18 px forme, placez-le comme indiqué dans la deuxième image et utilisez le même bleu pour la couleur de remplissage.

Étape 2

Resélectionnez les deux formes bleues et cliquez simplement sur le bouton Unir bouton du Éclaireur panneau.

Étape 3

Retourner à quadrillage tous les 5 px, si simplement aller à Édition> Préférences> Guides et grille et entrez 5 dans le Quadrillage tous les boîte. En utilisant le Outil Rectangle (M), créer un 10 x 400 px rectangle, placez-le comme indiqué dans la première image et choisissez un simple vert (R = 0 G = 161 B = 75) pour la couleur de remplissage. Concentrez-vous sur le dessus de ce nouveau rectangle et passez au Outil de sélection directe (A). Sélectionnez le point d'ancrage gauche et faites-le glisser 5 px comme indiqué dans la deuxième image.

Étape 4

Basculer vers quadrillage tous les 1 px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte.

En utilisant le Outil Ellipse (L), créer un 10 px cercle, placez-le comme indiqué dans la première image et utilisez le même vert (R = 0 G = 161 B = 75) pour la couleur de remplissage. Assurez-vous que cette nouvelle forme reste sélectionnée, sélectionnez la Outil de point d'ancrage (Maj-C) et cliquez simplement sur le point d'ancrage de gauche qui constitue votre cercle vert. À la fin, les choses devraient ressembler à la deuxième image.

Étape 5

Resélectionnez les deux formes vertes et cliquez simplement sur le bouton Unir bouton du Éclaireur panneau.

Étape 6

Retourner à quadrillage tous les 5 px, si simplement aller à Édition> Préférences> Guides et grille et entrez 5 dans le Quadrillage tous les boîte.

Dupliquez votre forme verte (Contrôle-C> Contrôle-F), sélectionnez la copie et placez-la comme indiqué dans la première image. Assurez-vous que cette copie reste sélectionnée et allez à Objet> Transformer> Refléter. Vérifier la Verticale case puis cliquez sur le D'accord bouton.

Étape 7

Désactiver l'alignement sur la grille (Contrôle-'). Assurez-vous que votre forme bleue est sélectionnée et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px à gauche en utilisant le bouton fléché gauche de votre clavier. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Assurez-vous que la forme obtenue reste sélectionnée, abaissez son Opacité à 15%, changer la Mode de fusion à Lumière douce puis remplacez la couleur de remplissage existante par le dégradé linéaire indiqué dans l'image suivante. Gardez à l’esprit que les chiffres jaunes de la Pente image stand pour Opacité pourcentage, tandis que les bleus représentent Emplacement pourcentage.

Étape 8

Assurez-vous que votre forme bleue est sélectionnée et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px vers la droite en utilisant le bouton fléché vers la droite de votre clavier. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Ensuite, vous devez copier les propriétés utilisées pour la forme mince créée à l'étape précédente et les coller sur la forme mince créée à cette étape. Voici comment vous pouvez facilement le faire. Aller au Couches Panneau, concentrez-vous sur le côté droit et vous remarquerez que chaque forme est accompagnée d’un petit cercle gris. Cela s'appelle une icône de cible. Tenez le Alt bouton de votre clavier, cliquez sur l’icône cible qui représente la forme mince créée à l’étape précédente et faites glisser sur le cercle représentant la forme mince créée à cette étape..

Étape 9

Assurez-vous que votre forme bleue est sélectionnée et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 3 px à droite. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

De nouveau, copiez les propriétés utilisées pour les autres formes minces et collez-les sur la forme mince créée à cette étape..

Étape 10

Assurez-vous que votre forme bleue est sélectionnée et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 6 px à droite. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Encore une fois, copiez les propriétés utilisées pour les autres formes minces et collez-les sur la forme créée à cette étape..

Étape 11

Resélectionnez votre forme bleue et remplacez simplement la couleur de remplissage existante par le dégradé linéaire montré dans l'image suivante..

Étape 12

Sélectionnez la forme verte à droite et remplacez simplement la couleur de remplissage existante par le dégradé linéaire indiqué dans l'image suivante. N'oubliez pas que les chiffres bleus du Pente image stand pour Emplacement pourcentage.

Étape 13

Resélectionnez votre forme verte restante et remplacez simplement la couleur de remplissage existante par le dégradé linéaire montré dans l'image suivante..

6. Ajouter plus d'ombrage et un morceau de texte

Étape 1

Resélectionnez toutes les formes créées jusqu'à présent et dupliquez-les (Contrôle-C> Contrôle-F). Sélectionnez ces copies et cliquez sur le bouton Unir bouton du Éclaireur panneau. Remplir la forme obtenue avec un noir simple.

Étape 2

Assurez-vous que votre forme noire reste sélectionnée, envoyez-la à l’arrière (Shift-Control- [) et ensuite passer à la Apparence panneau. Tout d'abord, sélectionnez le remplissage existant et allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche, cliquez sur D'accord, puis ajoutez les trois autres Ombre portée effets montrés dans l'image suivante.

Retour à la Apparence panneau et ajoutez un deuxième remplissage pour votre forme en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, assurez-vous que la couleur est définie sur noir et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 1 px, Cliquez sur D'accord, et puis aller à Effet> Styliser> Outer Glow. Entrez les propriétés indiquées ci-dessous, cliquez sur D'accord et ensuite revenir à la Apparence panneau.

Sélectionnez le trait existant, assurez-vous que la couleur est définie sur noir, abaissez son Opacité à 50%, changer la Mode de fusion à Lumière douce puis ouvrez ça Accident vasculaire cérébral panneau fly-out. Assurez-vous que le Poids est réglé sur 1 px puis vérifiez la Aligner sur l'extérieur bouton.

Étape 3

Resélectionnez toutes les formes faites jusqu'à présent et allez à Objet> Transformer> Rotation. Met le Angle à -90 degrés puis cliquez sur le D'accord bouton.

Étape 4

Choisissez le Outil de type (T) et se concentrer sur la Personnage panneau (Fenêtre> Personnage). Sélectionnez le Ignis et Glacies Extra Sharp Gras police, définissant la taille sur 10 px et le suivi de 100. Maintenant, cliquez simplement sur votre toile et ajoutez votre morceau de texte. Assurez-vous qu'il reste sélectionné et allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l'image suivante et cliquez sur D'accord.

Étape 5

Sélectionnez la forme grise minuscule qui forme la pointe de votre crayon, ainsi que les trois formes longues qui forment le corps de votre crayon, et dupliquez-les (Contrôle-C> Contrôle-F). Sélectionnez ces copies, cliquez sur le bouton Unir bouton du Éclaireur panneau et ensuite frappé Contrôle-8. Vous utiliserez ce nouveau chemin composé pour recolorer tout votre crayon. Assurez-vous qu’il reste sélectionné, remplacez la couleur de remplissage existante par un noir simple, puis modifiez-la. Mode de fusion à Recouvrir. En fin de compte, votre crayon devrait ressembler à la troisième image..

7. Multipliez votre crayon et recolorez les copies

Étape 1

Activer l'alignement sur la grille (Contrôle-'). Basculer vers quadrillage tous les 1 px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte.

En utilisant le Outil Ellipse (L), créer un 105 px cercle, rendez-le bleu (R = 39 G = 170 B = 225) et placez-le comme indiqué dans la première image. En utilisant le même outil, créez un 15 px cercle blanc et placez-le comme indiqué dans la deuxième image.

Étape 2

Sélectionnez toutes les formes qui composent votre crayon et passez à la Outil de rotation (R). Tenez le Alt bouton de votre clavier, faites glisser ce point de référence près du centre de votre petit cercle blanc, relâchez le bouton de la souris et le bouton Tourner la fenêtre devrait s'ouvrir. Met le Angle à 45 degrés puis cliquez sur le D'accord bouton. Assurez-vous que ce groupe nouvellement créé reste sélectionné et appuyez simplement sur le Contrôle-D raccourci clavier six fois. À la fin, les choses devraient ressembler à la troisième image.

Étape 3

Concentrez-vous sur les nouveaux crayons. Sélectionnez les chemins composés noirs utilisés pour recolorer vos crayons et changer le Mode de fusion de Recouvrir à Brûlure de couleur. Maintenant, sélectionnez ces chemins composés un par un et remplacez simplement ce noir par les couleurs montrées dans les images suivantes.

8. Ajouter les gribouillis ronds

Étape 1

Resélectionnez ce petit cercle blanc et éliminez-le. Choisissez le Outil de grille polaire et cliquez simplement sur votre artboard. Entrez tous les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton. Assurez-vous que cette grille polaire reste sélectionnée, placez-la comme indiqué dans la première image, puis allez à Objet> Transformer> Rotation. Met le Angle à 22 degrés puis cliquez sur le D'accord bouton.

Étape 2

Resélectionnez votre grille polaire avec le cercle bleu et cliquez sur le bouton Diviser bouton du Éclaireur panneau. Dissocier (Maj-Contrôle-G) le groupe résultant, sélectionnez les formes en surbrillance dans la deuxième image et supprimez-les simplement.

Étape 3

Sélectionnez les huit formes qui constituent votre cercle central et remplacez la couleur de remplissage existante par les couleurs illustrées dans les images suivantes..

Étape 4

Assurez-vous que les formes colorées qui composent votre cercle central sont toujours sélectionnées et allez à Effet> Styliser> Gribouiller. Entrez les attributs affichés dans l'image suivante, puis cliquez sur D'accord.

9. Créer un pinceau calligraphique et ajouter plus de gribouillis

Étape 1

Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur le Nouveau pinceau bouton. Vérifier la Pinceau calligraphique boîte et cliquez D'accord. Nommez votre nouvelle brosse, entrez tous les attributs indiqués dans l’image suivante, puis cliquez sur le bouton D'accord bouton.

Étape 2

Choisissez le Pinceau (B), sélectionnez votre pinceau calligraphique dans le Des pinceaux panneau, déplacez-vous vers votre planche d’art et tracez un tas de chemins ondulés qui relient vos crayons aux gribouillis colorés. Utilisez les couleurs indiquées dans l'image suivante (les mêmes couleurs que celles utilisées pour les formes du cercle central), et une fois terminé, n'oubliez pas de renvoyer ces chemins (Shift-Control- [).

10. Ajouter le fond

Étape 1

En utilisant le Outil Rectangle (M), créer un 1410 px carré, définissez la couleur de remplissage sur R = 255 G = 250 B = 240, assurez-vous qu’il recouvre l’ensemble de votre planche d’art et n’oubliez pas de le renvoyer (Shift-Control- [).

Étape 2

Assurez-vous que votre carré d’arrière-plan est toujours s