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..
Jetons un coup d'oeil à l'image que nous allons créer.
Commencez par créer un cache aux coins arrondis.
Tracez un cercle pour commencer le groupe de jauge.
É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..
Faites un nouveau cercle à l'intérieur de l'ovale et ajoutez-y un dégradé bleu-vert.
Ajoutez une lueur intérieure en allant en haut de l'écran et en sélectionnant Effet> Styliser> Inner Glow..
Tracez un cercle et coupez le haut, comme indiqué ci-dessous.
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.
Ajoutez une lueur intérieure en allant en haut de votre écran et en sélectionnant Effet> Styliser> Inner Glow..
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.
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..
Créez d'autres largeurs et longueurs de graduations pour obtenir l'effet présenté ci-dessous..
Placez les graduations sur le dessus de la jauge.
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!
Faites deux flèches qui pointent à gauche et à droite.
Dupliquer les flèches et les décaler légèrement. Utilisez la palette Pathfinder pour séparer les formes.
Rendre le haut des flèches noir pour que les flèches semblent en retrait.
Tracez un cercle et un triangle pour commencer à fabriquer les aiguilles..
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.
Ajouter une ombre portée en utilisant les paramètres indiqués ci-dessous.
Positionnez l'aiguille sur la jauge.
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.
Ajoutez des repères sur les bords à l'aide des repères de la première jauge.
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.
Cette icône a été dessinée principalement à l'aide de l'outil Rectangle arrondi..
Ajouter les aiguilles de la jauge, le demi-cercle et la température.
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.
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.
Voici à quoi ressemble la jauge de régime terminée.
Aligner les trois jauges et faire du centre le plus grand.
Dupliquez les cercles surlignés ci-dessous. Nous utiliserons ces cercles pour effectuer des réflexions cohérentes sur les trois jauges..
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..
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.
Remplir les formes sera un dégradé. Ajustez ensuite le mode de fusion et la transparence pour obtenir un effet translucide.
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.
Dupliquez le tableau de bord et agrandissez-le ou réduisez-le légèrement pour créer de la profondeur.
Ajoutez quelques points de maillage à l'aide de l'outil de maillage de dégradé et modifiez leur couleur pour créer une surbrillance..
Placez vos jauges sur le tableau de bord. Ajoutez une subtile lueur extérieure autour des jauges pour les rendre plus brillantes..
N'oubliez pas les petits détails. Les détails font vraiment paraître une illustration complète.
Les dégradés sont un moyen rapide de simuler la profondeur.
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..
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..
Allez-y et ajoutez un dégradé.
Obtenez l’illusion de mouvement en dessinant d’abord des formes arquées semblables aux formes ci-dessous..
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.
Créez une atmosphère de fond en ajoutant un dégradé.
Dessinez des cercles et donnez-leur différents effets pour ajouter de l'intérêt à l'arrière-plan.
Ajouter une lueur extérieure au tableau de bord.
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.
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..
Le tableau de bord de la voiture de sport est complet!