Comment créer des icônes de Pâques en design plat dans Adobe Illustrator

Ce que vous allez créer

Pâques est une belle fête de printemps, bien connue pour sa tradition de peindre des œufs. Il est généralement associé à des couleurs douces et vives et à une ambiance printanière. Dans ce didacticiel, nous allons décrire un processus de création d'icônes plates de Pâques, en utilisant des formes de base, le panneau Pathfinder et certains des nouveaux outils Adobe Illustrator..

Outre la fabrication d'icônes de Pâques, ces techniques peuvent être utilisées pour créer tout type d'icônes plates ou de bannières plates.. 

Si cela vous intéresse, vous pouvez acheter ces icônes ainsi que de nombreuses autres dans le cadre d'un jeu d'icônes de Pâques sur GraphicRiver..

1. Faire des icônes de Pâques d'oeufs de fête

Étape 1

Commençons par faire la base de l'œuf. Prendre le Outil Ellipse (L) et faire un 70 x 70 px cercle. Sélectionnez ses points d’ancrage latéraux avec le Outil de sélection directe (A) et faites-les glisser un peu, ce qui rend le bas de la forme bombé. Ensuite, sélectionnez le point d’ancrage supérieur et faites-le glisser vers le haut, en dirigeant le sommet de.

Étape 2

Nous utiliserons une palette de couleurs vives aux couleurs douces que vous pourrez choisir directement à partir de la capture d'écran ci-dessous avec le bouton Outil Pipette (I) en tenant le Décalage clé.

Remplir la base de l’oeuf avec du jaune et garder un copie à l'arrière (Contrôle-C> Contrôle-B), comme nous pourrions en avoir besoin plus tard.

Maintenant, décrivons l'ornement décoratif au-dessus de l'œuf. Prendre le Outil Rectangle (M) et faire un 70 x 15 px forme bleue.

Étape 3

Prendre le Outil de segment de ligne (\), tenir Décalage et faire une forme horizontale avec du rose Accident vasculaire cérébral de 3 pt de poids.

Alignons toutes les formes sur l'œuf. Tout sélectionner (Contrôle-A) et cliquez sur l'oeuf tout en maintenant Alt afin d'en faire un Objet clé (vous verrez une sélection épaisse autour de lui). Dirigez-vous vers le Aligner panneau et cliquez Centre d'alignement horizontal.

Étape 4

Modifions maintenant la ligne rose. Sélectionnez-le et allez à Effet> Distorsion & Transformation> Zig Zag. Met le Taille à 5 px, Ridges par segment à 7 et Points à Lisse.

Objet> Développer la forme pour appliquer l'effet.

Étape 5

Ajoutez un autre rectangle au fond de l'oeuf et remplissez-le de couleur verte. Supprimons maintenant les parties des rectangles situées à l'extérieur de l'œuf. Nous utiliserons l’un des nouveaux outils Adobe Illustrator: le Outil Shaper (Maj-N). Prendre le Outil Shaper (Maj-N) et juste gribouiller au-dessus de la pièce que vous voulez supprimer. Répétez la même chose avec d'autres parties indésirables.

Si vous travaillez avec des versions antérieures d’Adobe Illustrator, essayez d’utiliser le Outil de création de forme (Maj-M) au lieu. Il fonctionne presque de la même façon: il suffit de tout sélectionner et de cliquer sur les éléments indésirables tout en maintenant Alt.

Nous essaierons également une autre manière de cacher les parties inutiles quelques étapes plus tard, lorsque nous ferons un autre œuf..

Étape 6

Sélectionnez l'œuf modifié et Objet> Développer il. Sélectionnez ensuite le milieu jaune de l’œuf avec la ligne rose en zigzag et Diviser eux dans le Éclaireur panneau, divisant la forme en deux moitiés égales.

Étape 7

Remplissez la partie supérieure de la forme divisée dans une belle couleur rose. Prendre le Outil Ellipse (L) et faire un 5 x 5 px cercle. Tenir Alt-Shift et faites glisser le cercle vers la droite, créant quelques copies.

Étape 8

Maintenant que la vue de base de l'œuf est prête, ajoutons une ombre de style plat couvrant une moitié de l'œuf.. Groupe (Control-G) toutes les parties de l'œuf, Copie et Coller devant (Control-C> Control-F). Garder la copie sélectionnée, Unir dans le Éclaireur, le fusionner en une silhouette.

Tracez une ligne verticale en travers de l’oeuf en utilisant le Outil de segment de ligne (\). Aligner la ligne à la silhouette de l'oeuf, faisant de l'oeuf un Objet clé.

Garder la ligne et la silhouette de l'œuf sélectionnés, Diviser eux dans le Éclaireur.

Supprimer une des pièces et commuter la moitié restante sur Multiplier mode, le rendant semi-transparent.

Étape 9

Maintenant faisons un autre oeuf!

Nous avons déjà une base, car nous en avons fait une copie dès la première étape. Déplacez-le de côté et remplissez-le de couleur orange. Ajoutez des éléments décoratifs sur le dessus et voyons une autre façon de cacher les pièces inutiles.. Dupliquer la forme de base encore une fois (Control-C> Control-F) et Apporter il à l'avant (Shift-Control-]).

Sélectionnez tous les éléments, clic-droit et Faire masque d'écrêtage. Ici vous l'avez!

Étape 10

Ajoutons quelques éléments décoratifs à l'œuf. Faire deux 5 x 5 px cercles au-dessus de la bande jaune de l'oeuf, les plaçant plus près des bords. Sélectionnez les deux cercles et utilisez soit le Outil de mélange (W) ou aller à Objet> Mélange> Marque. Puis ouvrez le Options de mélange la fenêtre (Objet> Fusion> Options de fusion) et mettre le Espacement à Étapes spécifiées avec une valeur de 3.

Objet> Développer le groupe de mélange et ajouter plus de cercles dans la partie supérieure de l'oeuf, en les remplissant de couleur jaune.

Étape 11

Lorsque vous êtes satisfait du résultat, ajoutez une ombre à plat semi-transparente à la moitié de l'œuf..

Combinez les oeufs. Utilisez le Outil Rectangle Arrondi faire un fond vert clair pour notre icône.

Faire un carré avec le Outil Rectangle (M) et le faire tourner par 45 degrés avec le Outil de sélection (V) en tenant Décalage.

Remplissez le rectangle avec un dégradé linéaire du vert clair au blanc et réglez-le sur Multiplier le mode de fusion, faire une longue ombre semi-transparente.

Étape 12

Dupliquez l’arrière-plan vert clair et placez l’ombre entre les copies. Utiliser un Masque d'écrêtage cacher la partie non désirée de l'ombre longue.

Génial! Notre première icône est prête! Passons au suivant.

2. faire une icône de lapin mignon

Étape 1

Faire un 70 x 70 px cercle gris pour la tête du lapin. Déplacez les points d’ancrage latéraux vers le bas avec le Outil de sélection directe (A) faire la tête légèrement écrasée.

Maintenant formons les oreilles. Prendre le Outil Ellipse (L) et faire un 15 x 50 px ovale. Déplacez son point d'ancrage latéral vers le haut, élargissant ainsi le haut de l'oreille. Garder la forme sélectionnée, allez à Objet> Chemin> Chemin décalé et mettre le Décalage valeur à -5 px, laissant toutes les autres options par défaut. De cette façon, nous créons une forme plus petite pour la partie interne de l'oreille.

Étape 2

Remplissez la partie intérieure de l’année de couleur rose, regroupez les deux parties de l’oreille et Envoyer à l'arrière (Shift-Control- [). Double-cliquez la Outil de rotation (R) pour ouvrir la fenêtre des options et définir le Faire pivoter l'angle valeur à -20 degrés.

Étape 3

Utilisez le Outil de réflexion (O) retourner l'oreille sur le Axe vertical et cliquez Copie pour former la deuxième oreille sur le côté opposé de la tête. Vous pouvez grouper les deux oreilles et Aligner à la tête, ce qui rend l'ensemble parfaitement centré.

Écraser un peu plus la base de la tête.

Étape 4

Utilisez le Outil Ellipse (L) pour former une paire d'yeux sombres brillants avec des reflets blancs et un cercle pour le nez. Prendre le Outil Ciseaux (C) et cliquez sur les deux points d'ancrage latéraux du nez afin de diviser la forme en deux moitiés.


Étape 5

Supprimez la moitié supérieure et transformez la partie restante en un joli nez de lapin. presse X à échanger Remplir et Accident vasculaire cérébral couleurs. Met le Poids de l'AVC à 2 px et changer le Profil à largeur variable dans le panneau de commande en haut. Créez deux copies du nez et rendez-les légèrement plus minces et plus claires en formant une bouche, comme illustré dans la capture d'écran ci-dessous..

Étape 6

Terminons avec notre lapin en lui ajoutant de minuscules moustaches. Faire un 9 px course horizontale de 1 pt, en utilisant le Outil de segment de ligne (\). Faites pivoter les moustaches un peu et ajoutez-les aux deux côtés du visage.

Étape 7

Ajoutez une ombre plane à la moitié de la tête du lapin, comme nous l'avons fait précédemment. Formez un rectangle arrondi pour l'arrière-plan et créez une ombre portée semi-transparente pour finir avec l'icône.. 

Si vous éprouvez des difficultés à ajouter une ombre portée à un objet complexe, consultez le didacticiel suivant à partir de la partie 7, étape 1, et les étapes suivantes, afin de découvrir comment donner à notre ombre portée la forme souhaitée..

Voilà! Passons à l'icône suivante!

3. faire une icône de poulet mignon

Étape 1

Cette fois-ci, nous allons représenter une petite poule amusante sortant de l’œuf. Tout d’abord, créez un oeuf rayé avec quelques rayures ou autres éléments décoratifs à votre goût, en utilisant les techniques que nous avons apprises aux étapes précédentes..

Nous devons retirer la partie supérieure de l'œuf pour créer un bord fissuré. Conservez une copie de la base de l'œuf quelque part dans le fond, car nous en aurons besoin plus tard pour former notre poulet..

Tracez une ligne horizontale à travers l'oeuf et appliquez Effet> Distorsion & Transformation> Zig Zag. Met le Taille à 4 px, Ridges par segment à 7 et Points au coin afin de rendre les bords fissurés tranchants.

Étape 2

Objet> Développer la ligne en zigzag et placez-le sur l'oeuf, au centre. Copie la base bleue de l'oeuf, Coller devant (Control-C> Control-F) et Apporter tout le chemin à l'avant (Shift-Control-]), en le plaçant au-dessus de tous les éléments.

Sélectionnez le zigzag et la base d'œuf et Diviser les dans Éclaireur. Supprimer la partie supérieure de la forme divisée.

Enfin, sélectionnez tout, clic-droit et Faire masque d'écrêtage. Génial! Le morceau d'œuf fêlé est prêt. Mettons un poulet dedans.

Étape 3

Révélez la copie de la base d’oeufs que nous avons créée précédemment et remplissez-la de jaune pâle pour le corps du poulet. Réduire la forme à 60 x 75 px, en le rendant plus petit. Sélectionnez les points d’ancrage latéraux avec Outil de sélection directe (A) et faites-les glisser un peu, ce qui rend le poulet plus rond.

Étape 4

Prendre le Outil Polygone et clic simple n'importe où sur la planche graphique pour ouvrir la fenêtre d'options contextuelles. Faire un 15 x 10 px triangle pour le bec et remplissez-le de couleur orange.

Combinez deux triangles pour former un bec et écrasez-les pour obtenir la forme appropriée. N'oubliez pas d'ajouter une paire d'yeux brillants. Nous pouvons les copier à partir de notre icône de lapin.

Étape 5

Ajoutez quelques ailes ovales en utilisant le Outil Ellipse (L). Placez la copie du corps du poulet au-dessus des ailes et Faire masque d'écrêtage masquer les éléments inutiles à l'intérieur du masque.

Étape 6

Terminez avec l'icône en ajoutant tous les éléments nécessaires comme les ombres et l'arrière-plan. Impressionnant!

Passons à notre dernière icône et finissons notre ensemble de Pâques!

4. Faire une icône de boîte cadeau

Étape 1

Commençons à façonner notre boîte à partir d’un 60 x 40 px rectangle vert. Former un sommet de la boîte d'un 65 x 15 px rectangle orange.

Étape 2

Créons maintenant un ruban dans la boîte. Sélectionnez les deux parties de la boîte et rappelez-vous la hauteur mutuelle des formes. Vous pouvez le trouver dans le Transformer panneau. Dans notre cas, c'est 55 px. Faire un ruban bleu de 5 x 55 px taille, en le plaçant juste au centre de la boîte. Ajouter un plus petit 5 x 15 px morceau de ruban en haut de la boîte, le remplissant d'un bleu plus foncé.

Étape 3

Utilisez le Outil Crayon (N) faire un arc avec du bleu Accident vasculaire cérébral de 2 pt de poids.

Étape 4

Décorer notre boîte avec un ornement ou un motif. Copie la base de la boîte et Coller il devant (Control-C> Control-F). 

Dirigez-vous vers le Échantillons panneau, ouvrez le Menu Swatch Libraries> Patterns> Basic Graphics> Basic Graphics_Lines. Trouvez le 10 lpp 30% swatch et cliquez pour appliquer un motif avec des lignes horizontales.

Étape 5

Garder la forme texturée sélectionnée, double-cliquez la Outil de rotation (R) et mettre le Angle à 45 degrés. Désélectionnez le Objets de transformation case à cocher et cliquez D'accord, changer la direction des rayures.

Étape 6

Changeons la couleur des rayures pour les faire correspondre à notre palette globale. Double-cliquez le motif appliqué dans le Échantillons panneau pour l'isoler dans le Mode Pattern. Appliquez une couleur vert clair au Coups dans le Couleur panneau et cliquez Terminé dans la partie supérieure de la zone de travail.

Étape 7

Terminez avec l'icône en ajoutant de la profondeur à l'aide des ombres et un arrière-plan simple.

Notre ensemble d'icônes est terminé! Joyeuses Pâques!

Toutes nos félicitations! Nous avons fait un excellent travail en apprenant à utiliser l'outil Shaper et à utiliser les formes de base et le panneau Pathfinder. Nous pouvons utiliser ces techniques simples pour élargir notre ensemble et créer davantage d’icônes de fête plates pour Pâques.!

Si cela vous intéresse, vous pouvez acheter ces icônes ainsi que de nombreuses autres dans le cadre d'un jeu d'icônes de Pâques sur GraphicRiver..