Share
Ce que vous allez créerSuivez ce tutoriel et découvrez comment créer un avocat en utilisant une seule forme dans Adobe Illustrator. Vous commencerez par une forme de base puis en la déformant, vous obtiendrez la forme de l'avocat. À partir de ce moment, vous ajouterez les apparences une par une afin de créer le style avocat. Vous allez créer la peau, la pulpe et la graine, vous allez ajouter de la lueur, des reflets et des nuances en utilisant la même forme, mais avec l'aide des effets en direct: Chemin décalé, Transformer, Convertir en forme, Arc supérieur, Arc inférieur et Gonfler. Si tout cela vous semble intéressant, préparez-vous pour un long trajet de 19 apparitions qui vous fera aimer le panneau Apparence d'ici la fin. Préparez-vous, commencez!
lancement Illustrateur ensuite aller à Fichier> Nouveau ouvrir un document vierge. Tapez un nom et configurez les dimensions, puis sélectionnez Les pixels comme Unités et RVB comme Mode de couleur.
Ensuite, allez à Édition> Préférences> Général et mettre le Incrément de clavier à 1px et pendant que vous y êtes, allez à Unités et performances d'affichage et mettre le Unités comme indiqué ci-dessous. Je travaille habituellement avec ces paramètres et ils vous aideront tout au long du processus de dessin..
Vous passerez du temps à créer la forme de l'avocat et je l'expliquerai étape par étape car il s'agit d'une partie importante du didacticiel. Si vous voulez reproduire l'avocat, vous aurez besoin de la même forme que celle que j'ai utilisée. Bien sûr, vous pouvez utiliser une forme différente, mais tous les paramètres des chemins de décalage et des effets réels généreront un résultat différent et vous devrez adapter ces paramètres à votre forme. Ceci étant dit, commençons par la forme de l'avocat.
Prenez le Outil de segment de ligne (\) et cliquez sur votre planche pour ouvrir le Options de l'outil de segment de ligne la fenêtre. Type 91.5px dans le Longueur champ et définir le Angle à 0 degrés puis frappé D'accord. Vous obtiendrez la première ligne horizontale. Après avoir sélectionné cette ligne, allez à Objet> Chemin> Ajouter des points d'ancrage afin d'ajouter un point supplémentaire au milieu.
Ensuite, utilisez le Outil de segment de ligne (\) tracer une ligne verticale ayant les dimensions indiquées. Maintenant, arrangez les deux lignes comme dans l'image. Utilisez le point d'ancrage du milieu comme référence et placez la ligne verticale légèrement à gauche.
Maintenant que vous avez les deux lignes, utilisez-les comme référence pour dessiner un triangle entre les points finaux, comme indiqué. Après cela, supprimez les lignes car vous n'en aurez plus besoin.
Pendant que le triangle reste sélectionné, allez à Objet> Chemin> Ajouter des points d'ancrage deux fois pour ajouter trois points supplémentaires de chaque côté du triangle. J'ai attaché un numéro à ces points car nous allons travailler avec chacun d'eux séparément. Maintenant, sélectionnez le point d’ancrage «1» et allez à Objet> Transformer> Déplacer, type 33px dans le Horizontal terrain et 10px dans le Verticale champ puis frappé D'accord. Ensuite, sélectionnez le point “2” puis allez à Objet> Transformer> Déplacer, type -32px dans le Horizontal terrain et 10px dans le Verticale champ puis frappé D'accord. Après ces actions, votre forme devrait ressembler à l'image suivante.
Sélectionnez le point “3” et cette fois déplacez-le 36px horizontalement et 2px verticalement. Continuez avec le point “4” et utilisez les paramètres indiqués pour le déplacer également.
Ensuite, sélectionnez les points “5” et “6” puis allez à Bouge toi à nouveau et utilisez les paramètres indiqués pour chaque point.
Prendre le Supprimer l'outil de point d'ancrage (-) et cliquez sur les points indiqués pour les supprimer puis sélectionnez le point «7» et déplacez-le 2px horizontalement et -18px verticalement.
Utilisez le Outil de sélection directe (A) pour sélectionner uniquement le point indiqué et appuyez sur la touche Convertir les points d'ancrage sélectionnés en lissage option dans le Contrôle panneau. En conséquence, vous obtiendrez une paire de poignées. Ayant toujours ce point sélectionné, allez à Fichier> Scripts> Etendre les poignées et appliquer un pourcentage de 200. Cela fera les poignées doubler aussi longtemps. Bien sûr, vous pouvez étendre les poignées manuellement avec le Outil de sélection directe (A) mais en utilisant ce script vous garderez la symétrie et l'angle.
Si vous n'avez pas le Étendre les poignées script, vous pouvez aller à cet article 20 Scripts Adobe Illustrator gratuits et utiles pour le télécharger, puis suivez les instructions pour l’installer. Après cela, vous pourrez accéder au script en allant sur Fichier> Scripts> Etendre les poignées. En utilisant ce script, vous pouvez facilement étendre, raccourcir, supprimer ou inverser les poignées. Valeurs sur 100 conduire à une extension des poignées, valeurs sous 100 conduire à un raccourcissement des poignées et 0 les enlève.
Sélectionnez le point indiqué avec le Outil de sélection directe (A) puis appuyez sur le Convertir les points d'ancrage sélectionnés en lissage option afin de générer les poignées. Pour prolonger les poignées, exécutez le Étendre les poignées script et appliquer un pourcentage de 200 encore. Ensuite, sélectionnez uniquement le point en bas et appuyez sur la Convertir les points d'ancrage sélectionnés en lissage option dans le Contrôle panneau.
Sélectionnez le point “8” avec le Outil de sélection directe (A) et appuyez sur le Convertir les points d'ancrage sélectionnés en lissage option puis exécutez le Étendre les poignées script et appliquer un pourcentage de 220 cette fois.
Sélectionnez les deux points indiqués et transformez-les en points lisses, comme vous le faisiez auparavant. Après cela, faites de légers ajustements concernant l’angle des poignées afin d’obtenir des courbes plus lisses (1).
Ensuite, sélectionnez les quatre points indiqués et appuyez sur le bouton Convertir les points d'ancrage sélectionnés en lissage option à nouveau pour générer les poignées. À ce stade, vous pouvez effectuer de légers ajustements si nécessaire, sinon la forme de l'avocat est prête (2)..
Remplissez la forme d’avocat avec le vert foncé puis à partir du menu déroulant du Apparence panneau choisir Ajouter un nouveau remplissage. En conséquence, vous obtiendrez un deuxième remplissage au-dessus du premier et vous pourrez utiliser la nuance de vert indiquée comme couleur de remplissage. Ayant cela Remplir attribut sélectionné dans le Apparence panneau, allez à Effet> Chemin> Chemin de décalage et appliquer un -Décalage 2px. Vous venez de créer la peau de l'avocat.
Ayant toujours cela Remplir attribut sélectionné dans le Apparence panneau, allez à Effet> Distorsion & Transformation> Transformer et le type 0.5px dans le Déplacer verticalement champ puis frappé D'accord. Cela rendra la peau légèrement plus épaisse au bas de l'avocat.
Utilisez le Ajouter un nouveau remplissage option pour ajouter le troisième remplissage ci-dessus, puis sélectionnez jaune comme couleur de remplissage. Ayant cela Remplir attribut sélectionné dans le Apparence panneau, allez à Effet> Chemin> Chemin de décalage et appliquer un -5.5px Offset. Jusqu'à présent, nous avons créé la peau, la bordure verte et la pulpe de l'avocat.
Nous allons ensuite créer une transition en douceur entre le bord vert et la pulpe jaune. Sélectionnez le Accident vasculaire cérébral attribuer dans le Apparence panneau (qui à ce stade est défini sur none) et utilisez la nuance de vert indiquée, puis définissez le paramètre AVC Poids à 2 pt. Maintenant, allez à Effet> Chemin> Chemin de décalage et appliquer un -Décalage 6.5px. À ce stade, le trait doit se situer juste à côté du bord vert, mais si ce n'est pas le cas, vous pouvez effectuer de légers ajustements (-6,4 pixels ou -6,6 pixels). N'oubliez pas qu'il s'agit d'un effet live et que vous pouvez modifier les valeurs à tout moment..
Avoir le Accident vasculaire cérébral attribut de l'étape précédente sélectionnée dans la Apparence panneau, appuyez sur le Dupliquer l'élément sélectionné icône en bas. Vous aurez un deuxième coup au-dessus du premier. Double-cliquez sur le Chemin de décalage effet d'ouvrir le Chemin de décalage fenêtre puis changez la valeur de -6.5px à -8.5px et frapper D'accord. Met le Opacité pour ce second coup 50%.
Ayant la seconde Accident vasculaire cérébral attribut sélectionné dans le Apparence panneau, appuyez sur le Dupliquer l'élément sélectionné icône pour obtenir un troisième coup ci-dessus. Ouvrez le Chemin de décalage fenêtre et changer la valeur de -8.5px à -10.5px puis frappé D'accord. Également réduire le Opacité à 25%.
Ces trois traits doivent être côte à côte, comme dans le plan rapproché. Si nécessaire, vous pouvez ajuster le Décalage valeurs jusqu'à ce que vous obteniez le bon résultat.
Sélectionnez votre avocat et dans le menu déroulant du Apparence panneau choisir Ajouter un nouveau remplissage. Faites glisser ce nouveau remplissage sous les trois traits, mais au-dessus de la pulpe jaune, puis sélectionnez une couleur de remplissage pour le moment. Alors que ce Remplir attribut reste sélectionné, aller à Effet> Distorsion & Transformation> Transformer et appliquez les paramètres indiqués ci-dessous.
Ayant toujours le Remplir de l'étape précédente sélectionnée, allez à Effet> Convertir en forme> Ellipse et le type 160px dans le Largeur et la taille champs puis frappé D'accord. Cet effet forcera votre remplissage à se transformer en cercle.
La graine d’avocat n’est pas parfaitement ronde, nous allons donc en appliquer Chaîne effets pour le déformer. Assurez-vous que vous avez toujours ce Remplir sélectionné dans le Apparence panneau puis aller à Effet> Warp et appliquer le Arc supérieur effectuer d'abord, puis Gonfler et Arc inférieur. Vous pouvez voir le résultat final dans l'image suivante.
Voici les paramètres que j'ai utilisés: a Courbure horizontale à 25% pour le Arc supérieur effet, un 10% de distorsion verticale pour le Gonfler effet et un Courbure horizontale de 8% pour le Arc inférieur effet.
La graine est prête et vous pouvez maintenant remplacer la couleur de remplissage par le dégradé radial puis utiliser le Outil de dégradé (G) pour changer le rayon. Pour que les choses soient plus faciles à comprendre, je vais nommer ceci. Remplir attribut «remplissage de semences».
Sélectionnez le "Remplissage de semences" dans le Apparence panneau puis appuyez sur le Dupliquer l'élément sélectionné icône en bas. Sélectionnez la copie ci-dessous et remplacez le dégradé existant par le jaune. Maintenant, ouvrez le Effet de transformation fenêtre, modifiez les paramètres comme indiqué et appuyez sur D'accord. Laissez les autres effets tels quels.
Ayant toujours le Remplir de l'étape précédente sélectionnée, allez à Effet> Styliser> Outer Glow et appliquer les paramètres indiqués.
Ayant toujours le Remplir de l’étape précédente sélectionnée, appuyez sur le bouton Dupliquer l'élément sélectionné icône au bas de la Apparence panneau. Focus sur la copie ci-dessus et double-cliquez sur Ellipse ouvrir le Options de forme la fenêtre. Au lieu de 160px, type 172px dans le Largeur et la taille champs puis frappé D'accord. Il suffit de définir le Opacité pour ça Remplir à 40% et laisser les autres effets tels qu'ils sont.
Dupliquer le Remplir À partir de l'étape précédente, concentrez-vous sur la copie ci-dessus, qui est la troisième de ce type. Ouvrez à nouveau le Options de forme fenêtre et type 185px au lieu de 172px dans le Largeur et la taille champs puis abaissez le Opacité à 20%. Ces trois derniers remplissages vous donneront la lueur jaune autour de la graine de l'avocat.
Assurez-vous que le «remplissage de semences» est sélectionné dans Apparence panneau et le dupliquer comme vous l'avez fait auparavant. Concentrez-vous sur la copie ci-dessus et remplacez le dégradé existant par n’importe quelle couleur pour le moment. Pour obtenir le résultat affiché dans l'image suivante, vous devez modifier certains paramètres des effets réels..
Ce sont les paramètres pour la Arc supérieur, Gonfler et Transformer effets. Les deux autres effets restent les mêmes.
Ensuite, remplacez la couleur de remplissage que vous avez choisie par le dégradé radial indiqué. Définir cette Remplir attribuer à Écran du mode de fusion et 40% d'opacité.
Assurez-vous que le dernier Remplir (de l'étape précédente) est sélectionné et dupliqué. Concentrez-vous sur la copie ci-dessus et remplacez d'abord le dégradé existant par un dégradé linéaire blanc à noir -Angle de 100 degrés. Maintenant, ouvrez le Effet de transformation fenêtre et modifier les paramètres comme indiqué. Garder le Angle à -10 degrés et frapper D'accord. Laissez les autres effets tels quels et gardez le même Mode de fusion et le Opacité réglages.
Ajoutons maintenant un type de surbrillance différent, en haut à gauche de la graine. Pour cela, sélectionnez le “Remplissage de semences” dans le menu Apparence panneau puis appuyez sur le Dupliquer l'élément sélectionné icône en bas. Concentrez-vous sur la copie située en dessous et remplacez le dégradé existant par le dégradé linéaire affiché en Angle de 40 degrés. Ouvrez le Effet de transformation fenêtre puis changez le Horizontal et Déplacement vertical valeurs comme indiqué. Fondamentalement, vous déplacez ce nouveau remplissage 1px et 1px à gauche. Met le Mode de fusion à Écran (le noir devient transparent).
Sélectionnez à nouveau «Remplissage de semences» et dupliquez-le. Concentrez-vous sur la copie située en dessous et remplacez le dégradé existant par le dégradé linéaire affiché en -Angle de 60 degrés. Ensuite, retirez le Gonfler effet en le faisant glisser dans le Poubelle puis modifiez les paramètres pour le Arc supérieur, Arc inférieur et Transformer effets. Définir cette Remplir à Mode de fusion Multiplier et 50% d'opacité.
Ce sont les paramètres que vous devez changer et vous pouvez voir le résultat final dans l'image ci-dessus.
Pendant que votre forme d’avocat reste sélectionnée, rendez-vous à la Apparencee panneau et dans le menu déroulant choisissez Ajouter Nnouveau remplissage. Déplacez ce nouveau remplissage au-dessus de tout, puis sélectionnez le dégradé linéaire indiqué et réglez le paramètre Angle à -40 degrés. Définir cette Remplir à Écran du mode de fusion (le noir devient transparent) et 50% d'opacité.
À ce stade, l'avocat est presque prêt. Vous pouvez enregistrer le style maintenant ou attendre plus tard après avoir ajouté les ombres.
Pendant que la forme d’avocat reste sélectionnée, appuyez sur la touche Nouveau style graphique icône au bas de la Styles graphiques panneau (Fenêtre> Styles graphiques). Double-cliquez sur la vignette, tapez un nom pour votre style et appuyez sur D'accord. J'ai nommé le mien “Style graphique avocat sans ombre”.
Sélectionnez le Remplir attribuer à partir du bas de la Apparence panneau qui est en fait le premier que vous avez ajouté (la peau) et le dupliquer. Concentrez-vous sur la copie ci-dessous, allez à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués ci-dessous. Vous pouvez garder la même couleur de remplissage.
Avoir le Remplir de l'étape précédente sélectionnée dans la Apparence panneau, appuyez sur le Dupliquer l'élément sélectionné icône à nouveau. Focus sur la copie en dessous et double-cliquez sur le Ombre portée effet d'ouvrir le Ombre portée la fenêtre. Modifiez les paramètres et appuyez sur D'accord.
Dupliquer à nouveau le précédent Remplir puis ouvrez le Ombre portée fenêtre et modifier les paramètres.
Dupliquer le précédent Remplir une fois de plus, modifiez les paramètres du Ombre portée effet comme indiqué ci-dessous. Vous avez fini avec les ombres.
À ce stade, l'avocat est prêt, mais si vous le souhaitez, vous pouvez créer une petite tige, bien que cela soit facultatif. Prenez le Outil stylo (P) et dessinez une forme comme dans l’image suivante en haut de l’avocat. Remplissez-le avec le dégradé linéaire indiqué par un Angle de 90 degrés puis définissez le Opacité à 40%.
Dans l'image suivante, vous pouvez voir tous les Remplir attributs que nous avons utilisés pour créer l'avocat. Le vôtre devrait être dans le même ordre. Si tout semble bon, vous pouvez enregistrer le style. Lorsque la forme d’avocat est sélectionnée, appuyez sur la touche Nouveau style graphique icône au bas de la Styles graphiques panneau. Double-cliquez sur la vignette puis tapez un nom et appuyez sur D'accord.
Si vous souhaitez appliquer ce style à une autre forme, vous devrez procéder à des ajustements et modifier les paramètres des effets réels jusqu'à ce qu'ils correspondent à la forme de votre choix..
Comme vous pouvez le voir dans le Contour En mode, nous avons utilisé une seule forme pour créer l’avocat. Bien, sauf pour la tige mais c'est optionnel.
Bien sûr, vous pouvez ajouter encore plus d'apparences. Par exemple, vous pouvez ajouter plus de détails, ajouter une texture sur la pulpe et une texture sur la graine pour la rendre plus réaliste, mais nous nous arrêterons ici pour l'instant..
Si vous avez apprécié ce tutoriel, consultez le premier tutoriel de ce type publié par la charmante Sharon Milne et apprenez à créer un kiwi en tranches avec une seule forme. Donnez-nous votre opinion sur ces types de tutoriels, si vous les trouvez intéressants et utiles et que nous en créerons plus..
Accentsconagua