Créez un tableau de bord élégant pour voitures de sport avec des zones de réalisme détaillé

Dans ce didacticiel, nous montrerons à l’artiste avancé Adobe Illustrator comment créer un tableau de bord réaliste pour voitures de sport. Avant de commencer ce didacticiel, vous devez bien comprendre les outils Adobe Illustrator. Nous allons utiliser divers outils pour créer cette illustration..

Aperçu de l'image finale

Jetons un coup d'oeil à l'image que nous allons créer.

Étape 1

Commencez par créer un cache aux coins arrondis.

Étape 2

Tracez un cercle pour commencer le groupe de jauge.

Étape 3

Étirer le cercle verticalement. Dupliquez l'ovale et superposez-les les uns sur les autres pour ajouter de la profondeur. Ajoutez ensuite un dégradé à l’ovale le plus à l’extérieur pour simuler le métal..

Étape 4

Faites un nouveau cercle à l'intérieur de l'ovale et ajoutez-y un dégradé bleu-vert.

Étape 5

Ajoutez une lueur intérieure en allant en haut de l'écran et en sélectionnant Effet> Styliser> Inner Glow..

Étape 6

Tracez un cercle et coupez le haut, comme indiqué ci-dessous.

Étape 7

Arrondissez les coins en haut de l'écran et sélectionnez Effet> Styliser> Coins arrondis. Notez que vos valeurs peuvent être radicalement différentes de celles présentées ci-dessous. Les valeurs dépendent de la taille de l'œuvre. Si vous ajoutez les coins arrondis à un objet très petit, vous ne devrez pas entrer une valeur aussi élevée que celle que j'ai entrée. Si votre objet est vraiment grand, alors vos valeurs seront plus élevées.

Étape 8

Ajoutez une lueur intérieure en allant en haut de votre écran et en sélectionnant Effet> Styliser> Inner Glow..

Étape 9

Créez les repères autour des jauges en traçant un rectangle tout en effectuant une rotation et une copie simultanées. Faites pivoter et copiez en même temps en sélectionnant d'abord l'objet, puis sélectionnez l'outil Rotation (R) (tout en bas) et maintenez la touche Alt enfoncée tout en cliquant et en faisant glisser. Relâchez ensuite la souris à l'emplacement où vous souhaitez que l'objet copié tombe. Ci-dessous, nous n'utilisons aucun système mathématique pour décider où les lignes vont tomber. Il suffit d'utiliser votre oeil et lui donner une belle apparence.

Étape 10

Une fois que vous avez créé les formes, utilisez le Pathfinder pour les fusionner. Tracez un cercle légèrement plus petit que les graduations et utilisez à nouveau le Pathfinder pour éliminer le milieu des graduations..

Étape 11

Créez d'autres largeurs et longueurs de graduations pour obtenir l'effet présenté ci-dessous..

Étape 12

Placez les graduations sur le dessus de la jauge.

Étape 13

Ajouter des nombres en utilisant une police moderne. La police que j'ai choisie est Dicot. Ajoutez une lueur extérieure autour des chiffres pour créer du réalisme. Encore une fois, vos variables peuvent ne pas être exactement les mêmes que celles ci-dessous. Tant que vous êtes satisfait de son apparence, c'est tout ce qui compte!

Étape 14

Faites deux flèches qui pointent à gauche et à droite.

Étape 15

Dupliquer les flèches et les décaler légèrement. Utilisez la palette Pathfinder pour séparer les formes.

Étape 16

Rendre le haut des flèches noir pour que les flèches semblent en retrait.

Étape 17

Tracez un cercle et un triangle pour commencer à fabriquer les aiguilles..

Étape 18

Ajoutez un dégradé au cercle et un point de maillage au triangle, à l'aide de l'outil Dégradé. Changer la couleur du point du maillage en rose pour donner la profondeur de l'aiguille.

Étape 19

Ajouter une ombre portée en utilisant les paramètres indiqués ci-dessous.

Étape 20

Positionnez l'aiguille sur la jauge.

Étape 21

Faites la jauge gauche en dupliquant l'ovale de la première jauge. Faites légèrement pivoter l'ovale pour donner une impression de raccourci.

Étape 22

Ajoutez des repères sur les bords à l'aide des repères de la première jauge.

Étape 23

Les petits détails font toute la différence dans l’aspect général de la pièce. Cette icône a été dessinée en utilisant principalement des formes rectangulaires simples.

Étape 24

Cette icône a été dessinée principalement à l'aide de l'outil Rectangle arrondi..

Étape 25

Ajouter les aiguilles de la jauge, le demi-cercle et la température.

Étape 26

La jauge pour les RPM est légèrement différente de celle des deux autres jauges. Utilisez une variante des graduations que vous avez créées précédemment et tracez un cercle dessus.

Étape 27

Développez le cercle en allant en haut de votre écran et en sélectionnant Objet> Développer. Sélectionnez les cases, comme indiqué ci-dessous, puis cliquez sur OK. Utilisez la palette Pathfinder pour séparer les formes. Maintenant, vous pouvez colorier chaque section de l'indicateur de vitesse de rotation.

Étape 28

Voici à quoi ressemble la jauge de régime terminée.

Étape 29

Aligner les trois jauges et faire du centre le plus grand.

Étape 30

Dupliquez les cercles surlignés ci-dessous. Nous utiliserons ces cercles pour effectuer des réflexions cohérentes sur les trois jauges..

Étape 31

Dessinez un ovale qui couvre les trois cercles. Utilisez la palette Pathfinder pour séparer les formes. Supprimez ensuite les parties des formes fragmentées dont vous n’avez pas besoin..

Étape 32

Sélectionnez les objets indiqués ci-dessous et accédez à Objet> Transformer> Transformer chacun. Entrez les variables ci-dessous pour réduire les formes simultanément. Réduire les formes en surbrillance créera l’impression d’une zone en retrait autour des formes.

Étape 33

Remplir les formes sera un dégradé. Ajustez ensuite le mode de fusion et la transparence pour obtenir un effet translucide.

Étape 34

Nous sommes maintenant prêts à créer le tableau de bord. Commencez par dessiner un ovale. Vous pouvez obtenir des formes intéressantes en déformant votre objet. Déformer un objet en allant dans Objet> Distorsion d'enveloppe> Créer avec Warp. Expérimentez avec différents styles pour créer une forme que vous aimez. Soyez créatif, tout est une question de créativité, pas de prouesse technique.

Étape 35

Dupliquez le tableau de bord et agrandissez-le ou réduisez-le légèrement pour créer de la profondeur.

Étape 36

Ajoutez quelques points de maillage à l'aide de l'outil de maillage de dégradé et modifiez leur couleur pour créer une surbrillance..

Étape 37

Placez vos jauges sur le tableau de bord. Ajoutez une subtile lueur extérieure autour des jauges pour les rendre plus brillantes..

Étape 38

N'oubliez pas les petits détails. Les détails font vraiment paraître une illustration complète.

Étape 39

Les dégradés sont un moyen rapide de simuler la profondeur.

Étape 40

Tracez une ligne qui suit le périmètre de votre tableau de bord. Cochez Ligne pointillée dans la palette Traits et entrez une valeur dans la première case pour transformer votre ligne en ligne pointillée..

Étape 41

Nous voulons ajouter un dégradé à la ligne en pointillé, mais les dégradés ne peuvent pas être appliqués à un trait. Nous résolvons ce problème en allant dans Objet> Aplatir la transparence. Déplacez le curseur Équilibre Raster / Vecteur à l'extrême droite, comme indiqué ci-dessous, puis cliquez sur OK. Cela séparera la ligne et vous permettra d’utiliser un dégradé comme remplissage..

Étape 42

Allez-y et ajoutez un dégradé.

Étape 43

Obtenez l’illusion de mouvement en dessinant d’abord des formes arquées semblables aux formes ci-dessous..

Étape 44

Appliquez un dégradé de noir et de rouge et flouez la forme en sélectionnant Effet> Flou> Flou gaussien. Dans votre palette de transparence, sélectionnez Éclaircir dans la liste déroulante afin que la forme se confonde avec l'illustration qui la recouvre. Expérimentez l'opacité si votre forme est trop sombre.

Étape 45

Créez une atmosphère de fond en ajoutant un dégradé.

Étape 46

Dessinez des cercles et donnez-leur différents effets pour ajouter de l'intérêt à l'arrière-plan.

Étape 47

Ajouter une lueur extérieure au tableau de bord.

Étape 48

Enfin, nous allons créer un motif de rafale aléatoire en arrière-plan en dessinant d'abord un cercle. Ensuite, allez en haut de l’écran et sélectionnez Effet> Déformer et transformer> Roughen.

Étape 49

Expérimentez avec différentes variables pour donner au cercle un tableau de coins pointus. Lorsque vous avez terminé, placez l'objet derrière l'illustration et ajustez son opacité pour obtenir l'effet final..

Aperçu de l'image finale

Le tableau de bord de la voiture de sport est complet!