Comment créer votre propre ville vectorielle stylisée

Dans ce didacticiel, nous expliquerons comment créer des gratte-ciel vectoriels et comment configurer une ville vectorielle en quelques étapes simples. Ceci est un tutoriel pour débutant et facile à suivre. Commençons!

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: Adobe Illustrator
  • Version: CS4
  • Difficulté: Débutant
  • Temps d'exécution estimé: 1 heure

Étape 1

Ouvrez un nouveau document et sélectionnez la grille d'outils rectangulaire dans la barre d'outils..

Étape 2

Réglez d'abord le remplissage sur noir et le trait sur blanc. Cliquez ensuite une fois sur la planche à dessin et la fenêtre Option de grille rectangulaire apparaîtra. Appliquez les paramètres que vous voyez dans l'image ci-dessous.

J'ai choisi une taille facile à diviser (100 x 500), donc la grille que nous mettons en place nous donnera des champs carrés. Choisissez 50 pour les diviseurs horizontaux et 10 pour les diviseurs verticaux. Cochez Utiliser Rectangle extérieur comme cadre et Remplir la grille, puis cliquez sur OK..

Étape 3

Voici à quoi devrait ressembler le rectangle.

Étape 4

Sélectionnez la forme que vous venez de créer et ouvrez la palette Pathfinder. Cliquez sur l'option Diviser.

Étape 5

Maintenant, nous avons des carrés avec une bordure blanche et un remplissage noir.

Étape 6

Zoomez et prenez l'outil de sélection directe (A). Cliquez dans l'une des places. Vous pouvez voir que chaque carré a un trait blanc et un fond noir. Si vous souhaitez ajouter des fenêtres, vous pouvez simplement changer le remplissage en une autre couleur pour donner l’illusion d’une fenêtre..

Étape 7

Utilisez l'outil Rectangle (M) pour créer plusieurs formes autour de la grille afin qu'elle ressemble à une vue de face d'un gratte-ciel. Remplissez-les d'une couleur et d'un trait différents.

Étape 8

Répétez les étapes 1 à 7 et choisissez des couleurs différentes. Dans l'exemple ci-dessous, j'ai choisi le jaune et j'ai remplacé certaines des places par un jaune plus clair représentant les fenêtres..

Étape 9

Créons un autre gratte-ciel avec un autre truc facile. Créez un rectangle et remplissez-le de noir.

Étape 10

Créer un petit carré blanc et le dupliquer.

Étape 11

Sélectionnez les deux carrés et ouvrez les Options de mélange via Objet> Fusion> Options de fusion. Choisissez Étapes spécifiées: 6 et cliquez sur "OK".

Étape 12

Développez le mélange (Objet> Mélange> Développer) et dupliquez la rangée de carrés. Répéter les options de mélange des étapes spécifiées.

Étape 13

Développez le mélange à nouveau. Maintenant, nous avons créé une autre forme de gratte-ciel.

Étape 14

Vous trouverez ci-dessous des exemples de vues de face des gratte-ciel que j'ai créés. Faites glisser toutes ces formes dans la palette de symboles. Nous en aurons besoin à l'étape suivante.

Étape 15

Créez un rectangle qui a à peu près la même taille que les gratte-ciel. Ouvrez maintenant les options 3D Extrude & Bevel. Appliquer les paramètres de l'image ci-dessous.

Étape 16

Laissez les options 3D Extrusion & Bevel ouvertes et cliquez sur le bouton Map Art. Puisque nous avons fait glisser chaque forme de gratte-ciel dans la palette des symboles, nous pouvons maintenant en choisir une et l’appliquer au rectangle. Vous pouvez le trouver sous l'onglet Symbole à gauche. Comme nous avons une forme simple, nous l'appliquerons à la première surface. Cliquez sur OK."

Étape 17

Sélectionnez la nouvelle forme 3D et appliquez une ombre portée. C'est facultatif.

Étape 18

Répétez les étapes 15 à 16 et créez plusieurs autres gratte-ciel..

Étape 19

Continuez à ajouter plus de formes.

Étape 20

Couche-les devant et derrière pour qu'il ressemble plus à une ville inclinée.

Étape 21

Voici ce que vous devriez avoir après plusieurs gratte-ciels ajoutés et en couches.

Étape 22

Créez un grand rectangle et remplissez-le avec un dégradé radial allant du noir au blanc. Placez le point culminant vers le haut.

Étape 23

Sélectionnez toutes les formes de gratte-ciel et regroupez-les (Commande + G). Placez-les sur la forme d'arrière-plan que vous venez de créer. À mon goût, ils ont l'air un peu bizarre. Donnons alors un regard plus surréaliste.

Étape 24

Sélectionnez les gratte-ciel et développez leur apparence. (Objet> Développer l'apparence).

Étape 25

Puis les refléter et les dupliquer.

Étape 26

Sélectionnez les formes et transformez-les en sélectionnant E.

Étape 27

Cliquez ensuite avec la souris sur le coin inférieur droit et appuyez sur les touches Commande + Maj + Contrôle et commencez à faire glisser le curseur vers la gauche. Cela faussera les formes.

Étape 28

C’est ce qu’il devrait aimer avec l’effet de transformation appliqué.

Étape 29

Placez les gratte-ciels transformés sur le fond.

Étape 30

Répétez l'effet de transformation avec les autres formes.

Étape 31

À présent, dupliquez les gratte-ciels et créez une petite rue en les plaçant sur la forme de fond.

Conclusion

J'ai créé quelques formes de rue avec l'outil Crayon (P), une enseigne suspendue au sommet et un mince fil de fer traversant. Rien de spécial, ni compliqué, mais juste quelques éléments plus amusants. J'espère que vous avez apprécié ce tutoriel pour débutant et que vous avez réussi à créer votre propre ville vectorielle!

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.