Share
Ce que vous allez créerTout le monde ressent une certaine passion pour le style rétro! Ces vêtements extraordinaires, ces coiffures sophistiquées, cette musique et, bien sûr, les voitures! Dans ce tutoriel, nous allons combiner notre amour pour les années 50, la cinématographie et les jeux, pour créer un mix fou. Nous ferons une vue aérienne d'une voiture rétro stylisée Greased Lightning, utilisant des formes de base, différents types de dégradés et de modes de fusion, en utilisant le panneau Pathfinder et d'autres fonctions d'Adobe Illustrator.
La graisse est le mot. C'est un film qui représente l'essence pure des années 50 - une histoire d'amour, de joie, de belles choses et de merveilleuses voitures. Ces cabriolets rétro aux formes arrondies et lisses et aux toits pliants. Ils restent définitivement stylés et inoubliables.
Inspiré par ce film, nous allons présenter une voiture rétro aux motifs en forme d’éclair. Vous pouvez réellement utiliser ces techniques pour créer n’importe quel type de voiture. Assurez-vous de vérifier la section vue de dessus des voitures du marché Envato afin de faciliter l’imagination des véhicules sous un angle de vue aussi aérien. Parcourir les voitures rétro sur le marché Envato peut également être très utile pour obtenir une belle référence détaillée d'un véhicule..
Prêt à dessiner? Commençons!
Nous allons commencer par fabriquer les pièces principales de notre voiture. Prendre le Outil Ellipse (L) et façonnons la vue de dessus du châssis. Faire un 130 x 300 px ellipse, passez à la Outil de sélection directe (A) et faites glisser les deux points d'ancrage latéraux vers le bas, rendant la partie inférieure plate et large.
Continuer en faisant un plus petit 55 x 155 px ellipse et placez-le sur le côté gauche du châssis. Ce sera la base pour les phares. Faites glisser les points d'ancrage latéraux vers le haut, rendant la partie inférieure de la forme plus pointue.
Maintenant, façonnons la partie inférieure, qui se trouve à l'arrière de la voiture. Faire un 130 x 125 px rectangle avec le Outil Rectangle (M). Sélectionnez les deux points d’ancrage inférieurs avec le Outil de sélection directe (A) et utiliser le Coins vivants pour arrondir les coins inférieurs en tirant sur la Coins vivants cercles marqueurs.
Si vous utilisez des versions antérieures d'Adobe Illustrator, n'hésitez pas à appliquer Effet> Styliser> Coins ronds. Cependant, cela affecte tous les coins de la forme. Vous pouvez ensuite utiliser le Outil Gomme (Maj-E) et maintenez Alt supprimer la partie supérieure de la forme en rendant les coins supérieurs tranchants à nouveau.
Maintenant, ajoutez une forme étroite avec le Outil Rectangle Arrondi, formant la vue de dessus de l'aile. Et ajoutons les mêmes éléments à la moitié droite du châssis.
Sélectionnez l’ovale et l’aile et double-cliquez sur le bouton Outil de réflexion (O) pour ouvrir la fenêtre des options. Sélectionnez le Axe vertical et frapper le Copie bouton. Placez les copies sur le côté opposé de la voiture, en les adaptant au châssis.
Faisons maintenant un pare-brise pour notre voiture. Faire un petit rectangle d'environ 110 x 18 px taille, en le plaçant à l'intérieur du châssis. Aller à Effet> Warp> Arc supérieur et mettre le Courbure horizontale valeur à 20%, faire la forme arquée au sommet. Objet> Développer l'apparence appliquer l'effet.
Ensuite aller à Objet> Chemin> Chemin décalé et mettre le Décalage valeur à -5 px, créant une forme plus petite à l'intérieur. Cliquez sur D'accord.
Enfin, ajoutons les pièces intérieures de la voiture. Utilisez le Outil Rectangle (M) faire deux petits rectangles, en ajustant l'espace intérieur de la voiture. Ceux seront pour les sièges. Arrondissez les coins extérieurs des formes en utilisant le Coins vivants fonctionnalité.
Enfin, formez un simple volant composé de trois ellipses, l'une dans l'autre..
Génial! Maintenant, toutes les pièces principales sont prêtes et nous pouvons passer à la coloration!
Tout d’abord, sélectionnons l’élément le plus grand, la base de notre voiture, et appliquons un dégradé radial clair allant du rouge vif au centre au rouge plus foncé sur les bords. Utilisez le Outil de dégradé (G) réduire la forme du dégradé en le rendant plus ovale, ajoutant ainsi des ombres subtiles aux bords de notre voiture.
Sélectionnez les ellipses des phares et utilisez les Outil Pipette (I) choisir le dégradé de couleur rouge de la base de la voiture. Changer le Type de la pente à Linéaire et placez les dégradés verticalement du rouge clair en haut au rouge foncé en bas.
Ajoutez un petit rectangle arrondi sous le châssis (appuyez sur Shift-Control- [ à Envoyer il retourner) et remplissez-le avec des couleurs rouges similaires en comblant les vides sur le devant de la voiture.
Appliquez également le même dégradé linéaire rouge aux ailes de la voiture, en le positionnant à 90 degrés angle dans le Pente panneau.
En ce qui concerne l’élément inférieur (l’arrière de la voiture), appliquons également un dégradé radial de forme ovale et Envoyer cette partie vers l'arrière (Shift-Control- [), en le plaçant sous la base de la voiture.
Appliquons maintenant les couleurs au pare-brise. Rendre la forme extérieure rouge clair, légèrement plus claire que la base de la voiture, la faisant ressortir. En ce qui concerne la forme intérieure, appliquez un dégradé linéaire vertical bleu clair, représentant la surface du verre..
Ajoutons quelques reflets brillants au pare-brise. Utilisez le Outil Rectangle (M) faire deux bandes verticales étroites de n'importe quelle couleur (juste pour les rendre visibles au-dessus du fond blanc). Met le Mode de fusion à Écran dans le Transparence panneau.
Maintenez Décalage et faire pivoter les formes 45 degrés, placer les rayures au-dessus du pare-brise. Maintenant, sélectionnez les bandes avec la forme de verre bleu et prenez le Outil de création de forme (Maj-M). Tenir Alt et cliquez sur les morceaux inutiles à l'extérieur du verre pour les supprimer.
Enfin, définissez le Remplir couleur au blanc dans le Couleur panneau et ici vous l'avez!
Nous allons maintenant créer un motif rayé pour les sièges afin de leur donner un aspect plus réaliste et texturé..
Faire un 13 x 60 px rectangle et remplissez-le avec le dégradé linéaire horizontal du blanc au gris clair.
Maintenez Alt-Shift et faites glisser la forme vers la droite pour en faire une copie. presse Contrôle-D plusieurs fois pour faire sept autres copies. Groupe (Control-G) les formes.
Maintenant, retournons à notre voiture, sélectionnez les sièges, Copier (Control-C) eux et Coller devant (Control-F). Placez notre texture sous les sièges (appuyez sur Contrôle-[ quelques fois pour déplacer l'objet plusieurs positions vers le bas). Tenir Alt-Shift et faites glisser la texture vers le haut, créant une copie pour la seconde moitié des sièges.
Maintenant, sélectionnez le morceau de texture inférieur et la forme du siège au-dessus, cliquez sur le bouton bouton droit de la souris et Faire masque d'écrêtage.
Comme vous pouvez le constater, la texture est maintenant masquée à l'intérieur de la forme du siège, créant une belle texture gonflée..
Répétez la même chose pour la seconde moitié du siège, en plaçant la texture à l'intérieur du Masque d'écrêtage.
Créons maintenant une ombre supplémentaire afin de rendre les sièges plus tridimensionnels. Nous avons encore deux autres contours de nos sièges (les copies que nous avons créées quelques étapes auparavant).
Sélectionnez la moitié supérieure et remplissez-la avec le même dégradé linéaire blanc-gris que celui utilisé pour la texture du siège (vous pouvez utiliser la Outil Pipette (I) pour choisir la couleur), mais cette fois placez le dégradé verticalement. Changer le Mode de fusion à Multiplier, faire une forme semi-transparente plus sombre.
Et répétez la même chose pour la seconde moitié des sièges.
Les deux moitiés des sièges semblent égales maintenant, mais ajoutons un peu plus de variété ici. Pour ce faire, sélectionnez les éléments de la moitié inférieure et rétrécissez-les, ce qui rend le siège plus étroit. Pour ce qui est de la seconde moitié, faisons l’opposé: élargir les formes, élargir le siège, créer un contraste entre les formes.
Passons maintenant au volant. Sélectionnez les deux cercles (qui sont pour la roue), clic droit et Faire un chemin composé (ou appuyez simplement sur Contrôle-8). Remplissez la forme de beignet créée avec un dégradé radial composé de trois couleurs: gris foncé, blanc, gris clair. Remplissez le centre du volant avec un simple dégradé radial allant du gris clair au gris plus foncé.
Modifions maintenant l’arrière de notre voiture en ajoutant un toit pliant.. Copie la forme du bas et Apporter il à l'avant (Contrôle-C> Contrôle-F> Shift-Control-]). Remplir la forme avec un dégradé linéaire vertical allant du blanc au gris clair.
Réduisez la forme et placez-la comme indiqué dans la capture d'écran ci-dessous: la forme gris clair doit s'intégrer parfaitement à l'arrière du châssis, de sorte que le bas rouge foncé du châssis crée un mince contour autour de la forme. les formes correspondent parfaitement.
finalement, dupliquer (Control-C> Control-F) la forme gris clair que nous avons créée rend la copie plus petite et inverse les couleurs du dégradé, créant ainsi la partie intérieure du toit en tissu repliable du cabriolet.
Formons maintenant la partie intérieure de la voiture, la rendant beaucoup plus sombre. Sélectionnez la base de la voiture et allez à Objet> Chemin> Chemin décalé. Met le Décalage valeur à -5 px, créer une forme plus petite à l'intérieur de la base.
Maintenant, sélectionnez la nouvelle forme avec la partie extérieure du pare-brise (la rouge), prenez la Outil de création de forme (Maj-M), tenir Alt et cliquez sur la pièce du haut pour le supprimer. De cette façon, nous avons formé l'intérieur de la voiture.
Nous avons déjà la base pour les phares, mais nous n'avons pas encore fabriqué les phares eux-mêmes. Formons-les!
Faire un 35 x 8 px forme ovale en utilisant le Outil Ellipse (L). Remplissez la forme avec un dégradé linéaire vertical du gris clair au blanc. Copie ça et Coller à l'arrière (Control-C> Control-B).
Sélectionnez le point d'ancrage inférieur de la forme arrière à l'aide du bouton Outil de sélection directe (A) et faites-le glisser vers le bas en maintenant Décalage.
Enfin, remplissez la forme extrudée avec le dégradé radial rouge vif en sélectionnant la couleur du châssis, en utilisant la touche Outil Pipette (I).
Voila! Maintenant nous pouvons attacher les phares à la voiture.
Placez les phares sur la partie supérieure de la voiture. Ils devraient ressembler à ceci.
Ajoutons maintenant un élément chromé brillant à la partie avant de la voiture. Prendre le Outil Rectangle Arrondi et forme une étroite bande verticale au sommet de la voiture.
Appliquez un dégradé linéaire avec les couleurs suivantes: gris clair, blanc, gris foncé, gris clair. Placez-le horizontalement, comme indiqué ci-dessous, pour donner à la forme un aspect métallique réaliste..
Il est maintenant temps de donner un look unique à notre voiture rétro et de l’associer au film Grease! Préparez-vous à saisir le Outil Crayon (N) et tracez ces lignes fluides, créant ainsi un motif de lumière fantaisie pour notre voiture. Essayez de garder les choses simples.
Vous pouvez double-cliquer sur le Outil Crayon (N) jouer avec fidélité paramètres, ce qui rend lisse. Je dessine ces formes avec juste une souris et, comme vous pouvez le constater, Adobe Illustrator se débrouille parfaitement pour rendre les lignes lisses..
Créez trois autres formes de foudre.
Commencez à appliquer les formes lumineuses à la moitié gauche de la voiture. Faites-les pivoter et déplacez-les, en les adaptant parfaitement aux éléments de la voiture. N'oubliez pas d'utiliser le Outil de création de forme (Maj-M) supprimer les éclairs indésirables à l'extérieur de la voiture.
Dès que vous êtes satisfait de la position des éléments, sélectionnez-les et utilisez le bouton Outil de réflexion (O) retourner les formes sur la Axe vertical, faire des copies en miroir et les attacher au côté opposé de la voiture.
Ajoutons maintenant un peu plus de dimension ici. Sélectionnez les deux formes lumineuses en miroir sur la partie avant de la voiture et Faire un chemin composé (Control-8). Appliquez un dégradé radial brillant du blanc au rose grisâtre, rendant le motif argenté et brillant. Appliquez la même couleur à toutes les autres formes lumineuses.
Ajoutons maintenant quelques points saillants à la voiture, donnant à sa surface un aspect brillant et poli. Sélectionnez le plus gros élément du châssis et appliquez Objet> Chemin> Chemin décalé avec -Décalage 7px valeur. Remplissez la nouvelle forme avec un dégradé linéaire vertical du rose au noir et réglez le Mode de fusion à Écran. Vous verrez que la partie noire devient transparente, créant un bel effet brillant.
Faites de même pour les formes ovales sous les phares.
Ajouter un point culminant similaire à l'arrière de la voiture. Assurez-vous de placer les éclairages sous les reflets.
Ajoutons maintenant un autre élément important de toute voiture: l’échappement ou le tuyau d'échappement. Nous allons en faire deux pour rendre notre voiture cool.
Faire un 8 x 35 px rectangle pour le tuyau d'échappement et remplissez-le avec le même dégradé linéaire chromé que la bande décorative située au nez de la voiture (utilisez la touche Outil Pipette (I) choisir le dégradé).
Tenir Alt-Shift et faites glisser la forme vers la droite pour en faire une copie. Sélectionnez les deux sorties d'échappement et Envoyer les à Retour (Shift-Control- [).
Maintenant, nous allons décrire les flammes projetées par l'échappement.
Commencez par faire un 7 x 30 px ellipse de couleur noire et fixez-la à l'extrémité du tuyau d'échappement. Créez un ovale plus petit en le remplissant de couleur orange vif.
Sélectionnez les deux ovales et allez à Objet> Mélange> Marque. De cette façon, nous faisons une transition en douceur entre les couleurs, créant un effet de flamme.
Nous pouvons toujours éditer les éléments à l'intérieur du Mélange groupe dans le Couches panneau. Par exemple, vous pouvez ajouter une ellipse jaune plus petite en haut et la faire glisser à l’intérieur du Mélange groupe pour rendre la flamme encore plus lumineuse.
Faites glisser les points d’ancrage latéraux et inférieurs des formes vers le bas, à l’aide des touches Outil de sélection directe (A) étendre la flamme.
Pour obtenir un effet de flamme semi-transparent, nous devons d’abord créer tout type de fond sous notre voiture. Pour cela, créez un rectangle gris de 800 x 600 px taille et place sous la voiture (Shift-Command- [).
Sélectionnez les flammes et changez le Mode de fusion à Écran.
Maintenant que nous avons déjà commencé à faire le fond, passons à cela, donnant à notre composition un aspect complet et équilibré..
Nous avons déjà un 800 x 600 px rectangle sous notre voiture. Appliquez un dégradé radial du gris au gris foncé, représentant la surface en asphalte.
Maintenant, revenons à notre voiture et ajustons-la un peu, en ajoutant une ombre douce et plate. Sélectionnez toutes les pièces de la voiture, dupliquer leur (Control-С> Control-F) et Unir dans Éclaireur, créer une seule silhouette.
Utilisez le Outil de segment de ligne (\) tracer une ligne verticale rouge sur la voiture.
Alignons les objets. Sélectionnez la ligne rouge et la silhouette de la voiture, maintenez Alt et cliquez sur la silhouette pour en faire un Objet clé. Vous verrez un trait de sélection épais, indiquant que tous les éléments sélectionnés seront alignés sur cet objet. Dirigez-vous vers le Aligner panneau et cliquez Centre d'alignement horizontal.
Tant que les deux objets sont toujours sélectionnés, accédez à la Éclaireur panneau et cliquez Diviser afin de scinder la silhouette en deux moitiés égales. Supprimer la moitié droite et appliquer Multiplier le mode de fusion dans la moitié gauche, ce qui la rend semi-transparente et assombrit ainsi le côté gauche de la voiture.
Faisons en sorte que le sol sous la voiture soit texturé pour plus de réalisme. Dupliquer (Control-C> Control-F) le rectangle de fond et la tête à la Échantillons panneau. De là, cliquez sur le Menu Bibliothèques Swatch icône et trouver Motifs> Graphiques de base> Textures_Graphiques de base. Appliquer le USGS 22 Gravel Beach texture à notre rectangle.
Ajoutons maintenant une ombre portée par notre voiture. Utilisez le Outil Ellipse (L) faire un ovale d'une taille légèrement plus grande que la voiture. Placez-le sous le véhicule et appliquez un dégradé radial écrasé allant du rose grisâtre au centre au blanc sur les bords. Basculez vers Multiplier le mode de fusion, formant une ombre floue sur le sol.
Et voici ce que nous avons!
Excellent travail les gars! Nous avons franchi avec succès la ligne d'arrivée de notre course et créé une vue aérienne d'une voiture rétro, inspirée du film Grease. Ces techniques peuvent être utilisées pour créer n’importe quel autre véhicule ou objet symétrique, ce qui est parfait pour les jeux de course simples et facile à animer..
N'hésitez pas à aller plus loin et à ajuster encore plus notre image de résultat. Par exemple, ici, j'ai dupliqué la voiture que nous avons créée et joué avec les couleurs, en créant des palettes alternatives, que l'on peut également trouver dans le film Grease original. Vous pouvez obtenir ces voitures rétro vue de dessus en AI, EPS et PNG afin de voir comment elles ont été fabriquées ou de les éditer à votre guise.
Continuez à créer des choses fantaisistes et partagez vos résultats! Bonne chance!
Accentsconagua