Dans les étapes suivantes, vous apprendrez à créer une illustration de crayons dans Adobe Illustrator..
Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes principales à l'aide d'outils et d'effets de base. En utilisant des techniques de base de mélange et de création de formes vectorielles, vous apprendrez à ajouter des reflets élégants aux formes existantes..
Ensuite, vous apprendrez à travailler avec des dégradés linéaires et à ajouter une texture subtile à certaines des formes qui composent votre crayon..
Enfin, vous apprendrez comment ajouter l’arrière-plan de l’illustration, comment ajouter une nuance subtile à vos crayons et comment créer une multitude de griffonnages simples..
Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 600 dans la case de largeur et 570 dans la case hauteur puis cliquez sur le Avancée bouton. Sélectionner RVB, Écran (72ppi) 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 5px, si simplement aller à Édition> Préférences> Guides> Grille, entrer 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 la 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.
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 = 39 G = 170 B = 225. Déplacez-vous sur votre planche et créez simplement un 15 x 130px rectangle, le Aligner sur la grille fonctionnalité devrait faciliter votre travail.
Définissez la couleur de remplissage sur R = 255 G = 194 B = 223, assurez-vous que le Outil Rectangle (M) est toujours actif et créer un quatre, 15 x 5px formes. Placez ces nouveaux rectangles comme indiqué dans l'image suivante.
Resélectionnez les cinq rectangles créés jusqu'ici et simplement Contrôle-G à Groupe leur. Assurez-vous que votre groupe est sélectionné et allez à Effet> Warp> Ardennes. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
Resélectionnez votre groupe et allez à Objet> Développer l'apparence. Assurez-vous que le groupe résultant est sélectionné et appuyez simplement sur Maj-Contrôle-G deux fois à Dissocier vos formes. Focus sur le Couches panneau et se débarrasser des cinq formes bleues du bas. Vous n'aurez besoin que des formes principales bleues et des quatre formes roses.
En utilisant le Outil de sélection directe (A), sélectionnez la forme bleue restante, concentrez-vous sur le panneau de commande et réglez le paramètre Coins à 1px.
Pour les étapes suivantes, vous aurez besoin d’une grille tous les 1px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte.
Définir la couleur de premier plan sur R = 255 G = 192 B = 66, choisir le Outil Rectangle (M), créer un 13 x 5px la forme et le placer comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon de 1px, Cliquez sur D'accord et allez à Effet> Déformation> Arc inférieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Objet> Développer l'apparence. Assurez-vous que votre forme jaune est toujours sélectionnée et appuyez simplement sur Shift-Control- [ l'envoyer à l'arrière.
Définir la couleur de premier plan sur R = 127 G = 79 B = 163, choisir le Outil Rectangle (M), créer un 13 x 6px la forme et le placer comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 0.5px, Cliquez sur D'accord et allez à Effet> Warp> Arc supérieur. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Objet> Développer l'apparence. Assurez-vous que votre forme violette est toujours sélectionnée et appuyez simplement sur Shift-Control- [ l'envoyer à l'arrière.
Définir la couleur de premier plan sur R = 57 G = 181 B = 74, choisir le Outil Rectangle (M), créé un 11 x 15px la forme et le placer comme indiqué dans la première image. Concentrez-vous sur la partie supérieure de ce rectangle vert et passez au Outil de sélection directe (A). Sélectionnez le point d'ancrage gauche et faites-le glisser 4px à droite puis sélectionnez le bon point d'ancrage et faites-le glisser 4px à gauche. En fin de compte, votre rectangle vert devrait se transformer en trapèze. Resélectionnez cette forme et appuyez simplement sur Shift-Control- [ l'envoyer à l'arrière.
Désactiver le la grille (Afficher> Masquer la grille) et le Aligner sur la grille (Voir> Aligner sur la grille).
Resélectionnez votre trapèze vert et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez la forme violette et allez à Objet> Chemin> Chemin décalé. Entrez un Décalage de 1px et cliquez D'accord. Sélectionnez la forme obtenue avec la copie réalisée au début de l’étape, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Couper bouton. Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau (Fenêtre> Apparence). Remplacez la couleur de remplissage existante par le noir (R = 0 G = 0 B = 0) puis cliquez simplement dessus "Opacité"morceau de texte pour ouvrir le Transparence panneau fly-out. Changer la Mode de fusion à Lumière douce et baisser le Opacité à 70%.
Aller à Édition> Préférences> Général et assurez-vous que le Incrément de clavier est fixé à 1px.
Resélectionnez votre forme violette 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 1px bas en utilisant le bouton fléché bas 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, définissez la couleur de remplissage sur blanc (R = 255 G = 255 B = 255), abaisse son Opacité à 40% et changer le Mode de fusion à Lumière douce.
Sélectionnez votre forme violette et faites-en une copie devant (Contrôle-C> Contrôle-F) puis sélectionnez la forme bleue et allez à Objet> Chemin> Chemin décalé. Entrez un Décalage de 1px et cliquez D'accord. Sélectionnez la forme obtenue avec la copie réalisée au début de l’étape et cliquez sur le bouton Couper bouton du Éclaireur panneau. Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Remplacez la couleur de remplissage existante par du noir, abaissez son Opacité à 70% et changer le Mode de fusion à Lumière douce.
Sélectionnez votre forme jaune et faites-en une copie devant (Contrôle-C> Contrôle-F) puis sélectionnez la forme bleue et allez à Objet> Chemin> Chemin décalé. Entrez un Décalage de 1px et cliquez D'accord. Sélectionnez la forme obtenue avec la copie réalisée au début de l’étape et cliquez sur le bouton Couper bouton du Éclaireur panneau. Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Remplacez la couleur de remplissage existante par du noir, abaissez son Opacité à 70% et changer le Mode de fusion à Lumière douce.
Resélectionnez votre forme bleue et faites deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1px en utilisant le bouton flèche haut de votre clavier. Reslectez 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, définissez la couleur de remplissage sur blanc, réduisez son Opacité à 40% et changer le Mode de fusion à Lumière douce.
Resélectionnez votre forme bleue et effectuez deux autres copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1px bas en utilisant le bouton fléché bas 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, définissez la couleur de remplissage sur blanc, réduisez son Opacité à 40% et changer le Mode de fusion à Lumière douce.
Sélectionnez vos formes roses, ouvrez le Pente panneau (Fenêtre> Dégradé) et cliquez simplement sur la vignette du dégradé pour ajouter le dégradé linéaire noir à blanc par défaut. Assurez-vous que vos formes restent sélectionnées et concentrez-vous sur la Pente panneau. Tout d'abord, définissez le Angle à 0 degrés.
Ensuite, sélectionnez le curseur de dégradé gauche et définissez la couleur sur R = 80 G = 80 B = 80 puis sélectionnez le curseur de dégradé de droite et ajoutez la même couleur. Concentrez-vous sur la barre de dégradé et cliquez simplement dessus pour ajouter un nouveau curseur de dégradé. Assurez-vous que ce nouveau curseur est sélectionné, définissez sa couleur sur R = 30 G = 30 B = 30, se concentrer sur Emplacement boîte (de la Pente panneau) et le mettre à 15%. Gardez à l’esprit que les chiffres bleus du Pente image stand pour Emplacement pourcentage. Ajoutez un quatrième curseur pour ce dégradé, puis utilisez la couleur et le Emplacement attributs affichés dans l'image suivante.
Sélectionnez votre forme bleue, faites-en une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-] ). Assurez-vous que cette nouvelle copie reste sélectionnée et concentrez-vous sur la Apparence panneau.
Sélectionnez le remplissage existant et remplacez le bleu par du noir. Baisser sa Opacité à 5%, changer la Mode de fusion à Recouvrir ensuite aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante, cliquez sur D'accord et retour à la Apparence panneau. Ajouter un deuxième remplissage pour votre forme en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage et définissez la couleur sur R = 60 G = 36 B = 21. Baisser sa Opacité à 30%, changer la Mode de fusion à Brûlure de couleur ensuite aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Esquisse> Papier. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
Resélectionnez votre forme bleue et remplacez la couleur de remplissage existante par le dégradé linéaire présenté dans l'image suivante. N'oubliez pas que les chiffres bleus du Pente image stand pour Emplacement pourcentage.
Resélectionnez votre forme jaune et remplacez la couleur de remplissage existante par le dégradé linéaire présenté dans l'image suivante. Vous aurez besoin de sauvegarder ce dégradé complexe, alors restez concentré sur la Pente panneau. Cliquez sur cette vignette de dégradé, faites-la simplement glisser à l'intérieur du Échantillons panneau (Fenêtre> Nuancier) et votre dégradé sera sauvegardé.
Resélectionnez votre forme violette et remplacez la couleur de remplissage existante par votre dégradé linéaire enregistré dans Échantillons panneau. Vous devez effectuer un seul changement pour ce dégradé. Il suffit de sélectionner le curseur situé à 70% et faites-le glisser à 65%.
Resélectionnez toutes les formes créées jusqu'à présent et dupliquez-les (Contrôle-C> Contrôle-F). Sélectionnez uniquement les copies et cliquez sur le bouton Unir bouton du Éclaireur panneau. Remplissez la forme obtenue avec du noir et concentrez-vous sur Couches panneau. Renommez-le "ombre"alors simplement désactiver sa visibilité. Vous allez l'utiliser plus tard.
Activer le la grille (Voir> Afficher la grille) et assurez-vous que le Aligner sur la grille reste désactivé. Vous utiliserez la grille comme simple référence. Sélectionnez votre trapèze vert et le Outil de maillage (U). Cliquez simplement sur le dessus de votre forme et ajoutez quatre points de maillage approximativement, comme indiqué dans l'image suivante..
Continuez à vous concentrer sur votre maillage et choisissez le Outil de sélection directe (A). Sélectionnez ces colonnes de points de maillage une par une et ajoutez les couleurs indiquées dans l'image suivante.
Resélectionnez toutes vos formes visibles et simplement Groupe leur (Contrôle-G). Déplacer vers le Couches panneau et renommer ce nouveau groupe "principale". Continuez à vous concentrer sur Couches panneau et allumez la visibilité pour votre "ombre" forme.
Resélectionnez votre "ombre"forme et envoie-le à l'arrière (Shift-Control- [ ). Sélectionnez cette forme noire avec votre "principale"groupe et Groupe leur (Contrôle-G). Focus sur le Couches panneau et renommer ce nouveau groupe "crayon".
Choisissez le Outil Rectangle (M) et cliquez simplement sur votre planche pour ouvrir le Rectangle la fenêtre. Entrer 610 dans le Largeur boîte et 580 dans le la taille puis cliquez sur le bouton D'accord bouton. Assurez-vous que la forme obtenue reste sélectionnée et définissez sa couleur sur R = 255 G = 250 B = 240.
Ensuite, vous devrez le centrer, alors ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l’alignement sur Artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section ci-dessous), assurez-vous que votre forme est sélectionnée puis cliquez simplement sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. En fin de compte, votre rectangle devrait couvrir l’ensemble du plan de travail, comme indiqué dans l’image suivante..
Assurez-vous que votre forme d’arrière-plan est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage, abaissez son Opacité à 50%, changer la Mode de fusion à Lumière douce et ajoutez le dégradé radial indiqué dans l'image suivante. Concentrez-vous sur l’artboard et utilisez le Outil de dégradé (G) pour étirer votre dégradé radial comme indiqué ci-dessous.
Assurez-vous que votre forme d’arrière-plan est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un troisième remplissage. Sélectionnez-le, mettez la couleur en noir, baissez son Opacité à 2%, changer la Mode de fusion à Multiplier et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
Assurez-vous que votre forme d’arrière-plan est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un quatrième remplissage. Sélectionnez-le, mettez la couleur en blanc, baissez son Opacité à 8%, changer la Mode de fusion à Multiplier et allez à Effet> Artistique> Éponge. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
Apporte ton "crayon"groupe à l'avant (Shift-Control-]) et se concentrer sur Apparence panneau. Sélectionnez ça "ombre"forme à l'intérieur de votre"crayon"groupe et se concentrer sur la Apparence panneau.
Sélectionnez le remplissage existant et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Styliser> Outer Glow. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et retour à la Apparence panneau. Ajouter un 1px coup, mettez sa couleur en noir et cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Il suffit de vérifier le Aligner le trait sur l'extérieur bouton.
Focus sur le Couches panneau, sélectionnez cela "principale"groupe à l'intérieur de votre"crayon"groupe et aller à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre supérieure gauche (dans l'image suivante), cliquez sur D'accord puis ajoutez les cinq autres Ombre portée effets montrés dans l'image suivante.
Dupliquez votre "crayon"groupe (Contrôle-C> Contrôle-F), sélectionnez la copie et faites-la glisser de plusieurs pixels vers la droite, comme indiqué dans la première image..
Assurez-vous que votre copie de groupe reste sélectionnée et allez à Édition> Éditer les couleurs> Recolorer l'illustration. Aller au modifier section, assurez-vous que le Recolorer l'illustration boîte et Lien des couleurs d'harmonie sont cochés, puis faites simplement glisser les poignées de couleur comme indiqué dans l’image suivante. N'hésitez pas à utiliser différentes couleurs si vous n'aimez pas cette version jaune. Jouez simplement avec le Luminosité et les poignées de couleur, il y a beaucoup de possibilités.
Faites une deuxième copie de votre "crayon"groupe et le rendre bleu.
Ouvrez le Des pinceaux panneau (Fenêtre> Brosses). Vous aurez besoin d’un pinceau intégré, ouvrez le menu déroulant du menu Des pinceaux panneau et aller à Bibliothèque de pinceaux ouverte> Artistique> Artistic_ChalkCharcoalPencil. Sélectionnez le "Charbon de bois - Plume"brosse d'art et choisissez le Pinceau (B). Définir la couleur à R = 28 G = 117 B = 188 puis dessinez une maison simple comme le montre l'image suivante.
Faites pivoter votre crayon bleu et placez-le grossièrement comme indiqué dans l'image suivante.
Assurez-vous que le PaintbrUsh Tool (B) est toujours actif et utilise le même "Charbon de bois - Plume"brosse d'art pour créer les chemins montrés dans ce qui suit. N'oubliez pas d'utiliser les deux couleurs indiquées ci-dessous. Une fois que vous avez terminé, ajoutez les deux autres crayons comme indiqué dans la deuxième image..
Enfin, n'hésitez pas à jouer avec cet effet. Recolorez vos crayons comme bon vous semble et créez vos propres créations.
Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..