Share
Ce que vous allez créerSuivez ce didacticiel et découvrez comment créer une icône sandwich bagel dans Adobe Illustrator. Au début, vous allez créer les deux bagels, puis dessiner tous les ingrédients du sandwich: des morceaux de laitue, une tranche de fromage et une tranche de jambon..
La partie la plus amusante consiste à composer le sandwich au bagel, car vous pouvez faire preuve de créativité ici. La dernière chose à faire est de saupoudrer de graines de sésame à l’aide d’un pinceau à dispersion. Si vous aimez autant que moi les tutoriels sur l'alimentation, commençons le plaisir!
Si vous recherchez une alternative rapide, nous avons une collection étonnamment volumineuse d’icônes et de vecteurs de bagels chez GraphicRiver, que vous pouvez personnaliser à votre guise.!
lancement Illustrateur et puis aller à Fichier> Nouveau afin d'ouvrir un document vierge. Tapez un nom pour votre fichier et configurez les dimensions en sélectionnant 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 à 1 px et pendant que vous y êtes, allez aussi à Unités pour vous assurer qu'ils sont définis comme dans l'image suivante. Je travaille habituellement avec ces paramètres et ils vous aideront tout au long du processus de dessin..
Prenez le Outil Ellipse (L) et tracez deux cercles aux dimensions indiquées. Tout en les sélectionnant, appuyez sur Centre d'alignement horizontal et Centre d'alignement vertical dans le Aligner panneau.
Avec les cercles toujours sélectionnés, allez à Objet> Chemin composé> Make (Control-8) puis remplissez la forme obtenue avec du brun clair. Je vais le nommer “bagel-top”, Et vous aurez besoin de copies supplémentaires de cette forme tout au long du tutoriel.
Avec "bagel-top”Toujours sélectionné, ajouter un Nouveau remplissage dans le Apparence panneau au dessus du premier. Utilisez le dégradé radial indiqué, puis allez à Effet> Croquis> Bas Relief et appliquez les paramètres de l'image suivante. Met le Mode de fusion à Lumière douce.
Ajouter un Nouveau remplissage dans le Apparence panneau et utiliser la couleur brune; puis définissez le Mode de fusion à Lumière douce.
Ajouter un Nouveau remplissage à nouveau et utilisez la couleur indiquée, puis allez à Effet> Esquisse> Papier et appliquez les paramètres de l'image suivante. Définissez cet attribut Remplissage sur Superposition du mode de fusion et 15% d'opacité.
Pour se débarrasser du bord pixelisé généré par le Papier à notes effet, nous allons créer un masque. Sélectionnez “bagel-top”, Copie et Coller devant (Control-F) faire une copie, puis supprimez toutes les apparences existantes. Maintenant, sélectionnez les deux formes et allez à Objet> Masque d'écrêtage> Marque (Control-7). Nommez le groupe résultant “Bagel Haut”.
Créons la pièce inférieure du bagel. Faites une autre copie de “bagel-top”Sur votre Artboard et utilisez le dégradé radial indiqué pour le remplir. Nous n'avons pas besoin d'ajouter plus de détails car la plupart seront couverts par les ingrédients du sandwich..
Prenez le Outil Crayon (N) et dessinez une forme similaire en la remplissant du dégradé radial indiqué. Utilisez le Outil de dégradé (G) ajuster la direction si nécessaire.
La laitue en forme étant toujours sélectionnée, allez à Objet> Chemin> Chemin décalé et appliquer un Décalage de 1.2 px afin d'obtenir une forme légèrement plus grande. Remplissez cette nouvelle forme avec le dégradé linéaire indiqué et assurez-vous qu'elle est derrière la première.
Maintenant, prenez le Outil stylo (P) et dessinez des formes comme ci-dessous sur la laitue. Remplissez-les de différentes nuances de vert (1). Pour ajouter une dimension, dessinez quelques petites formes entre les «vagues» de la laitue, mais assurez-vous de les renvoyer. Utilisez une nuance de vert plus foncée comme couleur de remplissage (2).
Utilisez le Outil Rectangle (M) dessiner un 73 x 150 px rectangle et utilisez le jaune comme couleur de remplissage. Ensuite, dessinez des cercles avec le Outil Ellipse (L) et Groupe (Control-G) leur.
Avant de continuer, faites une copie de ce groupe, car vous en aurez besoin à l'étape suivante. Maintenant, sélectionnez le rectangle avec le groupe de cercles et appuyez sur Minus Front dans le Éclaireur panneau pour obtenir les trous dans le fromage.
Maintenant, vous aurez besoin de la copie du groupe de cercles de l'étape précédente (1). Sélectionnez le et Copie et Coller devant (Control-F) pour obtenir un autre groupe de cercles (les verts). Déplacez-les un peu en bas et à droite (2).
Ensuite, sélectionnez les deux groupes et appuyez sur Exclure dans le Éclaireur panneau, puis Dissocier (Shift-Control-G) du Objet menu (3). Supprimez toutes les formes résultantes du côté inférieur droit des trous, car nous n'en avons pas besoin. Si certaines formes dépassent les limites, prenez simplement la Supprimer l'outil de point d'ancrage (-) et supprimez les points d’ancrage inutiles à la fin et faites de petits ajustements si nécessaire (4). Remplissez ces formes avec la couleur indiquée (5).
Utilisez le Outil Crayon (N) dessiner une forme similaire à celle de l'image suivante et utiliser le dégradé linéaire indiqué pour la remplir. Déplacez certains des points d’ancrage vers l’intérieur avec le Outil de sélection directe (A) pour créer un look plus réaliste.
Utilisez le Outil Crayon (N) encore une fois pour dessiner une forme en bas. Ensuite, sélectionnez la forme du jambon et Copie et Coller devant (Control-F); puis sélectionnez cette copie avec la forme noire et appuyez sur Couper dans le Éclaireur panneau. Remplissez la forme obtenue avec le dégradé linéaire indiqué.
Comme expliqué à l'étape précédente, créez deux nouvelles formes et remplissez-les avec le dégradé linéaire indiqué dans l'image suivante..
Prenez le Outil stylo (P) ou la Outil Crayon (N) et dessinez quelques formes aléatoires sur le jambon afin d'ajouter plus de détails. Remplissez-les avec le dégradé linéaire indiqué ci-dessous.
À ce stade, tous les éléments sont prêts. Avant de continuer, Groupe (Control-G) toutes les formes qui composent la laitue et nomme le groupe “Salade"; Groupe (Control-G) toutes les formes qui composent la tranche de fromage et nomme le groupe “Fromage"Et vous l'avez deviné ... faites de même pour le"jambon” Puisqu'ils sont sous forme vectorielle, vous pouvez également les redimensionner si vous le souhaitez..
Au-dessus de la "fond de bagel”, Commencez à arranger les morceaux de laitue. Multipliez le «Salade”Groupez autant de fois que vous le souhaitez et arrangez-les comme vous le souhaitez. Vous pouvez être créatif ici. Ajoutez également la première tranche de fromage.
Ajoutons quelques ombres au fur et à mesure, car il sera plus difficile d’ajouter toutes les ombres à la fin. Il vaut mieux travailler en couches.
Utilisez le Outil stylo (P) ou la Outil Crayon (N) dessiner deux chemins le long du bord du fromage, mais ne pas dépasser le bord du "fond de bagel” Donnez-leur un 2 pt AVC en utilisant la couleur indiquée, puis allez à Effet> Flou> Flou Gaussien et appliquer un Rayon de 2 px. Envoyez ces deux chemins derrière le “FromageGroupe.
Pendant que les chemins sont encore sélectionnés, appuyez sur Nouveau style graphique au bas de la Styles graphiques panneau afin de le sauvegarder pour une utilisation ultérieure. Nomme le Style graphique ombre brune.
Maintenant, faites une copie du “jambon”Groupe et arrangez-le sur le bagel. Avec le Outil stylo (P) ou la Outil Crayon (N), tracez un chemin dans le coin supérieur puis sélectionnez simplement le Style graphique ombre brune du Styles graphiques panneau pour ajouter l'ombre. Déplacez ce chemin derrière le "jambon"Groupe mais devant le"FromageGroupe.
Tracez un autre chemin dans le coin inférieur, donnez-lui un 2 pt noir Accident vasculaire cérébral, puis appliquer un 2 px Flou Gaussien. Déplacez ce chemin derrière le "jambon"Mais devant le"Salade”.
Enregistrer ce style dans le Styles graphiques panneau et nommez-le Style graphique Black Shadow.
Placez une seconde tranche de jambon sur le bagel, tracez deux chemins comme dans l’image suivante et sélectionnez Style graphique Black Shadow du Styles graphiques panneau pour ajouter les ombres. Déplacez ces deux chemins derrière “jambon”.
Disposez la troisième tranche de jambon et tracez les deux chemins comme ci-dessous. Pour le chemin noir, sélectionnez le Style graphique ombre brune, et pour le chemin bleu sélectionnez le Style graphique Black Shadow. N'oubliez pas de les envoyer derrièrejambon”Mais devant la première tranche (1).
Ajoutez une autre tranche de fromage, tracez le chemin vert et sélectionnez le Style graphique ombre brune pour ça. Envoyez ce chemin derrière "Fromage"(2).
Maintenant, prenez le "Bagel Haut”Et organisez-le sur les ingrédients. Ne le placez pas directement sur “fond de bagel”Mais un peu en bas et à droite.
Sélectionnez “bagel-top" et Copie et Coller en place (Shift-Control-V). Supprimer toutes les apparences existantes et juste lui donner un remplissage blanc; ensuite aller à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués ci-dessous. Déplacez cette copie derrière le “Bagel HautGroupe.
Comme indiqué par les flèches, il n’ya pas de laitue, de jambon ou de fromage sortant du bagel dans certaines zones, il n’ya donc pas besoin d’ombre. Pour rendre l'ombre non visible dans ces zones spécifiques, nous allons créer un masque à l'étape suivante..
D'abord verrouiller le “Bagel HautGroupe dans le Couches panneau, ou le cacher pour le moment. Maintenant, sélectionnez tous les ingrédients dans votre bagel (dans mon cas: 3 x “Salade", 3 x"jambon"Et 2 x"Fromage”) Mais sans les chemins ombrés puis appuyez sur Unir dans le Éclaireur panneau (1). En conséquence, vous obtiendrez un chemin composé (2).
Ensuite, sélectionnez la forme blanche de l'étape précédente avec ce chemin composé (qui doit être devant) et allez à Objet> Masque d'écrêtage> Marque (Control-7) (3). Vous pouvez voir le résultat final dans l'image suivante (4).
Utilisez le Outil Ellipse (L) dessiner un Cercle de 57 x 57 px puis placez-le au centre du bagel. Sélectionnez le blanc comme couleur de remplissage. ensuite aller à Effet> Styliser> Inner Glow et appliquez les paramètres indiqués ci-dessous. dans le Apparence panneau, changez le Mode de fusion pour le blanc remplir à Multiplier pour le rendre transparent. Nous voulons seulement que l'ombre soit visible.
Prenez le Outil stylo (P) et dessinez une forme de sésame suivie d'une forme plus petite sur le dessus. Utilisez les couleurs indiquées pour remplir ces formes et créer les graines de sésame blanches et noires. À 100% Voir les graines sont très petites, alors prenez en compte ce fait.
Faites glisser le sésame blanc dans le Des pinceaux panneau et choisissez Nouvelle brosse à dispersion. Tapez un nom pour votre pinceau et définissez le Rotation par rapport au chemin. Laissez le reste des paramètres tels quels et appuyez sur D'accord. Répétez la même chose avec le sésame noir.
Prendre le Outil Crayon (N) et tracez un chemin aléatoire sur le "Bagel-Top"Et le caresser avec le Brosse à dispersion de sésame enregistré plus tôt. le Poids de l'AVC est fixé à 1 pt mais la couleur de trait n'est pas importante. Ouvrez le Options de course fenêtre de la Apparence panneau et modifier les paramètres afin de disperser les graines autant que possible. Jouez avec les réglages jusqu'à obtenir le résultat final.
Le chemin étant toujours sélectionné, appuyez sur Ajouter un nouveau trait dans le Apparence panneau. Utilisez le même Brosse à dispersion de sésame mais ouvrez le Options de course fenêtre et choisissez différents paramètres. Cela va ajouter plus de graines de sésame sur le bagel.
Ajoutons quelques graines de sésame noires. dans le Apparence panneau, appuyez sur Ajouter un nouveau trait et cette fois utiliser le Brosse à dispersion de sésame noire que vous avez enregistré plus tôt. Ouvrez le Options de course fenêtre et jouer avec les paramètres.
Avec le chemin toujours sélectionné, choisissez Développer l'apparence du Objet menu. En conséquence, les trois coups se transformeront en trois groupes de graines. Double-cliquez plusieurs fois sur l’une des graines pour entrer dans le Mode d'isolation jusqu'à ce que vous puissiez sélectionner les graines individuelles et supprimer celles qui vont au-dessus du bagel.
Lorsque vous avez terminé, quittez Mode d'isolation en appuyant sur Retour d'un niveau flèche dans le coin supérieur gauche de votre Artboard.
Ensuite, sélectionnez le groupe entier de graines de sésame et allez à Effet> Styliser> Ombre portée. Appliquez les paramètres de l'image ci-dessous et appuyez sur D'accord.
Sélectionnez le chemin composé que vous avez créé précédemment dans le didacticiel en utilisant tous les ingrédients du sandwich, puis Copie et Coller en place (Shift-Control-V). Envoyez la nouvelle copie derrière tout en allant à Objet> Organiser> Envoyer à l'arrière (Shift-Control- [) (1).
Maintenant, sélectionnez “fond de bagel" et alors Copie et Coller à l'arrière (Control-B) (2). Pendant que ces deux copies sont sélectionnées, appuyez sur Unir dans le Éclaireur panneau pour obtenir un nouveau chemin composé (3).
Sélectionnez “bagel-top" et alors Copie et Coller en place (Shift-Control-V). Envoyez la nouvelle copie derrière tout en allant à Objet> Organiser> Envoyer à l'arrière (Shift-Control- [) (1). Maintenant, sélectionnez le chemin composé de l’étape précédente avec la copie de “bagel-top”Et appuyez sur Unir dans le Éclaireur panneau à nouveau (3).
La forme est maintenant prête. Sélectionnez le noir comme couleur de remplissage, puis allez à Effet> Styliser> Ombre portée. Appliquez cet effet deux fois en utilisant les paramètres indiqués ci-dessous. dans le Apparence panneau, réglez le Opacité pour le noir remplir à 0%.
Dessinez un rectangle dans un nouveau calque derrière le bagel et utilisez le dégradé radial indiqué pour le remplir afin de créer le fond (1). Vous pouvez bien sûr ajouter un autre fond si vous préférez.
Utilisez le Outil Ellipse (L) dessiner un nouveau 57 x 57 px cercle, et placez-le au centre du bagel. Envoyez le cercle derrière tout en allant à Objet> Organiser> Envoyer à l'arrière (Shift-Control- [). Sélectionnez le noir comme couleur de remplissage et réglez-le sur Superposition du mode de fusion (2). Cela assombrit un peu plus la zone située au centre du bagel (3).
L'icône sandwich bagel est terminée. J'espère que cela a été amusant pour vous de créer et n'oubliez pas de partager une image avec nous. J'aimerais voir vos re-créations. Prévenez-moi également si vous souhaitez plus de tutoriels sur l'alimentation à l'avenir..
Est-ce que tu as faim là?
Accentsconagua