Comment créer une illustration de vecteur, envahisseurs rétro

Dans ce didacticiel, vous allez apprendre à créer une illustration de style rétro "Space Invader" à l'aide de formes de base et de l'effet Extrusion et biseautage. C'est relativement simple à créer et très amusant à faire. Cela nécessite un peu de planification pour la composition et quelques autres détails. Passons en revue comment créer ce design.

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 CS3
  • Difficulté: Intermédiaire
  • Temps d'exécution estimé: 1,5 heure

Étape 1

Commencez avec un document au format A4 et ouvrez les préférences de la grille (Illustrator> Préférences> Guides et grille), définissez le quadrillage sur 1,5 mm, les subdivisions sur 1 et cochez la case Grilles en noir..

Étape 2

Activez Aligner sur la grille (Affichage> Aligner sur la grille) et activez la grille (Affichage> Afficher la grille). Puis zoomez sur la grille dans le coin supérieur gauche et utilisez l'outil Rectangle pour dessiner un carré avec un remplissage noir et aucun trait dans l'un des carrés de la grille. Vous trouverez cela facile à faire avec Snap to Grid activé.

Étape 3

Continuez à dessiner des carrés dans la grille pour créer le premier personnage spacey.

Étape 4

Suivant la même méthode, dessinez le deuxième caractère en commençant par trois carrés du premier caractère, comme indiqué ci-dessous..

Étape 5

Ok, maintenant nous allons créer une rangée de ces mauvais garçons. Sélectionnez les deux caractères à l'aide de la souris et copiez / déplacez-les (Alt-Glisser) vers la droite, en les positionnant trois carrés à droite du deuxième caractère, relâchez la souris puis la touche Alt..

Étape 6

Immédiatement après l'étape 5, sélectionnez Objet> Transformer> Transformer à nouveau ou (Commande + D) et répétez cette opération quatre fois jusqu'à obtenir une rangée de 12 envahisseurs..

Étape 7

Nous allons maintenant utiliser les processus Copier / Glisser et Transformer à nouveau pour créer plus de rangées d’envahisseurs. Commencez par sélectionner tous les caractères, puis copiez-les et faites-les glisser (Alt-glisser) vers le bas, en les positionnant à deux carrés du bas de la première ligne (relâchez la souris, puis la touche Alt)..

Étape 8

Immédiatement après, sélectionnez Objet> Transformer> Transformer à nouveau ou (Commande + D) et répétez l'opération trois fois. Vous devez donc disposer de cinq rangées d'envahisseurs, comme indiqué ci-dessous..

Étape 9

Maintenant, nous voulons échelonner les lignes. Sélectionnez les deuxième et quatrième rangées à l'aide de la souris, puis sélectionnez Objet> Transformation> Déplacer et entrez: horizontal de 13,5 mm, vertical de 0 mm, distance de 13,5 mm et angle de 0 mm. Enfin. Enfin, appuyez sur OK.

Étape 10

OK, vous devriez maintenant avoir quelque chose qui ressemble à l'image ci-dessous. Vérifiez si les yeux des personnages sont alignés les uns sous les autres (comme indiqué sur la bande teintée). Sinon, il suffit de sélectionner à nouveau les deuxième et quatrième rangées et de les déplacer avec la souris jusqu'à ce qu'elles se positionnent correctement..

Étape 11

Permet maintenant de créer le vaisseau spatial en défense. Utilisez l'outil Rectangle et tracez un carré avec un remplissage noir et aucun trait dans l'un des carrés de la grille sous la dernière rangée d'envahisseurs quelque part vers le milieu. Encore une fois, ce sera facile à faire avec Snap To Grid toujours actif. Continuez à dessiner des carrés et des rectangles dans la grille pour créer le personnage ci-dessous avec quelques carrés supplémentaires pour les tirs..

Étape 12

Pour faire exploser les envahisseurs, supprimez certaines des places et déplacez les autres. Vous pouvez suivre le modèle ci-dessous ou créer le vôtre.

Étape 13

Supprimons maintenant quelques envahisseurs pour définir la scène. Vous pouvez à nouveau suivre le schéma ci-dessous (supprimer les magenta) ou choisir le vôtre..

Étape 14

Ajoutez maintenant des images provenant des envahisseurs. Vous pouvez à nouveau suivre le schéma ci-dessous ou choisir le vôtre..

Étape 15

Désactivez maintenant Aligner sur la grille (Affichage> Aligner sur la grille) et masquez également la grille (Affichage> Masquer la grille). Sélectionnez toutes les illustrations et coupez-les (Edition> Couper). Affichez ensuite la page à sa taille réelle (Affichage> Taille réelle), puis collez l’illustration dans (Edition> Coller). Cela placera l'oeuvre au centre de la page.

Étape 16

Ensuite, sélectionnez n'importe quel personnage Space Invader avec les petites pattes qui dépassent et copiez / glissez-le (Alt-Drag) vers la gauche. Pendant qu'il est toujours sélectionné, ouvrez la fenêtre Pathfinder (Window> Pathfinder), sélectionnez le bouton Ajouter à la zone de forme dans la section Modes de forme (voir ci-dessous), puis appuyez sur le bouton Développer. Cela va réunir toutes les pièces dans un seul objet.

Étape 17

Ceci est une répétition de l'étape 16, mais cette fois, sélectionnez l'autre style de forme de l'envahisseur et copiez / déplacez-le (Alt-Glisser) vers la droite. Encore une fois, alors qu'il est toujours sélectionné, appuyez sur le bouton Ajouter à la zone de forme de la section Modes de forme, puis appuyez sur le bouton Développer..

Étape 18

Sélectionnez ensuite les deux Space Invaders que vous venez de créer et verrouillez-les (Objet> Verrouiller> Sélection). Ensuite, sélectionnez le reste de l'illustration, puis sélectionnez à nouveau le bouton Ajouter à la zone de forme dans la section Modes de forme, puis appuyez sur le bouton Développer. Maintenant, déverrouillez les deux envahisseurs supplémentaires (Objet> Déverrouiller tout).

Étape 19

Vous devriez maintenant avoir trois objets distincts (voir ci-dessous).

Étape 20

Ensuite, nous allons appliquer l'effet 3D. Sélectionnez le corps principal des envahisseurs (N ° 2) et sélectionnez l'effet Extrusion & biseautage (Effets> 3D> Extrusion & biseautage). Cochez d'abord la case Aperçu puis entrez: Rotation autour de l'axe X de 24 °, Rotation autour de l'axe Y de -12 °, Rotation autour de l'axe Z de -12 °, Perspective de 120 °, Profondeur d'extrusion de 15 pts et Surface de Ombrage en plastique. N'appuyez pas encore sur OK, appuyez d'abord sur le bouton Plus d'options..

Étape 21

Dans la zone Plus d'options, modifiez la couleur de l'ombrage sur Aucune et faites glisser le cercle blanc de la sphère vers la droite, comme indiqué ci-dessous (cela changera la direction de l'éclairage)..

Étape 22

Créez maintenant une nouvelle lumière en cliquant sur l’icône Nouvelle lumière et faites glisser le cercle blanc de la sphère vers la gauche, comme indiqué (cela nous donnera un aspect plus spectaculaire). Maintenant, cliquez sur OK ou vous pouvez jouer avec les rotations, la perspective et la profondeur d'extrusion pour créer le look que vous préférez peut-être en premier..

Étape 23

Ensuite, sélectionnez l'un des autres envahisseurs restants et appliquez le même effet (Effets> Appliquer l'extrusion et le biseautage)..

Étape 24

Maintenant, sélectionnez les derniers envahisseurs restants et appliquez à nouveau le même effet (Effets> Appliquer l'extrusion et le biseautage)..

Étape 25

Ensuite, nous voulons développer l’effet que nous venons d’appliquer. Sélectionnez toutes les illustrations et sélectionnez Objet> Développer l'apparence..

Étape 26

Ajoutons maintenant de la couleur. Double-cliquez d’abord sur l’outil Baguette magique pour afficher la boîte de préférences, puis définissez la Tolérance sur 4..

Étape 27

À l'aide de l'outil Baguette magique, sélectionnez la couleur grise la plus sombre à la base de l'un des envahisseurs (voir ci-dessous). Cela va maintenant sélectionner toutes les bases à cause du paramètre que nous avons appliqué dans la tolérance des baguettes magiques.

Étape 28

Avec toutes les bases sélectionnées, appliquez-leur une couleur. Je suis allé pour 50% de cyan, 50% de magenta, 50% de jaune et 100% de noir pour me donner une riche couleur noire.

Étape 29

Toujours à l'aide de l'outil Baguette magique, sélectionnez la couleur gris / blanc la plus claire sur le côté de l'un des envahisseurs (voir ci-dessous)..

Étape 30

Avec tous les côtés sélectionnés, appliquez-leur une couleur. J'ai choisi 0% de cyan, 50% de magenta, 100% de jaune et 0% de noir pour une couleur orange vif.

Étape 31

Une fois de plus, utilisez l'outil Baguette magique pour sélectionner la couleur gris clair sur le visage de l'un des caractères (voir ci-dessous)..

Étape 32

Avec tous les côtés sélectionnés, appliquez-leur une couleur. J'ai choisi 0% de cyan, 0% de magenta, 0% de jaune et 0% de noir, autrement dit: blanc.

Étape 33

Ensuite, sélectionnez l'outil de sélection directe.

Étape 34

Utilisez l'outil pour sélectionner individuellement les faces blanches du vaisseau en défense et les tirs qui en découlent (voir ci-dessous). N'oubliez pas de maintenir la touche Maj enfoncée au fur et à mesure..

Étape 35

Lorsque toutes les faces sont sélectionnées, appliquez une couleur. Je suis allé pour 100% de cyan, 0% de magenta, 100% de jaune et 45% de noir pour une couleur vert foncé.

Étape 36

Toujours en utilisant l’outil de sélection directe, sélectionnez les côtés orange du vaisseau spatial et des plans..

Étape 37

Maintenant, appliquez une couleur à ces sélections. Je suis allé pour 100% de cyan, 0% de magenta, 100% de jaune et 75% de noir pour un vert encore plus foncé.

Étape 38

Vous devriez avoir quelque chose qui ressemble à l'image ci-dessous. Maintenant, sélectionnez les envahisseurs supplémentaires (voir ci-dessous) un à un, agrandissez-les et faites-les pivoter dans des positions qui vous conviennent.

Étape 39

Le moment est venu pour les finitions. Sélectionnez toutes les œuvres et regroupez-les (objet> groupe). Maintenant, copiez le groupe (Edition> Copier) et Coller dans le dos (Edition> Coller dans le dos). Ensuite, redimensionnez et faites pivoter la copie, un résultat similaire à celui présenté ci-dessous fonctionnera. Ensuite, définissez la couleur de remplissage sur Aucune, la couleur de trait sur 85% de noir et définissez le trait sur un poids de 0.3pt..

Enfin, à l'aide de l'outil Rectangle, dessinez une zone remplie à 100% de noir et sans contour autour de l'illustration. Maintenant, envoyez-le à l'arrière (Objet> Organiser> Envoyer à l'arrière-plan).

Conclusion

J'espère que vous avez trouvé cela utile et que vous vous êtes amusés à faire ce design! L'image finale est ci-dessous!

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