Créer un kiwi en tranches avec une seule forme dans Adobe Illustrator

Je parle souvent de la puissance du panneau Apparence d'Adobe Illustrator, mais il est temps de mettre mon argent là où ma bouche est. Je vais vous montrer comment créer un segment de fruit de kiwi en tranches à l'aide du panneau Apparence. L'image finale ne comportera que quatre points d'ancrage. Oui, vous avez bien lu… seulement quatre points d'ancrage. La meilleure chose à faire est que ce tutoriel est idéal pour les débutants car je vais vous montrer chaque étape et tous les paramètres pour que vous puissiez l'essayer vous-même..


Jetez un coup d'œil au kiwi

Le panneau Apparence est génial. Si vous vous trouvez avec un exercice avec une forme qui pourrait être dupliqué et modifié, que ce soit le remplissage, le trait, un pinceau appliqué, etc.… alors les chances sont, vous auriez pu vous garder quelques points d'ancrage et utiliser le panneau Apparence. C'est un panneau pratique dans Illustrator qui peut vous aider à créer des conceptions plus précises et à économiser de l'espace en utilisant moins de points d'ancrage. De plus, si vous créez des effets complexes avec le panneau Apparence, vous pouvez les sauvegarder pour nous ultérieurement en créant des styles graphiques..

Jetons un coup d'oeil à cette photo d'un fruit de kiwi. Un kiwi en tranches est essentiellement une série de formes rondes aux textures, couleurs et tailles variées. Ceci est un candidat idéal pour cet exercice en utilisant le panneau Apparence.



1. Créer les graines de kiwi

Étape 1

La première étape consiste à créer les graines du kiwi et de ses environs. Créons un Brosse à dispersion pour cela, mais commençons par créer les formes nécessaires pour le faire.

Du Barre d'outils, sélectionnez le Outil Rectangle Arrondi et cliquez sur votre artboard. Vous obtiendrez une boîte de dialogue et je veux que vous entriez dans les détails ci-dessous. Cela va créer une longue forme arrondie, ce sera la zone de sondage de la graine.


Étape 2

Créons maintenant la forme de base de la graine. Avec le Outil Ellipse (L), Cliquez une fois sur la planche graphique et vous obtiendrez une boîte de dialogue. Nous allons pour un cercle pair, alors entrez les détails ci-dessous.


Étape 3

Avec le Aligner panneau, sélectionnez d'abord les deux formes puis cliquez sur Centre d'alignement horizontal et Alignement vertical bas. Sélectionnez le cercle avec le Outil de sélection (V) et le pousser environ six coups de pouce avec le Flèche vers le haut touche sur votre clavier pour obtenir le résultat ci-dessous.


Étape 4

Je vais maintenant réduire légèrement les formes pour créer une forme plus proche de celle des graines. D'abord travaillons sur le cercle. Avec le Outil de sélection directe (A), Sélectionnez le sommet du cercle puis déplacez-le trois avec les touches fléchées. Sélectionnez le point bas puis déplacez-le trois.


Étape 5

Maintenant, pour travailler sur la zone de semences. L'outil Rectangle arrondi crée un rectangle avec quatre coins arrondis. En raison de la taille de notre forme, les deux points qui seraient autrement plus visibles pour un rectangle arrondi plus grand se chevauchent. Donc, au lieu de sélectionner le seul point, nous allons devoir sélectionner les deux points.

Donc avec le Outil de sélection directe (A), sélectionnez les deux premiers points en traçant un rectangle sur eux. Cela sélectionnera tous les points de la zone et, dans ce cas, nous avons sélectionné les deux premiers points. Nudge les points six places. Ensuite, sélectionnez les deux points du bas et décalez-le de trois points.


Étape 6

La graine elle-même semble un peu trop. Alors redimensionnons. Sélectionnez la forme de la graine et allez à Objet> Transformer> Échelle. Utilisez le Non uniforme les options ci-dessous, car nous voulons diminuer la largeur /Horizontal mais souhaitons toujours garder la hauteur /Verticale rapport. Cliquer sur D'accord une fois que vous avez terminé.


Étape 7

Je vais ajouter de la couleur à nos formes. Commencez par retirer le trait des deux formes et colorer la graine en brun foncé (# 321a0a) et un vert pois (# 668520).

Maintenant pour commencer à utiliser le Apparence panneau. Si vous ne l'avez pas ouvert, allez à Fenêtre> Apparence pour le rendre visible.

Sélectionnez la graine et dans le Apparence panneau, cliquez sur Remplir. Sous le Remplir comprendra plusieurs facteurs qui influencent l’aspect du remplissage. La même chose sera vraie du Accident vasculaire cérébral. Si vous approfondissez, vous verrez le Opacité lien vers le Transparence panneau. De même, si vous avez cliqué sur Accident vasculaire cérébral cela vous mènera au Accident vasculaire cérébral panneau. Cependant, pour l'instant, nous nous sommes concentrés sur Remplir de la graine.

Dans le coin supérieur droit, vous avez un menu déroulant, cliquez dessus et sélectionnez Nouveau remplissage. Cela vous donnera un nouveau remplissage avec la même couleur que le remplissage créé précédemment. Cela ne fera pas double emploi avec d'autres attributs. Si tu as un Remplir qui a plusieurs attributs que vous souhaitez dupliquer, alors vous utiliseriez Dupliquer l'article. Cela peut être utilisé sur les remplissages et les accidents vasculaires cérébraux.


Étape 8

Revenons donc au nouveau remplissage que vous avez créé. Cela va être le point culminant de la graine, alors j'ai changé la couleur en brun clair (# a67c52). Une fois sélectionné, cliquez sur le "fx"bouton et aller à Distorter et transformer> Transformer et vous ouvrez le Effet de transformation fenêtre d'options. Je vais réduire la taille de la zone remplie (le Échelle modifie cela), déplacez la forme en haut à droite de la forme (la Bouge toi partie modifie cela) puis Tourner la zone remplie pour donner l'illusion que la graine est arrondie.

Si vous vérifiez le Aperçu boîte, vous pourrez voir votre proposition Effet de transformation sur le remplissage avant de vous y engager. C'est donc une bonne idée de vous assurer que votre nouveau remplissage a une couleur de remplissage différente du remplissage situé en dessous. Une fois que vous êtes satisfait des paramètres ci-dessous, cliquez sur D'accord.


Étape 9

Faisons un effet similaire sur l'environnement de la graine. Tout d'abord créer un Nouveau remplissage, puis coloriez le remplissage d'origine avec un vert plus clair (# 829927). Donc, vous devriez avoir un vert plus foncé sur un vert plus clair. Avec le vert plus foncé sélectionné, allez à fx> Distort & Transform> Transform et utilisez les paramètres ci-dessous. Cliquer sur D'accord une fois que vous avez terminé.


Étape 10

Maintenant, nous sommes heureux avec nos deux formes, transformons-les en Brosse à dispersion. Sélectionnez les deux formes et dans le Des pinceaux panneau cliquez sur Nouveau pinceau. Vous obtiendrez une boîte de dialogue et sélectionnez Brosse à dispersion. Cela ouvrira la Options de pinceau à dispersion la fenêtre.

Nommez votre pinceau "Kiwi Seeds". Passons en revue chacune des options:

  • Taille: Cela détermine l’échelle du pinceau par rapport aux formes originales à partir desquelles vous avez voulu créer le pinceau. Comme je souhaite que la brosse à graines soit plus petite que ce qui a été créé à l'origine, j'ai sélectionné 70%.
  • Espacement: Cela détermine l'espace entre chaque instance des graines. La plus grande longueur de votre forme sera 100% d'espacement. Nous voulons donc que ce soit moins que cela car nous voulons que les semences soient côte à côte. J'ai sélectionné dix%.
  • Dispersion: Cela détermine à quelle distance il est déplacé du centre de l'instance de forme. J'ai mis cela pour être influencé au hasard et entre -15% et 15%, donc il y a un peu de variation dans le placement.
  • Rotation: C'est l'angle qu'il fait pivoter par rapport à sa position d'origine. Je ne veux pas que la forme tourne, cependant…
  • Rotation relative à:… Je veux que la forme tourne par rapport à la direction du Chemin.

Une fois que vous êtes satisfait des paramètres, cliquez sur D'accord. J'ai ensuite dessiné un cercle pour tester mon pinceau et c'est comme je le veux. Si vous n'êtes pas sûr de vos paramètres, vous pouvez toujours appliquer le pinceau à un cercle, puis double-cliquez sur la brosse dans le Des pinceaux panneau. Cela ouvrira la Options de pinceau à dispersion la fenêtre. Avec Aperçu cochée, vous pouvez jouer avec les réglages et voir lequel vous convient le mieux.



2. Créez le kiwi en tranches avec une seule forme

Étape 1

Commençons donc à construire nos tranches de kiwi à partir d’une forme. Avec le Outil Ellipse (L) créer un 100 x 130px forme. Les kiwis ne sont pas un cercle égal, alors faisons-nous un ovale.

Appliquez notre pinceau "Graines de kiwi" sur le trait et laissez le reste ci-dessous..


Étape 2

Je vais donner à la forme un remplissage gris-brun (# 534741) et pour l'instant cacher les graines de kiwi afin que vous puissiez voir la partie suivante plus clairement.


Comme les graines ne sont pas sur le bord du kiwi, nous allons devoir prolonger l'ovale au-delà des graines. Tandis que Remplir est sélectionné, cliquez sur fx> chemin> chemin de décalage. Cela ouvrira la Chemin de décalage boite de dialogue. dans le Décalage Dans cette case, vous devez entrer une valeur (et comme auparavant, vous pouvez vérifier Aperçu aider). Si vous entrez un chiffre positif, cela étendra votre forme avec un rembourrage X tout autour de la forme. Si vous entrez un chiffre négatif, cela rétractera votre forme. Comme nous voulons étendre la forme, j’ai entré la valeur de 90px. Cliquer sur D'accord une fois fait.


Étape 3

Les kiwis sont connus pour avoir une peau velue et nous devrons le reproduire. Donc pendant Remplir est sélectionné, allez à fx> Distorsion et transformation> Roughen. Cela créera un remplissage grossier généré de manière aléatoire. dans le Les options, nous allons déterminer le Taille de la distorsion, qui détermine la taille des vagues et la Détail détermine la fréquence des ondes. Relatif appliquera le Taille au-delà de l'extérieur de la forme tout en Absolu l'appliquera sur la limite de la forme.

le Points déterminera si les vagues sont Lisse ou Coins (pointu). Comme je veux créer un effet de fourrure, j'ai sélectionné Coin. Cliquer sur D'accord une fois fait.


Étape 4

Je veux que la fourrure paraisse plus fine. Donc avec Remplir sélectionné, cliquez sur fx> Distort & Transform> Pucker & Bloat. Faux pli va contracter les lignes entre les points et Gonfler va bouffer les lignes entre les points.

UNE Faux pli va créer des points plus nettes, donc j'ai souvent pour une légère Faux pli. Ceci sera appliqué à chacune des vagues créées par l'effet Roughen.


Étape 5

Je veux que l’effet poilu ait plus de profondeur, alors choisissez votre Remplir et aller dans le menu déroulant et Dupliquer l'article. Cela dupliquera le remplissage ainsi que tous les autres effets. Changer le remplissage en brun clair (# 736357). Puis cliquez sur Chemin de décalage et cela ouvrira la Chemin de décalage boite de dialogue. Je vais diminuer légèrement ce Décalage à 89px.

Bien que le Rugueuse L’effet est aléatoire, je veux que l’autre couleur de la fourrure soit visible. Donc diminuer le Décalage aidera cette.


Étape 6

Dupliquer l'article sur le remplissage marron clair et le retourner au marron foncé (# 534741). Nous allons cliquer sur Chemin de décalage encore et réduire la Décalage à 88px pour la même raison qu'avant.


Étape 7

Bien que le manteau de fourrure montre qu'il y a une peau au fruit, je veux tout de même avoir un petit contour. Alors Dupliquer l'article sur le dernier remplissage et mettre en évidence Pucker & Bloat et supprimez-le. Changer le remplissage en brun clair (# 736357). Maintenant, cliquez sur Rugueuse. Je vais atténuer l'effet, utilisez donc les paramètres ci-dessous pour créer un effet de vague doux et lisse. Puis cliquez sur Chemin de décalage et changer le Décalage à 89px. C'est pour qu'il recouvre la fourrure juste un peu.


Étape 8

Dupliquer l'article sur le dernier remplissage et réduire le Chemin de décalage à 88px. Remplissons cela avec un Gradient Radial. Je vais ajouter trois noeuds au dégradé, vert (# a2b947), vert citron (# cbd51f) puis marron clair (# 736357).

Un mot de prudence lors de l'application d'un dégradé sur un remplissage qui a Chemin de décalage appliqué. Pendant que vous modifiez le dégradé avec le Outil de dégradé (G), il agit comme si le Chemin de décalage n'est pas appliqué. Donc modifiez le dégradé aux dimensions originales de la forme.


Étape 9

Il y a une texture sur la chair du fruit qui ressemble presque à plusieurs lignes menant des graines. Nous pouvons modifier l'effet utilisé pour la peau à fourrure pour créer un effet similaire.

Dupliquer l'article sur l'un des remplissages velus et faites-le glisser sous les "graines de kiwi" Accident vasculaire cérébral. Première chance le Chemin de décalage à 30px comme nous ne voulons pas que cet effet couvre toute la zone.

Cliquer sur Pucker & Bloat. Allons le Faux pli à -37% augmenter la taille des pointes.


Étape 10

Je veux changer la fréquence des pointes, alors cliquez sur Rugueuse et modifiez les paramètres comme indiqué ci-dessous.


Étape 11

Changez le remplissage en vert lime (# cbd51f) et cliquez sur Opacité accéder au Transparence panneau. Je vais changer le Mode de fusion à Écran et Opacité à 40%.


Étape 12

Vous pouvez appliquer tous les effets à la fois Accident vasculaire cérébral et / ou le Remplir. J'ai décidé d'étendre le placement des graines, donc je vais appliquer un Chemin de décalage au Accident vasculaire cérébral. Mettre en évidence le Accident vasculaire cérébral et allez à fx> chemin> chemin de décalage. J'ai Décalage la Accident vasculaire cérébral par 10px comme je ne veux pas que ce soit trop.


Étape 13

Adoucissons la transition entre les graines et la chair du fruit. Dupliquer l'article sur le Accident vasculaire cérébral et changer le Opacité à Mode de fusion Assombrir et Opacité 30%. ensuite Dupliquer l'article trois fois de plus sur cette modification Accident vasculaire cérébral. Faites glisser l'original Accident vasculaire cérébral sans Opacité paramètres sur le dessus de la Apparence panneau donc c'est le plus dominer.

Les options Pinceau Scatter spécifiaient que le Scatter des instances était Aléatoire. Cela fera varier les occurrences sur les traits dupliqués pour créer cette transition plus douce. Vous n'avez pas besoin de modifier le Scatter Brush tant que vous avez suivi le tutoriel à chaque réglage..


Étape 14

Le noyau du fruit est beaucoup plus pâle que le reste de la chair et se trouve dans la zone des graines. Alors créez un Nouveau remplissage et faites glisser le Remplir en dessous du sommet Accident vasculaire cérébral. Changez le remplissage en vert pâle (# d2d897).


Étape 15

Je veux ajouter une brillance subtile au sommet de la chair. Dupliquer l'article sur l'un des Remplirs utilisé pour les vagues lisses de la peau. Clique le Chemin de décalage lier et changer le Décalage à 85px. Faites-la glisser au-dessus des autres attributs du panneau, au-dessus des graines..


Étape 16

Remplissons ce remplissage avec un transparent vert pâle inversé Radial pente (# d2d897). Utilisez le Outil de dégradé (G) pour positionner et mettre en forme le point culminant puis changer le Opacité paramètres à Écran du mode de fusion, Opacité 50%.


Étape 17

Même si nous supposons que nous avons bien coupé notre fruit, il y aura toujours un élément de texture. Dupliquer l'article sur le Remplir Nous venons de le faire et faites-le glisser sous le noyau vert pâle du fruit. Mettre en évidence le Opacité attribuer et le supprimer.

Remplissons-le avec un motif. dans le Échantillons panneau, cliquez sur le menu déroulant et allez à Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures. A partir de là, sélectionnez le motif "USGS 20 Scrub".


Étape 18

Cette texture est un peu petite, alors agrandissons-la. Alors que ce Remplir est sélectionné, allez à Objet> Transformer> Échelle. dans le Échelle boîte de dialogue, avec Transformer les motifs seulement sélectionné, augmenter le Échelle par 200%. Cliquer sur D'accord une fois fait.


Étape 19

Puis réglez le Opacité paramètres à Mode de mélange Couleur Dodge et Opacité 25%.


Étape 20

Dupliquer l'article sur le Remplir avec le motif et faites-le glisser au-dessus de l'attribut graines mais en dessous de la brillance. Retourner dans Objet> Transformer> Échelle et changer le Échelle à 25%. Changer la Opacité à Mode de mélange Couleur Brûlure, Opacité 5%. Cela va créer un effet de bruit subtil sur le fruit.



Excellent travail, vous êtes maintenant fait!

Voilà, vous avez créé une tranche de kiwi détaillée avec une seule forme contenant quatre points. Si vous ne me croyez pas, vérifiez Voir> Contour (Contrôle-Y) et vous verrez que c'est simplement un ovale.

Le panneau Apparence est une fonctionnalité très puissante d’Illustrator. Prenez le temps d'explorer les possibilités, cela changera vraiment votre façon de travailler.