Share
Apprenez à utiliser les dégradés, les guides et plusieurs techniques Illustrator de base pour créer une illustration à échelle rétro réaliste. Vous apprendrez de nombreuses compétences qui vous aideront à créer des icônes et des illustrations réalistes..
Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..
Créer un nouveau document avec les dimensions 1600 x 1200px en orientation paysage.
Créez ensuite la structure de calque pour les éléments. J'ai utilisé une couche pour l'échelle, une pour le tableau ci-dessous et l'autre pour les guides.
Sélectionnez l'outil Rectangle (M) et créez un arrière-plan aux dimensions du document (1600 x 1200px), puis alignez-le sur le centre de la planche. Maintenant, remplissez-le avec un dégradé linéaire. Le point de départ a la valeur # dcd5c5 et le point final, la valeur # b7b6a4
Activez la couche guides en cliquant dessus. Divisez l'Artboard verticalement en deux et horizontalement en quatre. Cette étape n’est pas absolument nécessaire, mais elle facilite le positionnement, la mesure et la division de parties de l’œuvre..
Vous pouvez maintenant commencer à créer la balance. Activez le calque d'échelle en cliquant dessus. Créez la forme de base du plateau de la balance et appliquez-lui la couleur # cbcaae. La forme de base de la casserole est symétrique comme la plupart des objets de cette illustration. Faites attention aux coins où les n ° 2 et n ° 3 sont arrondis tandis que le n ° 1 ne l’est pas.
Maintenant, dupliquez le panoramique (Option et glisser de la souris). Prenez l'outil Ciseaux (C) et divisez-le en deux mêmes pièces. N'oubliez pas de fermer la forme, sélectionnez deux extrémités et joignez-les (Commande + J). Appliquez un dégradé aux deux objets. Pour la gauche, définissez l'angle sur 20% (1) et les couleurs suivantes: # aea995 (2), # cacab2 (3,4). Pour le droit, réglez l'angle sur 158% et les mêmes couleurs. Ces deux gradients donnent aux côtés de la casserole un aspect arrondi.
Créez une nouvelle forme pour l'intérieur du pan. Faites également attention aux coins. Leurs formes sont montrées dans les détails 1 et 2
Créez un rectangle (M) un peu plus petit que le précédent. Sélectionnez les points d'ancrage avec l'outil Sélection directe (A) et ajustez sa forme. Comme vous pouvez le voir sur les détails 1 et 2, les angles ne sont pas arrondis cette fois.
Dupliquer le quadrilatère (Option et glisser de la souris). Prenez l'outil Ciseaux (C) et divisez-le en deux mêmes pièces. Appliquez un dégradé linéaire à ces deux formes. Pour la gauche, définissez l'angle sur 25% (1) et les couleurs suivantes: # b1a784 (2), # c0baa0 (3), # b5a78d (4), # c9caab (5) et # bdb99e (6). Pour la droite, réglez l'angle à 155% et les mêmes couleurs.
Créez une ellipse et remplissez-la avec # ada080. Ensuite, prenez l'outil Ciseaux (C) et divisez-le horizontalement en deux. Supprimez le haut et fermez le bas en sélectionnant et en joignant les points finaux (Commande + J). Appliquez l'effet de flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 20,8 pixels. Définir la transparence de la forme à 65%.
Créez une nouvelle forme avec la même forme que le bord intérieur du pan. Sélectionnez cette nouvelle forme et l'ellipse de l'étape précédente. Créer un masque d'écrêtage (Commande + 7)
Maintenant, créez quelques points culminants finaux du pan. Prenez l'outil Segment de ligne (barre oblique inverse) et créez plusieurs points forts pour le bord du panoramique (1) et pour les bords intérieurs (2, 3, 4). Regroupez ces lignes (Commande + G). Appliquez un flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 3,3 pixels et réglez l'opacité sur 40%.
Sur cette partie de l’illustration de la balance, il est recommandé de regrouper (Commande + G) toutes les parties du plateau pour pouvoir les masquer / afficher pendant le processus de fabrication du corps de la balance, mais c’est facultatif..
Créer un nouveau rectangle. Ajoutez deux points d'ancrage supplémentaires (+) et ajustez la forme de l'arrière-plan à petite échelle.
Créez un autre rectangle au-dessus du précédent et remplissez-le avec un dégradé linéaire à un angle de 90 degrés. Appliquez six couleurs au dégradé: # cbc9ad (1), # 161214 (2), # 4c4a48 (3), # 9396a0 (4), # 2c2e28 (5) et # 2c2e28 (6)..
Appliquez un effet subtil d’ombre portée à ce rectangle (Effet> Styliser> Ombre portée) avec une opacité de 100%, une valeur de décalage X définie sur 0px, une valeur de décalage Y définie sur 2px et une valeur de Flou définie sur 2px.
Créez un rectangle au bas du corps de la balance et remplissez-le de dégradé. Appliquez-lui les couleurs suivantes: # A9ABBC (1, 2) et # 3D3B39 (3).
Créez des repères à partir de la gauche de la forme avec des espaces de la même taille. Dans mon illustration, les espaces entre les guides ont été définis sur 50 px. Prenez l'outil Rectangle (M) et créez un petit carré noir. La couleur n'a pas d'importance tant que vous l'utiliserez pour couper, pas dans le cadre d'une illustration. Prenez l'outil Ajouter un point d'ancrage (+) et ajoutez deux points d'ancrage supplémentaires à ce rectangle. Ajustez la forme pour créer un coin.
Alignez son centre horizontalement sur le guide et coupez le trou à la forme ci-dessous (Objet> Chemin> Diviser les objets ci-dessous) et supprimez la chute. Répétez cette procédure douze fois pour obtenir treize trous.
Sélectionnez l'outil Rectangle (M) et créez le bord. Remplissez-le de dégradé avec les valeurs suivantes: # A9ABBC (1), # A9ABBC (2), #CDCFDF (3), #CDCFDF (4), # A9ABBC (5), # A9ABBC (6) et # 888B97 (7)..
Sélectionnez l'outil Rectangle (M) et créez un rectangle du haut au bas du corps de la balance. Sélectionnez Ajouter des points d'ancrage (+) et ajoutez un point d'ancrage à gauche et deux points d'ancrage à droite du rectangle. Sélectionnez l'outil de sélection directe (A) et ajustez la position des points d'ancrage pour créer une forme spécifique du boîtier latéral.
Dupliquer la forme (Option + glisser de la souris). Sélectionnez l'outil de sélection (V) et ajustez la position de la forme dupliquée horizontalement, à la même position et légèrement plus bas verticalement que celle d'origine. Sélectionnez l'outil Sélection directe et ajustez la position des deux points d'ancrage inférieurs un peu plus haut que celui d'origine. Appliquez la couleur # b3a98e.
Renvoyer la forme en arrière (Commande + Support carré gauche). La forme étant toujours sélectionnée, appliquez-lui l'effet suivant: Définissez l'opacité sur 60%, le décalage X et Y sur 2px et le flou sur 2px..
Maintenant, vous pouvez voir le résultat du revêtement latéral fini de la balance.
Passons aux nombres. Si vous ne l'avez pas encore fait, téléchargez la police Limelight mentionnée dans la section actifs de ce didacticiel. Il y a deux façons maintenant. Sélectionnez Type Tool (T), définissez la taille de la police sur 36px. La première consiste à taper tous les nombres à la fois. Tapez donc les nombres de 0 à 12 avec un espace entre eux. La deuxième méthode consiste à saisir chaque numéro séparément. Tapez 0 et appuyez sur la touche Echap pour quitter le mode de saisie. Puis tapez 1 et appuyez sur la touche Echap. Puis tapez 2 et ainsi de suite.
Dans le premier cas, cliquez avec le bouton droit de la souris sur le jeu de chiffres saisi et sur Créer des contours (Maj + Commande + O). Puis dissociez les numéros (Maj + Commande + G). Le second cas n'a pas besoin de la phase de dégroupement, sélectionnez donc chaque numéro et créez des contours (Maj + Commande + O).
Cette étape n'est pas absolument nécessaire mais convient mieux au positionnement des nombres car le type indiqué est centré au centre absolu de celle-ci..
Positionnez les chiffres horizontalement par rapport aux guides que nous avons définis pour couper les trous au bas de l'échelle.
Concentrez-vous sur la bande noire de la forme en C maintenant. Divisez-le verticalement à des tiers par des guides. Créez une ligne 3 points du premier guide de trou coupé au dernier, comme vous le voyez sur l'image.
Cochez l'option Ligne en pointillé et définissez la valeur Dash sur 2pt et la valeur Gap sur 4pt. Cela fonctionne pour mes dimensions de la balance, vous devez donc jouer avec ces deux chiffres car le principe est que vous devez obtenir 100 tirets sur cette ligne..
Créez maintenant un tiret dont le poids est identique à celui que vous avez défini pour la ligne et la longueur au tiers de la bande noire. Placez le premier sur le premier tiret de la ligne. Cela représente zéro. Et maintenant, dupliquez (Alt + Glisser la souris) ceci pour chaque dixième tiret.
Maintenant, double-cliquez sur la bande noire pour entrer en mode d'isolation. Sélectionnez l'outil Rectangle (M) et créez un rectangle pour une réflexion. Sélectionner l'outil de sélection directe (A) et ajuster la position des points d'ancrage.
Appliquez le dégradé avec les valeurs suivantes: # 000000 (1,2), # 2c2e28 (3), # 2c2e28 (4) et # 2c2e28 (5)
Dupliquez la bande noire en forme de C (Alt + souris) et placez-la au premier plan (Commande +]). Sélectionnez à la fois la copie de la bande noire et du rectangle de réflexion.
Créer un masque d'écrêtage (clic droit> Créer un masque d'écrêtage).
Et le moment est venu pour les chiffres à nouveau. Répétez la procédure avec de grands nombres. Sélectionnez l'outil Texte (T). Définissez la taille de la police sur 10px et saisissez des nombres allant de 0 à 1000 par centaines: 0, 100, 200, 300… 800, 900, 1000. Créer des contours (Maj + Commande + O).
Puis dissociez les numéros (Maj + Commande + G). Placez chaque nombre sur chaque tiret que vous avez créé auparavant.
Lorsque tous les chiffres de 0 à 1000 sont positionnés, sélectionnez Type Tool (T), définissez la taille de la police sur 12px et la famille de polices sur Arial.Tapez small g letter et positionnez-la au début de la petite échelle. Faites la même chose pour le signe "kg" mais avec une taille de police de 18 px.
Sélectionnez l'outil Rectangle (M). Créez un petit rectangle et appliquez-y la couleur # 8f93a2. Dupliquer la forme (Alt + glisser de la souris) et déplacez-le à la même distance de l'axe vertical.
Appliquez le même effet d'ombre (Effet> Styliser> Ombre portée) avec les valeurs suivantes: réglez l'opacité sur 100%, décalage X sur 5px, décalage Y sur -4px et flou sur 4px..
Sélectionnez l'outil Rectangle (M) et créez un rectangle avec une largeur sur toute l'échelle et une hauteur d'environ la moitié. Sélectionnez Ajouter un point d'ancrage (+) et ajoutez deux points sur le bord inférieur. Sélectionnez l'outil de sélection directe (A) et ajustez les positions des points d'ancrage.
Sélectionnez l'outil Convertir les points d'ancrage (Maj + C) et ajustez les points d'ancrage des coins inférieurs pour créer les coins arrondis. Les deux coins supérieurs ne sont pas arrondis.
Appliquez l'effet Shadow (Effect> Stylize> Drop Shadow) avec les valeurs suivantes: Définissez l'opacité sur 70%, le décalage X sur 0px, le décalage Y sur 10px et le flou sur 5px..
Sélectionnez l'outil Rectangle (M) et créez le rectangle un peu plus petit que la forme précédente. Appliquez-y la couleur # 2a2726. Sélectionnez l'outil de sélection directe (A) et ajustez les points d'ancrage pour créer un trapèze..
Appliquez un flou gaussien (Effets> Flou> Flou gaussien) avec un rayon de 4,2 pixels. Sélectionnez toutes les formes du panoramique de la balance et ajustez sa position pour correspondre au corps de la balance.
Sélectionnez l'outil Ellipse (L). Créez une forme presque plate pour créer le reflet.
Appliquez le flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 4,2 pixels..
Sélectionnez l'outil Rectangle (M). Créez un rectangle sur l’échelle des petits nombres. La couleur n'a pas d'importance pour l'instant. Sélectionnez l'outil Ajouter un point d'ancrage (+) pour ajouter quatre points d'ancrage au bord supérieur. Sélectionnez l'outil de sélection directe (A) et ajustez la position de ces quatre points d'ancrage pour créer une petite souche..
Isolez la forme du curseur (clic droit + Isoler le chemin sélectionné). Sélectionnez l'outil Rectangle (M). Créer un rectangle à l'intérieur de la forme du curseur. Appliquez n'importe quelle couleur différente. Sélectionnez Ajouter un outil de point d'ancrage (+). Ajoutez trois points d’ancrage au centre du bord inférieur. Sélectionnez l'outil de sélection directe (A). Sélectionnez le point d'ancrage central et faites-le glisser légèrement vers le haut pour créer un petit bec..
Sélectionnez le rectangle avec un petit bec et coupez le trou à la forme du curseur (Objet> Chemin> Diviser les objets ci-dessous). Appliquez un dégradé avec les valeurs suivantes: #cdcfdf (1), # a9abbc (2), # 4a4540 (3), # 928a6e (4), # 2a2726 (5), # 060506 (6).
Appliquez-lui l'effet Shadow Effect (Effect> Stylize> Drop Shadow) avec les valeurs suivantes: définissez Opacity sur 100%, X Offset sur 0px, Y Offset sur 1px et Blur sur 2px..
Sélectionnez l'outil Rectangle (M) et créez un rectangle mince sur la forme du curseur. Appliquez-y la couleur #cdcfdf. Envoyez-le derrière (Alt + Carré Gauche)
Avec le rectangle toujours sélectionné Isolez-le (clic droit + Isoler le chemin sélectionné). Sélectionnez l'outil Plume (P) et créez les formes approximatives des réflexions numériques..
Dupliquez le rectangle fin (Alt + Drag). Amenez-le au premier plan (Maj + Commande + Support carré droit). Sélectionnez toutes les formes deux rectangles minces et deux formes de réflexion. Créez un masque de découpage (clic droit> Créer un masque de découpage). Ouvrez le masque de découpage créé (double clic). Sélectionnez les formes de réflexion. Appliquez-leur l’effet Flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 4,2 pixels..
Quittez le mode d'isolation. Sélectionnez l'outil Rectangle arrondi et créez un rectangle avec un rayon de 0,5px. Appliquez la couleur #FFFFFF.
Définir l'opacité à 23%.
Le rectangle transparent va créer une réflexion du curseur sur l’échelle des grands nombres.
Isolez la forme du curseur (clic droit> Isoler le chemin sélectionné). Sélectionnez l'outil Rectangle (M). Créez un rectangle dans le coin supérieur droit du curseur. Appliquez la couleur # 3d3b39.
Appliquer un flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 16,7 pixels.
Sélectionnez l'outil Crayon (P) pour créer la forme en copiant la forme supérieure du curseur. Obtenir l’angle droit en maintenant la touche Maj enfoncée pendant la création de la ligne. Sélectionnez les deux formes, floue et nouvelle. Créer un masque d'écrêtage (clic droit> Créer un masque d'écrêtage)
Sélectionnez l'outil Plume (P). Créer un triangle et la forme arrondie pour les réflexions numériques.
Sélectionnez les deux. Appliquez l'effet Flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 4,2 pixels. Sélectionnez l'outil Rectangle (M). Créez un rectangle autour d'eux. Créer le masque d'écrêtage (clic droit> Créer un masque d'écrêtage).
Concentrez-vous sur les deux petits rectangles que vous avez créés sur l’échelle des petits nombres, en particulier celui de droite. Sélectionnez l'outil Rectangle (M). Créer un rectangle sous la forme grise.
Appliquez un effet de flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 4,2 pixels. Sélectionnez l'outil Rectangle (M). Créez un rectangle avec la même largeur et la même hauteur, de la forme supérieure à la ligne de lumière en bas. Sélectionnez la forme floue et le nouveau rectangle et créez un masque d'écrêtage (clic droit> Créer un masque d'écrêtage)..
Concentrez-vous sur le côté droit de la forme C noire. Sélectionnez l'outil Rectangle (M). Créez un rectangle dans la moitié droite. Appliquez l'effet Inner Glow (Effet> Styliser> Inner Glow) avec les valeurs suivantes: Définissez Mode sur Normal, Couleur sur # 000000, Opacité sur 32px et Flou sur 3,03px..
Sélectionnez l'outil Crayon (P) Créez une forme pour la boutonnière. Maintenez la touche Maj enfoncée pour les angles droits. Appliquez la couleur # 000000.
Sélectionnez l'outil Rectangle (M). Créez un rectangle à l'intérieur de la forme noire pour créer un bouton. Appliquez un dégradé avec les valeurs suivantes: # b23b3d, # 802b2a (2), # 812c2a (3), # 852f2c (4), # 612628 (5), # 612628 (6), # 852b26 (7) et # 812c2a (8).
Le dernier mais non le moindre est la forme du logo. Le logo est composé de deux cercles intersectés. Sélectionnez l'outil Ellipse (L). Créez deux formes d’ellipse qui se croisent le tiers. Sélectionnez l'outil Segment de ligne (barre oblique inverse) pour créer une ligne d'aide à la découpe. Sélectionnez l'outil Ajouter un point d'ancrage (+) et ajoutez des points d'ancrage aux endroits où les ellipses se croisent et également où la ligne intersecte les ellipses. Supprimez les parties inutiles des formes et joignez les extrémités (Command + J) pour créer une forme..
Vous avez maintenant une forme en S prête à être coloriée. Appliquez un dégradé avec les valeurs suivantes: # 3f211f, # 612325 et # 67322f.
Sélectionnez l'outil Texte (T). Définissez la famille de polices sur Myriad, la taille de police sur 10px et le poids de police sur Gras. Tapez les lettres K et Z. Créer des contours (clic droit> Créer des contours). Dissocier les lettres soulignées (clic droit> Dissocier). Positionnez chaque lettre. Sélectionnez l'outil de transformation libre (E) et répartissez les lettres. Appliquez un dégradé avec les valeurs suivantes à la lettre K: # 6d6a64 (1), # 6d6a64 (2), # a09a89 (3) et # a09a89 (4). Appliquer la couleur # 605c55 sur la lettre Z.
Sélectionnez l'outil Rectangle (M), créez un rectangle au bas de l'échelle. Sélectionnez l'outil Ajouter un point d'ancrage (+) et ajoutez deux points d'ancrage au bord inférieur du rectangle. Ajustez les positions des points d'ancrage pour créer la forme de l'ombre de l'échelle. Sélectionnez l'outil Convertir le point d'ancrage (Maj + C) et créez les coins inférieurs arrondis de la forme d'ombre..
Appliquez un effet de flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 25,0 pixels. Envoyez-le à l'arrière (Maj + Commande + Support carré gauche).
Définir l'opacité à 70%.
Et la balance est finie.
Sélectionnez le rectangle et créez une forme de base pour l'étagère en ajustant ses points d'ancrage. Appliquez-lui un dégradé avec les valeurs suivantes: #ffffff (1) et # e9eaea (2).
Sélectionnez l'outil Rectangle (M) et créez un rectangle juste en dessous du précédent. Appliquez-y la couleur # e9eaea.
Avec l'outil Rectangle (M) toujours sélectionné, créez un autre rectangle. Appliquez # 605551. la couleur à elle. Sélectionnez deux points d'ancrage supérieurs à l'aide de l'outil Sélection directe (A) et ajustez leur position pour créer une forme de base pour l'ombre sur l'étagère..
Appliquez l'effet Flou gaussien (Effet> Flou> Flou gaussien) avec un rayon de 200,0 pixels. Renvoyez-le (Maj + Commande + Support carré gauche).
Vous avez maintenant terminé l'illustration de la balance rétro. Il est également possible d'ajouter plus de détails comme le logo du fabricant et une réflexion sur l'étagère. Merci de votre attention, j'espère que vous avez apprécié cette tut!
Accentsconagua