Comment concevoir un ensemble d'icônes de cirque dans Adobe Illustrator

Ce que vous allez créer

Les cirques et fêtes foraines rétro ont leur propre atmosphère enchanteresse qui me donne envie de les dessiner encore et encore. Si vous aimez les formes et les couleurs d’un cirque de style rétro, suivez ce didacticiel et apprenez à concevoir un ensemble d’icônes de cirque plates, à l’aide de formes simples et d’effets de déformation, et à utiliser divers outils et fonctions d’Adobe Illustrator.. 

À la fin de ce tutoriel, vous apprendrez de nouveaux trucs et astuces et serez en mesure d’élargir l’ensemble, créant ainsi plus d’icônes de cirque. Si vous souhaitez concevoir autre chose en utilisant ces techniques, assurez-vous que vous avez cherché les sources d'inspiration de GraphicRiver..

1. Comment créer un clown à plat dans Adobe Illustrator

Étape 1

Commençons par décrire le clown, en commençant par la tête. Prendre le Outil Rectangle Arrondi et faire un 75 x 115 px forme jaunâtre avec des coins complètement arrondis. Vous pouvez ajuster le Rayon de coin soit du panneau de commande sur le dessus ou dans le Transformer panneau. Une autre façon d’éditer l’arrondi des angles est de le faire manuellement à l’aide des touches Outil de sélection directe (A) et le Coins vivants fonction (minuscules marqueurs de cercle à côté de chaque coin de la forme).

Choisissez le Outil Ellipse (L) et placer un 26 x 26 px cercle pour le nez. 

Étape 2

Assurez-vous d'avoir placé le nez au centre du visage en sélectionnant à la fois la forme du nez et de la tête, puis en cliquant à nouveau sur la tête pour en faire un Objet clé. Ouvrez le Aligner panneau et cliquez Centre d'alignement horizontal aligner les deux formes.

Placer un 9 x 9 px point rose clair sur le nez pour le point culminant.

Étape 3

Ajoutons maintenant les yeux. Faire un 16 x 16 px cercle avec brun foncé Accident vasculaire cérébral et non Remplir. Dirigez-vous vers le Accident vasculaire cérébral panneau et définir le Poids à 4 pt et Casquette à Casquette ronde.

Prendre le Outil Ciseaux (S) et cliquez sur les deux points d’ancrage latéraux pour séparer la forme. Nous pouvons maintenant supprimer la partie inférieure de la forme. Sélectionnez la paupière créée avec le bouton Outil de sélection (V), tenir Alt-Shift et faites glisser vers la droite, créant une copie pour le deuxième oeil. 

Étape 4

Prendre le Outil Rectangle Arrondi et faisons une forme bleu clair pour le sourcil. Créer un 10 x 5 px rectangle aux angles arrondis. Garder la forme sélectionnée, double-cliquez la Outil de rotation (R) et mettre le Angle à 20 degrés.

Étape 5

À présent double-cliquez la Outil de réflexion (O) et sélectionnez le Axe vertical. Cliquez sur Copie créer une copie miroir du sourcil et la déplacer du côté opposé du visage.

Étape 6

Groupe (Control-G) les yeux, puis groupe les sourcils et sélectionnez les deux groupes avec la forme de la tête. Cliquez à nouveau sur la tête pour en faire un Objet clé, et utiliser le Aligner panneau pour aligner tous les éléments sur la Centre horizontal de la tête.

Étape 7

Représenter une bouche de la même manière que nous avons créé les paupières. Faire un grand 53 x 53 px cercle avec brun foncé Accident vasculaire cérébral et 4 pt de poids. Séparez la forme en utilisant le Outil Ciseaux (S) et supprimer sa partie supérieure, créant ainsi une bouche souriante.

Étape 8

Élargissons la bouche Objet> Développer l'apparence pour le transformer en courbes. Aller à Objet> Chemin> Chemin décalé et mettre le Décalage valeur à 5 px, laissez toutes les autres options par défaut et cliquez sur D'accord. Remplissez la nouvelle forme avec la même couleur rouge que nous avons pour le nez en utilisant le Outil Pipette (I)

Étape 9

Maintenant, nous allons ajouter les cheveux à notre clown. Faire deux cercles bleus de 35 x 35 px et 40 x 40 px taille par le côté gauche de la tête. Garder les deux cercles sélectionnés, appuyez sur Shift-Control- [ à Envoyer les formes retourner, sous la tête. Tenir Alt-Shift et faites glisser les cercles sur le côté opposé de la tête avec le Outil de sélection (V), faire une copie.

Maintenant que le portrait de notre clown est prêt, groupe (Control-G) tous ses éléments. 

Étape 10

Formons une base circulaire pour notre icône. Nous allons également l'utiliser pour nos prochaines icônes. Faire un 180 x 180 px cercle mauve et violet Envoyer à l'arrière (Shift-Control- [) le placer derrière le clown.

En outre, pour donner à notre icône un aspect complet, nous devons ajouter une longue ombre à plat. Faire un 115 x 115 px rectangle de couleur violet clair. Changer le Mode de fusion à Multiplier dans le Transparence panneau, rendant la forme semi-transparente. 

Étape 11

Ensuite, faites pivoter la forme 45 degrés soit en utilisant le Outil de rotation (R), la Outil de transformation libre (E), ou la Outil de sélection (V). Placez la forme sur la tête du clown, en l'adaptant aux bords du visage et des cheveux (vous devrez peut-être redimensionner un peu le rectangle). 

Étape 12

Utilisez le Outil de sélection directe (A) accrocher les points d'ancrage de l'ombre aux bords de la tête du clown. Zoom avant (Ctrl +)  pour qu'il soit plus facile d'adapter les formes.  

Étape 13

Envoyer l'ombre En arrière en appuyant Contrôle-[ quelques fois pour le placer entre la tête du clown et la base de l'icône.

Voyons maintenant comment nous pouvons cacher la partie inutile de l'ombre. Copie l'icône et Coller devant (Control-C> Control-F). Apporter la copie à l'avant (Contrôle-]), au sommet. Enfin, sélectionnez tout, cliquez sur le bouton bouton droit de la souris et Faire masque d'écrêtage, de cette façon masquer tous les objets à l'intérieur du cercle supérieur. 

Là nous l'avons! Notre première icône est prête. Passons au suivant. 

2. Comment dessiner une icône de cirque plat de cirque dans Adobe Illustrator

Étape 1

Utilisons la forme que nous avons créée pour la tête du clown pour concevoir le canon. Copier (Control-C) la forme, Coller (Contrôle-V) et faites-le pivoter 90 degrés.

Aller à Effet> Warp> Arc et mettre le Courbure verticale valeur à -5% et Distorsion horizontale à dix%, rendre le côté droit de la forme large et bombé.  

Étape 2

Objet> Développer la forme pour appliquer l'effet. Prenons le Outil Gomme (Maj-E), tenir Alt, et efface la partie gauche de la forme.

Utilisez le Outil de sélection directe (A) pour sélectionner les points d'ancrage supérieur et inférieur gauche et les faire glisser davantage vers la gauche, en prolongeant la forme. 

Étape 3

Maintenant, nous devons représenter le canon du canon. Armez-vous du Outil Ellipse (L) et ajoutez un ovale écrasé sur le côté gauche du canon. Assurez-vous que la hauteur de l'ellipse correspond au bord gauche du canon, en alignant les points d'ancrage des formes. N'oubliez pas d'utiliser le Smart Guides (Affichage> Smart Guides) pour faciliter ce processus.

Maintenant, allez à Objet> Chemin> Chemin décalé et mettre le Décalage valeur à -2 px. Remplissez la nouvelle forme avec la couleur pourpre, représentant la partie interne du canon. 

Étape 4

Décorons notre canon avec des rayures et des étoiles!

Faire un 30 x 130 px bande rouge en utilisant le Outil Rectangle (M). Aller à Effet> Distorsion & Transformation> Zig Zag. Définissez la taille sur 5 px, Ridges par segment à dix, et Points à Coin. 

Étape 5

Objet> Développer l'apparence la forme pour appliquer l'effet et déplacer notre zig-zag à la partie avant du canon. Sélectionnez le canon et le zig-zag et prenez la Outil de création de forme (Maj-M). Tenir Alt et passez la souris sur la partie inutile de la forme rouge. Lorsque le curseur de votre souris se transforme en un signe moins, cliquez sur l'élément en surbrillance pour le supprimer.. 

presse Contrôle-[ quelques fois pour déplacer le zig-zag sous le canon du canon. 

Étape 6

Passons à autre chose et ajoutons une autre rayure à notre canon. Créer un 30 x 110 px rectangle bleu, en utilisant le Outil Rectangle (M). Prendre le Outil étoile et faire un À 5 pointes étoile sur la bande bleue. 

Étape 7

Sélectionnez l'étoile, maintenez Alt-Shift et faites glisser la forme vers le bas pour créer une copie au bas de la bande bleue. Sélectionnez les deux étoiles et allez à Objet> Mélange> Marque. Maintenant que nous avons un groupe d'étoiles, nous pouvons ajuster leur quantité et l'espacement entre les éléments à l'aide de Objet> Fusion> Options de fusion. Met le Espacement à Étapes spécifiées égal 3

Étape 8

Utilisons un Masque d'écrêtage cacher les parties inutiles de la décoration à l'intérieur du canon. 

Dupliquer (Control-C> Control-F) la forme du canon et Apporter la copie à l'avant (Shift-Control-]). Sélectionnez toutes les parties du canon, cliquez sur le bouton bouton droit de la souris et Faire masque d'écrêtage. 

Étape 9

Prendre le Outil Ellipse (L) et décrivons la roue. Faire un 50 x 50 px Cercle rouge. Dupliquer (Control-C> Control-F) cercle et réduisez la copie en définissant sa taille sur 45 x 45 px. Rendez la couleur de la nouvelle forme un peu plus sombre. Terminez le tour en créant une autre copie du cercle et en définissant sa taille sur 25 x 25 px. Groupe (Control-G) tous les éléments de la roue.

Étape 10

Faisons tourner le canon pour rendre la composition un peu plus dynamique. Groupe toutes les parties du canon (à l'exclusion de la roue). Double-cliquez la Outil de rotation (R) et mettre le Angle à -20 degrés.

Déplacez la roue un peu vers la gauche, en maintenant le bon équilibre. 

Étape 11

Utilisons la base du cercle de notre première icône. Dupliquez-le et placez notre canon sur une base circulaire. N'oubliez pas de régler l'ombre. Chance la couleur de l'icône et de l'ombre à turquoise. 

Voila! Passons à notre dernière icône. 

3. Comment créer une icône de chapeau magique dans Adobe Illustrator

Étape 1

Nous pouvons soit utiliser le canon de notre canon pour commencer avec le chapeau, soit créer une nouvelle ellipse pourpre foncé. 103 x 13 px Taille. Appliquer le Chemin de décalage avec -Décalage de 4 px valeur pour créer la partie intérieure du chapeau. 

Prendre le Outil Rectangle (M) et faire un 54 x 57 px forme. Appliquez une couleur pourpre plus sombre et Envoyer à l'arrière (Shift-Control- [), le placer sous le bord.

Étape 2

Garder le rectangle créé sélectionné, appliquer Effet> Warp> Ardennes avec -Courbure verticale de 3% valeur et 12% de distorsion verticale.

Objet> Développer l'apparence transformer la forme en courbes. Ici, j'ai aussi décidé de changer la couleur du cercle supérieur en violet foncé pour que le chapeau paraisse plus tridimensionnel.. 

Étape 3

Ajoutons un ruban lumineux à notre chapeau haut de forme. Faire un 75 x 15 px bande turquoise en utilisant le Outil Rectangle (M). Sélectionnez à la fois la rayure et le rectangle de notre chapeau et utilisez les Outil de création de forme (Maj-M) en tenant Alt cliquer et supprimer les morceaux indésirables du ruban.

Étape 4

Maintenant, décrivons une baguette magique. Utilisez le Outil Rectangle Arrondi faire un 95 x 10 px forme jaune clair avec des coins complètement arrondis.

Maintenant, nous pouvons soit utiliser le Outil Rectangle (M) faire un 45 x 10 px forme pourpre foncé sur le dessus de la baguette ou dupliquer la forme jaune et utilisez le Outil Gomme (Maj-E) en tenant Alt supprimer les bouts de la copie et recolorer la forme du haut.

Assurez-vous que les deux formes se correspondent bien en les alignant dans le Aligner panneau.

Étape 5 

Placez la baguette magique juste au-dessus du chapeau et utilisez le Outil de rotation (R) faire pivoter 10 degrés. Chatouiller quelques étoiles en utilisant le Outil étoile et en variant les tailles des éléments.

Étape 6

Placez le chapeau magique sur une base d'icône ronde et appliquez une couleur rouge pâle au cercle et à l'ombre semi-transparente.. 

Step Up Up pour le Main Event! Nos icônes plates de cirque sont finies!

Travail fantastique, mes amis! J'espère que vous avez apprécié suivre ce didacticiel simple et amusant et découvrir de nouveaux conseils et astuces. Vous êtes maintenant prêt à créer des icônes de cirque plus sophistiquées. Découvrez toute la variété des icônes plates sur GraphicRiver et n'oubliez pas de partager vos résultats! S'amuser!