Comment créer un tram dans Adobe Illustrator

Ce que vous allez créer

Dans ce tutoriel, nous allons créer un tram classique à l'aide de formes simples dans Adobe Illustrator. Si vous recherchez d'autres vecteurs et graphiques de tram, passez à GraphicRiver pour plus d'informations..

Allons-y!

1. Comment créer un nouveau document

presse Contrôle-N faire un Nouveau document. Met le Unités à Les pixels, et entrez 800 x 600 pour la largeur et la hauteur du document. Puis dans le Avancée options, sélectionnez RVBÉcran (72 ppi), et assurez-vous de décocher la Aligner les nouveaux objets sur la grille de pixels avant de cliquer D'accord.

Aller au Préférences (Control-K) et entrez 1 px pour le Incrément de clavier. presse D'accord.

Vous pouvez activer le Info panneau (Fenêtre> Info) afin d’avoir un aperçu de la taille et de la position de vos formes. N'oubliez pas de régler l'unité de mesure sur Les pixels de Édition> Préférences> Unités. Cela augmentera considérablement la vitesse de votre travail.

2. Comment créer un fond

Étape 1

Commençons par créer le fond. Commencez par dessiner un rectangle (# 006482) en utilisant le Outil Rectangle (M) au bas de la toile.

Étape 2

Dessinez maintenant des gratte-ciels et des bâtiments en utilisant le Outil stylo (P), avec # 00C7DB comme couleur de remplissage. Et terminer avec un 800 x 600 px rectangle (# 00E5DB). 

3. Comment créer un tram

Étape 1

Créer un 515 x 60 px rectangle (# A01127) pour la forme de base. Puis créer un 170 x 20 px rectangle pour la porte.

Le deuxième rectangle devrait avoir deux coins chanfreinés; modifier la forme en utilisant le Transformer panneau.

Étape 2

Maintenant, créez un 520 x 6 px bar (# A01127), une 515 x 100 px bar (# EDEEE6) pour le haut du corps, et un 520 x 10 px bar (# A01127) au sommet.

Étape 3

Créez des détails sur l’avant du tram en ajoutant quelques nœuds à l’aide du bouton Outil stylo (P) et en déplaçant les nœuds vers la droite. Ensuite, dessinez deux rectangles et appliquez Minus Front, qui est situé dans le Éclaireur panneau.

Étape 4

Passons à la porte. Créer un 84 x 172 px rectangle (# A01127), puis dessinez deux 5 x 172 px des rectangles (# EDEEE6) sur les côtés de la porte.

Étape 5

Créez la fenêtre de la porte en utilisant un 15 x 25 px rectangle (# 445675) et une seconde 15 x 54 px rectangle. Dupliquez le groupe trois fois (Contrôle-C> Contrôle-F) et les aligner horizontalement en utilisant le Aligner panneau.

Étape 6

Faites glisser les quatre dernières fenêtres tout en appuyant sur Alt, et placez-les au bas de la porte.

Étape 7

Sélectionnez tous les éléments de la porte, y compris les fenêtres, et faites-les glisser vers la droite tout en appuyant sur Alt. Puis, en utilisant le Outil de sélection directe (A), sélectionner les nœuds inférieurs et les aligner avec le tram.

Étape 8

Créez les autres fenêtres du tram à l'aide d'un 27 x 85 px rectangle (# A01127) pour le cadre et 24 x 24 px et 24 x 47 px des rectangles (# 445675). Sous les fenêtres, tracez un rectangle en utilisant # EDEEF0 comme couleur de remplissage. 

Étape 9

Regrouper la fenêtre (Contrôle-G) et le dupliquer dix fois (Contrôle-C> Contrôle-F) pour remplir le tram. Aligner horizontalement en utilisant le Aligner panneau pour les séparer uniformément.

Étape 10

Créez les fenêtres arrière en utilisant le même remplissage mais en adaptant les rectangles. Sélectionnez ensuite toute la fenêtre et faites-la glisser vers l'avant à l'aide du bouton Outil de sélection directe (A), aligner les nœuds avec le tram.

Étape 11

La prochaine chose à faire est de créer le toit. Pour cela, utilisez un 515 x 32 px rectangle (# EDEEE6) et arrondir les coins supérieurs en utilisant 25 px comme le rayon de la Transformer panneau.

Étape 12

Créez la cloche du tram à l'aide d'un 45 x 13 px rectangle (# 87868A) et ajoutez un biseau dans les coins supérieurs à l’aide des touches Transformer panneau. Dupliquez-le quatre fois et alignez les copies.

Étape 13

Créez cinq roues en utilisant 52 x 52 px ellipses (# 444242), 44 x 44 px ellipses (# 9A999E) et 24 x 24 px ellipses (# 444242) en utilisant le Outil Ellipse (L). Tout grouper ensemble (Contrôle-G) et le positionner comme indiqué dans l'image ci-dessous.

Étape 14

Créez une petite ellipse (# 5B5B5F) sur l'une des cloches, puis ajoutez un rectangle et déplacez les nœuds supérieurs vers la gauche. Enfin, placez un rectangle sur la partie qui se connecte au fil électrique au-dessus.

Étape 15

Dessinez quelques détails à l'avant du tram à l'aide du Outil Rectangle (P) et utilise # 5B5B5F comme couleur de remplissage.

Étape 16

Créez la lanterne supérieure (# DBCEC0) du train utilisant le Outil stylo (P) et placez-le derrière (Contrôle-[).

Étape 17

Créer un rectangle de 84 px largeur (# 444242) sous la porte d'entrée. Puis créer un 84 x 17 px rectangle (# 5B5B5F) et déplacez les coins inférieurs.

Puis dessine un 17 x 2 px rectangle (# 9A999E) en utilisant le Outil Rectangle Arrondi et le dupliquer (# 444242), renvoie le (Contrôle-[) et déplacez-le vers la droite. Dupliquez-le trois fois (Contrôle-C> Contrôle-F) et les aligner.

Étape 18

Maintenant, sélectionnez toutes les fenêtres et dupliquez-les (# 5B6E91) (Contrôle-C> Contrôle-F). Ensuite, appliquez un -2 px décalage (Effets> Chemin> Chemin de décalage) et développez l’apparence (Objet> Développer l'apparence).

Maintenant, créez des rectangles de tailles différentes et faites-les pivoter 45º avec le Outil de rotation (R). En sélectionnant les fenêtres et les rectangles, soustrayez-les à l'aide de la touche Outil de création de forme (Maj-M).

Étape 19

Ajoutons maintenant des ombres et commençons par les roues. Dessinez un rectangle (# 444242) et en utilisant Apparence panneau, réglez le Opacité à 45% et mis à Multiplier mode. Sélectionnez ensuite les ombres et les roues et soustrayez-les à l'aide du bouton Outil de création de forme (Maj-M).

Étape 20

Dessinez des ombres dans le corps à l’aide d’un rectangle avec # AA202F comme couleur de remplissage et définissez la couleur de l'ombre sur # 641111.

Étape 21

Maintenant, créez les boulons sur le corps en utilisant le Outil stylo (P) dessiner des traits en suivant la configuration montrée dans l'image ci-dessous. Utilisation # AA202F comme couleur de trait, puis dupliquer les traits. Créer des ombres en renvoyant les traits dupliqués et en utilisant # 641111 comme couleur de remplissage.

Étape 22

Enfin, dessinez un rectangle (# 006482) d'un côté à l'autre de la toile pour représenter le câble aérien et le placer au-dessus du tram.

Toutes nos félicitations! Vous avez fini!

Terrifiant! Nous avons terminé et le résultat était fantastique. Cela apportera sûrement plus de créativité à vos œuvres grâce aux techniques que vous venez d'apprendre. J'espère que vous avez apprécié le processus et j'attendrai vos commentaires.