Comment créer de délicieuses icônes de pain grillé dans Adobe Illustrator

Ce que vous allez créer

Toast d'amour? Alors pourquoi ne pas le créer sous forme vectorielle? Ici, vous avez trois options délicieuses: beurre sur du pain grillé, oeuf sur du pain grillé et chocolat, et banane sur du pain grillé. 

Tout d'abord, vous apprendrez à dessiner une simple tranche de pain grillé, suivie de la texture du pain vectoriel et de l'aspect toasté. Vous poursuivrez avec les garnitures: le beurre fondu, l'œuf au plat, le chocolat à tartiner et les tranches de banane. Super? Commençons!

Si vous avez envie de plus d'icônes de nourriture ou d'icônes vectorielles en général, Envato Market vous propose une multitude de motifs à choisir..

1. Démarrer un nouveau projet

lancement Illustrateur et allez à Fichier> Nouveau ouvrir un document vierge. Tapez un nom pour votre fichier, configurez les dimensions, puis sélectionnez Les pixels comme Unités et RVB comme Mode de couleur. Sois sûr que Aligner de nouveaux objets sur la grille de pixels n'est pas vérifié.

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 à 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..

2. Créer une tranche de pain grillé

Étape 1 

Commencez par dessiner un rectangle arrondi et une ellipse aux dimensions indiquées, puis disposez-les comme dans l'image..

Étape 2

Avec les deux formes sélectionnées, appuyez sur Unir dans le Éclaireur panneau afin de créer la forme de pain grillé. Utilisez le Outil de sélection directe (A) pour ne sélectionner que les deux points indiqués de chaque côté et les déplacer légèrement vers l'extérieur pour élargir la tranche en haut.

Étape 3

Remplissez la forme de pain grillé avec le dégradé radial indiqué, mais utilisez le Outil de dégradé (G) ajuster l'angle.

À présent, Copie et Coller à l'arrière (Control-B) la forme de pain grillé afin de créer une copie. Sélectionnez cette copie et avec l'aide du Outil de sélection directe (A) déplacez les points indiqués dans la direction des flèches pour rendre la forme légèrement plus grande que celle d'origine. Remplissez la copie avec un brun chaud.

Étape 4

Utilisez le Ajouter un outil de point d'ancrage (+) ajouter un point supplémentaire au bas de la forme de pain grillé et le déplacer légèrement vers le haut en appuyant sur la touche Flèche vers le haut touche sur ton clavier.

Ensuite, dessinez une demi-ellipse avec le Outil stylo (P), remplissez-le de brun et renvoyez-le à l'arrière. Groupe (Control-G) toutes les formes et nommez le groupe “toast de base”.

3. Créer la texture du pain Vector

Étape 1

Prenez le Outil Crayon (N) et trace un chemin aléatoire sur le pain grillé dans un mouvement de haut en bas. Accident vasculaire cérébral ce chemin avec un Brosse à dispersion appelé Éclaboussure d'encre 1 que vous pouvez trouver dans le Bibliothèque de styles Menu> Artistique> Artistic_Ink. Met le Poids de l'AVC à 0,25 pt rendre la texture plus petite.

Étape 2

Avec le chemin toujours sélectionné, allez à la Objet menu et choisir Développer l'apparence. Remplissez le groupe de formes obtenu avec un dégradé linéaire du blanc au noir, puis définissez-le sur Mode de mélange Couleur Brûlure et 60% d'opacité.

Étape 3

Tracez un nouveau chemin sur le pain grillé avec le Outil Crayon (N) dans un mouvement circulaire cette fois. Sélectionner un 0,25 pt blanc Accident vasculaire cérébral et le Encre Spatter 1 Brosse à dispersion, puis définissez le Mode de fusion à Lumière douce.

Étape 4

Il est temps de nettoyer les bords. Tout d'abord, sélectionnez la forme de pain grillé, Copie et Coller en place (Shift-Control-V) et supprimez le remplissage dégradé existant. Maintenant, sélectionnez les deux textures avec la copie du pain grillé et allez à Objet> Masque d'écrêtage> Marque (Control-7).

4. Créer le look grillé

Étape 1

Prenez le Outil stylo (P) et dessinez trois formes comme dans l'image suivante. Remplissez-les avec les couleurs indiquées à côté de chacun, puis allez à Effet> Styliser> Plume et appliquer un Rayon de 15 px, 25 px et 15 px encore. Met le Mode de fusion à Brûlure de couleur pour tous.

Étape 2

Après avoir appliqué les paramètres spécifiés, votre toast devrait ressembler à l’image ci-dessous. Sélectionnez tout sur votre planche et Groupe (Control-G) leur; puis nommez le groupe “pain grillé”.

5. Créez l'icône 'Butter on Toast'

Étape 1

Maintenant que le pain est prêt, vous pouvez créer la première icône représentant du beurre sur du pain grillé. Dessinez une forme comme dans l'image suivante et remplissez-la avec le dégradé linéaire indiqué. Aller à Effet> Styliser> Plume et appliquer un Rayon de 8 px puis réduire le Opacité à 75%.

Étape 2

Dessinez une petite forme ondulée sur le côté droit de la forme précédente, donnez-lui un fond blanc et réduisez le Opacité à 70%. Cela va créer un look brillant.

Groupe (Control-G) ces deux formes et ensuite définir le groupe à Écran du mode de fusion. Vous pouvez le nommer “beurre fondu”.

Étape 3

Ensuite, dessinez un carré arrondi et sélectionnez jaune clair comme couleur de remplissage. Aller à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués ci-dessous.

Étape 4

Dessinez un autre carré arrondi légèrement plus grand en haut et envoyez-le derrière. Choisissez le jaune comme couleur de remplissage.

Étape 5

Continuez avec une forme similaire à celle ci-dessous et remplissez-la avec le dégradé linéaire indiqué. Réglez-le sur Écran du mode de fusion et 60% d'opacité, et ensuite envoyer cette forme derrière les deux carrés arrondis.

Étape 6

Prenez le Outil stylo (P) et tracez un chemin le long du bord supérieur gauche du premier carré arrondi. Sélectionner un 2 pt blanc Accident vasculaire cérébral et le Profil de largeur 3 dans le Accident vasculaire cérébral panneau. Pour ajouter plus de brillance, dessinez une petite forme de lune sur le beurre fondu et blanc.

À ce stade, vous pouvez Groupe (Control-G) les cinq derniers chemins / formes et nommez le groupe “cube de beurre”.

Étape 7

L'icône beurre sur du pain grillé est prête maintenant.

6. Créez l'icône 'oeuf sur le pain grillé'

Étape 1

Allez à l’icône beurre sur toast, sélectionnez le “pain grillé”Groupe et faire une copie sur votre planche. Maintenant, dessinez la forme de l’oeuf et remplissez-le avec le dégradé radial indiqué. Aller à Effet> Styliser> Ombre portée et appliquer les paramètres ci-dessous.

Étape 2

Dessinez la forme jaune et remplissez-le avec l'orange. Continuez avec la deuxième forme montrée ci-dessous, qui se trouve derrière le jaune et qui a un remplissage blanc. 

Étape 3

Remplissez la forme suivante avec un dégradé linéaire du blanc au noir, puis définissez la valeur Mode de fusion à Écran.

Étape 4

Dessinez une forme en forme de lune dans le coin inférieur droit du jaune et remplissez-la avec le dégradé radial indiqué..

Étape 5

Dessinez une ellipse sur le jaune et remplissez-la avec le dégradé radial indiqué, puis allez à Effet> Flou> Flou Gaussien et appliquer un Rayon de 3 px.

Étape 6

Ensuite, dessinez trois petites formes sur le côté gauche du jaune. Après les avoir sélectionnés, allez à Objet> Chemin composé> Make (Control-8) et ensuite, remplissez la forme résultante avec le dégradé linéaire indiqué.

Étape 7

Pour créer l’apparence de bords frits, tracez quelques chemins le long du bord de l’oeuf avec le Outil stylo (P) ou la Outil Crayon (N). Utiliser un Pinceau d'art appelé Craie-gribouiller caresser ces chemins, que vous pouvez trouver dans le Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil. Met le Poids de l'AVC et les couleurs en conséquence. Pour un look frit plus intense, vous pouvez dessiner beaucoup plus de chemins comme ceux-ci..

Étape 8

Ensuite, dessinez de très petites ellipses à côté du bord de l’œuf et remplissez-les de nuances de brun pâles.

Étape 9

À titre purement décoratif, ajoutons du poivre moulu. Dessinez quelques petits cercles sur l’œuf, autant que vous le souhaitez, puis créez un chemin composé ou Groupe (Control-G) leur. Sélectionnez le brun foncé comme couleur de remplissage.

Étape 10

L'icône oeuf sur toast est prête à ce stade.

7. Créez l'icône 'Pâte à tartiner au chocolat et à la banane sur du pain grillé'

Étape 1

Tout d’abord, allez à l’icône précédente et faites une autre copie du “pain grillé”Groupe. Prenez le Outil stylo (P) et dessinez une forme aléatoire sur le pain grillé. Sélectionnez le marron comme couleur de remplissage, puis appliquez le Ombre portée effet.

Étape 2

Pour créer la tranche de banane, commencez par une forme ronde puis dessinez une forme légèrement plus grande derrière celle-ci. Dessinez une autre forme ronde au centre et remplissez-la avec le dégradé radial indiqué.

Étape 3

Dessinez une forme similaire à celle ci-dessous au centre de la tranche, utilisez la couleur indiquée puis réglez-la sur Mode de fusion Multiplier et 50% d'opacité.

Dessinez une forme plus petite au centre, sélectionnez orange comme couleur de remplissage, puis définissez-la sur Mode de fusion Multiplier et 50% d'opacité.

Étape 4

Utilisez le Outil stylo (P) dessiner deux chemins sur les côtés. Sélectionner un 1,5 pt blanc Accident vasculaire cérébral et le Profil de largeur 1 du Accident vasculaire cérébral panneau.

Étape 5

Groupe (Control-G) toutes les formes qui composent la tranche de banane. Faites d'autres copies, faites-les légèrement pivoter et disposez-les sur la pâte à tartiner..

Étape 6

Utilisez le Outil Crayon (N) dessiner quelques chemins entre les tranches de banane, comme dans l'image suivante. Sélectionner un 2 pt AVC et le Profil de largeur 3, et ensuite, appliquez un 2 px Flou Gaussien. Diminuer Opacité à 70%.

Étape 7

Tracez plus de chemins entre les tranches de banane et entre les chemins d’ombrage de l’étape précédente. Sélectionner un 2 pt AVC et le Profil de largeur 3, et ensuite, appliquez un 2 px Flou Gaussien pour tous. Pour les deux chemins rouges au milieu, augmentez le Rayon de flou gaussien à 3 px et aussi réduire le Opacité à 80%.

Étape 8

À ce stade, l’icône “Pâte à tartiner au chocolat et banane” est prête. 

8. Ajouter une ombre aux icônes

Sélectionnez uniquement les “toast de base”Groupe de chaque icône et aller à Effet> Flou> Flou Gaussien. Appliquez les paramètres affichés et appuyez sur D'accord.

Toutes nos félicitations! Vous avez terminé

Voici l'image finale. J'espère que ce tutoriel était amusant et délicieux en même temps. N'hésitez pas à expérimenter différentes garnitures et à créer votre toast préféré. N'oubliez pas de me montrer vos re-créations pour que je puisse en profiter.

Maintenant, dis-moi, lequel mangerais-tu maintenant??