Share
Ce que vous allez créerVous voulez vous amuser dans le parc d'attractions? Alors rejoignez-moi dans ce tutoriel et créez une scène de fête foraine à la rétro, inspirée du film Grease! Aucune compétence particulière en dessin n'est requise ici. Nous allons travailler avec des formes géométriques simples et les opérations Pathfinder d'Adobe Illustrator. De plus, nous allons apprendre à utiliser les pinceaux et le mode Dessiner à l'intérieur afin d'appliquer une texture grungy aux objets en quelques clics.
Avez-vous vu le film Grease avec John Travolta et Olivia Newton-John? Assurez-vous de vérifier si vous aimez les années 1950. Il y a toutes sortes de choses pour créer une atmosphère rétro appropriée - vêtements, coiffures, voitures et musique - tout ce que vous pouvez imaginer. Pour moi, l'un des moments les plus mémorables du film est la danse à la fête foraine. Donc, dans ce tutoriel, nous allons créer une version simplifiée et stylisée de ce parc d’attractions à partir du film.
N'hésitez pas à parcourir la section Funfair du marché Envato pour découvrir à quoi ressemblent les éléments de la fête foraine et pour vous inspirer au cas où vous souhaiteriez créer davantage d'objets en plus de ceux que nous allons créer dans ce tutoriel. Vous pouvez également trouver de belles références de photos Vintage Funfair sur PhotoDune qui vous permettront de regarder de plus près..
Commençons!
Une grande tente à rayures est l’un des premiers éléments auxquels vous pensez en parlant de fête foraine rétro. Commençons à construire ce pavillon à partir d’un triangle de 280 x 105 px, que nous pouvons faire avec l'aide de la Outil Polygone.
Puis écrasez la forme avec le Outil de sélection (V) pour le rendre plat.
Prendre le Outil Rectangle (M) et formez le mur du pavillon en le fixant au toit en triangle. Et alignons le mur sur le toit, en utilisant le toit comme Objet clé. Sélectionnez les deux formes, maintenez Alt et cliquez sur le toit en triangle. Vous verrez un contour de sélection épais, indiquant le Objet clé. Maintenant nous pouvons nous diriger vers le Aligner panneau et cliquez Centre d'alignement horizontal.
Génial! Maintenant que la base est prête, ajoutons ces rayures! Utilisez le Outil Rectangle (M) faire un 20 x 125 px bande verticale étroite, le limant avec la couleur rouge pâle.
Aligner la bande sur le côté gauche du mur, en utilisant le mur comme Objet clé.
Copie la rayure et Coller devant (Control-C> Control-F). Aligner la copie sur le côté opposé du mur.
Sélectionnez les deux bandes et allez à Objet> Mélange> Marque. Maintenant, nous pouvons modifier les paramètres à notre goût Objet> Fusion> Options de fusion. Réglons le Espacement à Étapes spécifiées avec 5 pas.
Aller à Objet> Développer l'apparence transformer le groupe de fusion en un ensemble de bandes séparées. Changer la couleur du mur en jaune clair.
Et maintenant ajoutons quelques bandes sur le toit aussi. Dupliquer (Control-C> Control-F) le toit, tenez Alt et rétrécir la forme avec le Outil de sélection (V), faire un triangle étroit. Remplissez-le de couleur rouge.
Dupliquez la bande créée, sélectionnez ses points d’ancrage inférieurs avec le bouton Outil de sélection directe (A) et faites-les glisser vers la gauche, de sorte que le triangle soit incliné et que son point d'ancrage supérieur reste attaché au sommet du toit.
Faites une autre copie de la bande triangulaire et déplacez-la plus à gauche.
Enfin, sélectionnez les deux copies que nous avons faites et double-cliquez sur le Outil de réflexion (O) pour ouvrir la fenêtre des options. Retournez les formes sur le Axe vertical et cliquez Copie faire les mêmes rayures pour le côté droit du toit.
Appliquez des couleurs légèrement plus claires sur les éléments du toit afin de séparer le toit du mur. Et ajoutons quelques détails supplémentaires.
Prendre le Outil Ellipse (L), tenir Décalage et faites un cercle pair, en l’ajustant à la largeur de la bande centrale. Utilisez le Smart Guides (Affichage> Smart Guides) pour faciliter le «collage» des formes les unes aux autres.
Aligner les formes horizontalement.
Ajoutons plus de cercles! Maintenant, sélectionnez le cercle et appuyez sur le Entrer clé pour ouvrir le Bouge toi fenêtre d'options. Met le Horizontal valeur égale à la largeur du cercle. Dans mon cas, c'est 28 px. Si nous voulons déplacer le cercle vers la gauche, la valeur doit être négative, nous devons donc définir la Horizontal valeur à -28 px et cliquez Copie.
Génial! Maintenant, appuyez simplement sur Contrôle-D plusieurs fois pour répéter la dernière action, créant plus de cercles.
Et répétez la même chose pour la moitié droite de la tente, en déplaçant la copie du cercle central 28 px à droite et en répétant l'action.
Alternez les couleurs des cercles en les faisant correspondre aux couleurs des rayures sur le toit.
Si vous remarquez que certains cercles ne correspondent pas aux rayures, déplacez-les légèrement vers la gauche ou la droite ou utilisez la commande Outil de sélection (V) rendre les cercles plus larges ou plus étroits, écraser ou étendre les formes.
Supprimons maintenant les morceaux inutiles. Sélectionnez les cercles latéraux avec le toit et armez-vous du Outil de création de forme (Maj-M). Tenir Alt et cliquez sur les morceaux que vous souhaitez supprimer.
finalement, Groupe (Control-G) tous les cercles et les placer sous le toit (Contrôle-[), ce qui les rend un peu plus sombres. N'oubliez pas de grouper également les éléments du toit pour rendre votre travail plus ordonné et plus net.
Ajoutez un triangle brun foncé pour l'entrée, en le plaçant au centre du mur.
Enfin, ajoutons une ombre de style plat semi-transparente. Dupliquer (Control-C> Control-F) le pavillon et en conservant la copie sélectionnée, Unir dans le Éclaireur, créer une silhouette plate.
Utilisez le Outil de segment de ligne (\) faire une ligne verticale et Aligner au centre de la silhouette.
Garder les deux formes sélectionnées, Diviser les dans Éclaireur, découper la silhouette en deux moitiés égales.
Enfin, supprimez la moitié gauche et réglez la droite sur Multiplier le mode de fusion, assombrir le pavillon.
Et c'est tout! Notre pavillon rayé est prêt! Nous pouvons maintenant passer au prochain élément de notre fête foraine..
Faisons quelques carrousels pour notre parc d'attractions rétro.
Faisons la partie supérieure de notre carrousel à partir d'un 175 x 35 px rectangle de couleur turquoise. Sélectionnez le point d’ancrage en bas à gauche avec Outil de sélection directe (A) et frapper Entrer ouvrir le Bouge toi fenêtre d'options. Met le Horizontal valeur à 10 px afin de déplacer le point à droite. Cliquez sur D'accord.
Répétez la même chose pour le point d’ancrage en bas à droite, mais cette fois, définissez le paramètre Horizontal valeur à -10 px, déplacer le point vers la gauche.
À présent dupliquer (Control-C> Control-V) la forme. Prendre le Outil de sélection (V), saisissez le dessus de la forme et faites-la glisser vers le bas, en la retournant. Réduisez la taille et remplissez-la de couleur jaune clair.
Utilisez le Outil de sélection directe (A) et le Bouge toi fonction pour rapprocher les points d'ancrage inférieurs.
Prendre le Outil Rectangle (M) et faire une colonne, en ajustant le bas de la forme jaune (dans mon cas, la colonne est d'environ 50 x 75 px). Ajoutez des rayures verticales plus sombres à la colonne de la même manière que nous l’avons fait avec le mur du pavillon rayé.
Ajoutez une bande plus claire au sommet turquoise du carrousel et utilisez le Outil de création de forme (Maj-M) en tenant Alt supprimer les morceaux inutiles à l'extérieur du carrousel.
Ajoutons maintenant des sièges ou des cabines stylisées qui tourneront autour du carrousel. Faire un 15 x 15 px cercle et choisissez la couleur rouge pâle de la tente en utilisant le bouton Outil Pipette (I).
Sélectionnez le cercle créé, maintenez Alt et faites glisser le cercle sur le côté, créant quelques copies. Utilisez le Outil de segment de ligne (\) relier les cabines au carrousel.
Ajoutez plus de cabines et connectez-les au carrousel. Placez les cercles sur le dessus (Shift-Control-]), afin que les cordes soient cachées sous les cabines.
Ajoutons une ombre douce au carrousel. Sélectionnez les pièces de base (sans les cabines) et dupliquez-les. Unir les éléments de la copie dans Éclaireur, créer une silhouette fusionnée. Tracez une ligne verticale sur la silhouette et Aligner au centre du carrousel.
finalement, Diviser la ligne et la silhouette en Éclaireur, effacez la moitié gauche et réglez le reste sur Multiplier mode.
C'est tout! Faisons un autre carrousel.
Pour notre prochain carrousel, utilisons le triangle en haut de la tente à rayures et la colonne avec les cabines du carrousel que nous venons de fabriquer. Enlevez les rayures du toit et remplissez-le d'une couleur pourpre pâle.
Réglons le toit un peu. Faites une copie et déplacez-la un peu. Sélectionnez les deux formes et utilisez le Outil de création de forme (Maj-M), en portant Alt, supprimer les morceaux hors du toit. Faire le haut de la lumière du toit violet-bleu.
Remplaçons maintenant les cabines de cercle par des sièges de forme différente. Prenez le Outil Crayon (N) et dessinez un petit siège en forme de haricot. Si vous voulez que les lignes soient plus lisses lors du tracé, double-cliquez sur le bouton Outil Crayon (N) et déplacez le fidélité curseur tout le chemin à droite.
Faites d'autres copies du siège et disposez-les autour de la colonne. Réduisez la taille de certains sièges et remplissez-les de rouge plus clair en créant une distance entre les objets..
Enfin, étendez la colonne et augmentez sa hauteur en sélectionnant ses points d’ancrage inférieurs à Outil de sélection directe (A) et en les traînant vers le bas. Ajouter une autre bande sur le toit. Terminez en ajoutant une ombre semi-transparente à la moitié droite de l'objet, pour le rendre complet.
Nous allons commencer par créer la partie la plus détaillée de la grande roue: la cabine. Faire un rectangle turquoise clair de 20 x 15 px Taille.
Utilisez le Coins vivants fonction pour rendre les coins de la cabine arrondis. Pour ce faire, passez à la Outil de sélection directe (A) et tirez un petit marqueur de cercle plus près du centre. Si vous travaillez dans des versions antérieures d'Adobe Illustrator, vous pouvez utiliser Effet> Styliser> Coins ronds ce qui donne le même résultat.
Dupliquez la forme et réduisez la copie en la remplissant de couleur bleu clair, représentant le verre.
Gardez le verre sélectionné, prenez la Outil Gomme (Maj-E), tenir Alt et faites glisser sur la moitié inférieure de la forme pour l'effacer.
Faire deux bandes verticales d'une couleur bleue plus claire et les faire pivoter 45 degrés en tenant Décalage et en utilisant le Outil de sélection (V).
Placez les bandes au-dessus de la fenêtre et utilisez le Outil de création de forme (Maj-M) supprimer les pièces inutiles.
Enfin, ajoutez un 2 x 12 px bande au centre de la fenêtre pour la diviser en deux moitiés.
Placez un cercle turquoise foncé au sommet de la cabine (Shift-Control- [).
Maintenant formons la roue. Faire un 270 x 270 px cercle avec gris Accident vasculaire cérébral et non Remplir (vous pouvez régler le Remplir à aucun dans le Couleur panneau).
Placer un 205 x 205 px cercle à l'intérieur du premier. Continuez en ajoutant des détails colorés au centre, composés de deux cercles. Prendre le Outil Ciseaux (C) et cliquez sur les points d'ancrage latéraux du cercle rouge pour le séparer. Rendre la partie inférieure un peu plus sombre.
Utilisez le Outil de segment de ligne (\) faire une verticale a parlé de 270 px hauteur (égale à la hauteur du grand cercle). Double-cliquez sur le Outil de rotation (R) et mettre le Angle valeur à 36 degrés. Cliquez sur Copie et appuyez sur Contrôle-D plusieurs fois, ajoutant plus de rayons.
Maintenant que nous avons assez de rayons, placez les cabines au bout de chaque rayon..
Recolorez quelques cabines pour rendre la roue plus colorée et plus festive. Et, enfin, ajoutez la base à la roue en faisant un 175 x 230 px triangle avec AVC 6 pt et non Remplir. Envoyez-le à l'arrière (Shift-Control- [), sous la roue.
Les parcs d’attractions sont connus pour leurs nombreuses attractions et divertissements passionnants, tels que les galeries de tir, les compétitions, les balades en auto-tamponneuse, etc..
Créons-en un, et plus tard, vous pourrez en créer davantage en utilisant la base créée. Nous allons faire une cabane de tir.
Commencez par faire un toit rayé vert-blanc. Vous pouvez consulter la partie 2 (étape 3 et ultérieure) de la section Créer un fourgon à hot-dogs coloré dans Adobe Illustrator pour voir comment créer exactement la même forme de verrière..
Faire un 270 x 150 px rectangle brun et Envoyer il retourner (Shift-Control- [), sous la canopée. Faire un rectangle plus petit et plus sombre pour l'intérieur de la cabane.
Et, enfin, créez les cibles de la salle de tir. Faire un 65 x 65 px cercle de couleur jaune clair et ajouter des cercles plus petits à l'intérieur avec 5 px rouge Accident vasculaire cérébral et non Remplir.
Et maintenant, faisons des plantes et des arbres qui nous aideront à créer une belle scène verte.
Commencez par la couronne de l’arbre en faisant un 45 x 45 px cercle. Utilisez le Outil Rectangle (M) faire un étroit 3 x 55 px rayure pour le tronc d'arbre. Rendre le haut du coffre légèrement arrondi, en utilisant le Coins vivants fonctionnalité.
Maintenant, prenez le Outil Crayon (N) et dessinez une forme arrondie à bulles pour le buisson de dessin animé. Utilisez le Outil Gomme (Maj-E) et maintenir Alt effacer la partie inférieure du buisson pour en faire un bord horizontal droit.
Maintenant, combinons tous les éléments dans une scène pour créer une composition équilibrée. Définissez la taille de votre Artboard sur 900 x 500 px avec l'aide du Outil de planche graphique (Shift-O). Faire un rectangle bleu clair de la même taille pour le ciel et un plus petit 900 x 70 px rectangle vert pour le sol.
Utilisez le Aligner panneau pour placer les formes correctement, en utilisant le Aligner sur Artboard et Aligner sur un objet clé fonctionnalités.
Placez les éléments créés de la fête les uns à côté des autres, en faisant en sorte qu'ils se chevauchent. Vous devrez peut-être redimensionner les objets, en rendant certains plus grands et d'autres plus petits..
Remplissez les espaces entre les objets avec les arbres et les arbustes que nous avons créés précédemment. Faites-en certaines plus petites et d'autres plus grandes. Variez les couleurs des cimes et des arbustes du vert clair au vert foncé pour les séparer les unes des autres, en ajoutant de la profondeur à l'image..
Utilisez les éléments que nous avons créés pour les buissons afin d’ajouter des nuages moelleux. Étalez les nuages sur le ciel et recolorez-les en blanc et en bleu clair, en variant les tailles..
Notre composition semble déjà finie et vous pouvez vous arrêter à cette étape si vous souhaitez obtenir un design plat simple et net..
Toutefois, si vous souhaitez ajouter une touche rétro à notre image, passez à la partie suivante et découvrez comment ajouter de la texture aux objets..
Utilisons notre carrousel violet comme exemple. Dupliquez son toit triangulaire et faites-le glisser jusqu'au sommet du groupe de carrousel dans le Couches panneau.
Dirigez-vous vers le Outils panneau et trouver le Dessiner à l'intérieur bouton sous le Remplir et Accident vasculaire cérébral couleurs. Vous verrez des coins en pointillés autour de l’objet sélectionné, ce qui indique que vous dessinerez à l’intérieur de cette forme Masque d'écrêtage.
Maintenant, sélectionnons un beau pinceau sale de la bibliothèque Adobe Illustrator. Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et allez à Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil. Sélectionnez le Craie brosse en haut de la liste, prenez le Outil Pinceau (B) et faites quelques coups au bas du toit en triangle.
Maintenant, transformons nos coups de pinceau en formes pour pouvoir les ajuster. Sélectionnez les traits créés et allez à Objet> Développer l'apparence. Remplissez les formes avec une couleur pourpre très clair et passez à Multiplier le mode de fusion, créant un effet grungy doux et ajoutant une touche minable au carrousel.
Utilisez le même Craie une brosse ou tout autre pinceau sale à votre goût pour ajouter un léger effet minable aux autres objets.
Bon travail! Nous avons créé une belle composition de fête foraine à plat, inspirée du film Grease! Nous utilisions les formes de base et simple Éclaireur opérations et même ajouté une touche rétro grungy en utilisant les pinceaux intégrés Adobe Illustrator.
J'espère que vous avez aimé suivre ce didacticiel et découvrir de nouveaux conseils et astuces, qui vous aideront à créer des images plates au style plus rétro, telles qu'un paysage de carnaval ou un cirque d'époque, etc..
Si vous souhaitez examiner de plus près l'illustration que nous avons réalisée dans ce didacticiel et que vous souhaitez en avoir la version de nuit, n'hésitez pas à vous procurer une illustration de style plat pour fête foraine à GraphicRiver..
Amusez-vous et n'oubliez pas de partager votre résultat! Bonne chance!
Accentsconagua