Share
Ce que vous allez créerQuand j'étais enfant, je passais mes nuits à regarder Les X-Files et se demander s'il y a vraiment quelque chose d'autre dans l'univers, quelque chose qui pourrait changer notre façon de penser mais surtout nous aider à voir notre place en son sein.
Qu'il s'agisse de petits hommes verts ou de gris, notre imagination a toujours couru comme des fous, créant des histoires qui pourraient être fausses ou non, alors aujourd'hui, nous allons essayer de rassembler des preuves en créant notre propre illustration d'enlèvements extraterrestres. Bien sûr, nous allons faire tout cela en utilisant notre imagination créatrice et quelques formes et outils trouvés dans Adobe Illustrator..
Cela étant dit, va verser un peu de jus de haricots magique dans cette tasse d'agent spécial, et commençons!
Oh, et n'oubliez pas que vous pouvez toujours développer votre projet en vous dirigeant vers GraphicRiver où vous trouverez une grande sélection d'actifs vectoriels sur le thème des extraterrestres..
En supposant que vous avez déjà Illustrator en marche en arrière-plan, affichez-le et configurons un Nouveau document (Fichier> Nouveau ou Contrôle-N) pour notre projet en utilisant les paramètres suivants:
Et de la Avancée languette:
Même si le projet d'aujourd'hui n'est pas basé sur des icônes, nous voudrons tout de même créer l'illustration à l'aide d'un flux de travail parfaitement pixelisé. Configurez donc une jolie petite grille pour pouvoir contrôler entièrement nos formes..
Aller au Édition> Préférences> Guides et grille sous-menu et réglez les paramètres suivants:
Conseil rapide: vous pouvez en apprendre plus sur les grilles en lisant cet article détaillé sur le fonctionnement du système de grilles d'Illustrator.
Une fois notre grille personnalisée configurée, tout ce que nous avons à faire pour nous assurer que nos formes ont une apparence nette est de permettre la Aligner sur la grille option trouvée sous Vue menu (si vous utilisez une ancienne version d'Illustrator).
Maintenant, si vous êtes novice dans l'ensemble du "flux de travail pixel-perfect", je vous recommande fortement de consulter mon tutoriel Comment créer des illustrations parfaitement pixelisées, qui vous aidera à élargir vos compétences techniques en un rien de temps.
Une fois que nous avons fini de configurer notre fichier de projet, il serait judicieux de structurer notre document en utilisant plusieurs couches, car cela nous permet de maintenir un flux de travail régulier en nous concentrant sur une section de l'illustration à la fois..
Cela étant dit, amenez le Couches panneau, et créez un total de quatre couches, que nous renommerons comme suit:
Conseil rapide: J'ai coloré tous mes calques en utilisant la même valeur verte, car c'est la plus facile à afficher lorsqu'elle est utilisée pour mettre en surbrillance les formes sélectionnées (qu'elles soient des chemins fermés ou ouverts)..
Dès que nous avons superposé notre document, nous pouvons commencer à travailler sur le projet en créant un arrière-plan sombre. Assurez-vous donc de vous positionner sur le premier calque et passons directement au premier plan..
Créer un 920 x 680 px rectangle que nous colorierons avec # 2C2D2D puis centrez le centre sur l'Artboard sous-jacent à l'aide du bouton Aligner du panneau Horizontal et Centre d'alignement vertical options.
Verrouillez le calque actuel à l'aide de la touche Couches panneau, puis passez au suivant (ce serait le second) où nous construirons progressivement notre composition.
Avec le fond en place, nous pouvons commencer à travailler sur notre composition surréaliste, et nous le ferons en créant une entrée de cave où la personne derrière l'objectif de la caméra documente la rencontre rapprochée..
Créer un 280 x 536 px rectangle (# 656868), que nous centrerons sur l’Artboard sous-jacent, puis nous transformerons en un rideau de lumière subtil en appliquant un Linéaire gradient à elle. Utilisez le même # 656868 la valeur hexadécimale pour les deux couleurs s’arrête, en prenant soin de régler celle de gauche Opacité à 0%.
Ajoutez l'entrée de la cave à l'aide d'un 280 x 396 px rectangle (# 868989) que nous allons positionner par-dessus celui que nous venons de créer, en l'alignant au centre du bord supérieur.
Ajustez le petit rectangle en sélectionnant individuellement ses points d’ancrage inférieurs à l’aide des touches Outil de sélection directe (A), puis les pousser à l'intérieur par 20 px en utilisant le Bouge toi outil (clic-droit > Transformer> Déplacer> Horizontal> +/- 20 px en fonction de quel côté vous commencez).
Zoomez sur le document, puis commencez à travailler sur le seuil de l'entrée en créant un 240 x 16 px rectangle (# 6A6D6D), que nous placerons en dessous de la forme précédemment ajustée.
Ajouter un autre plus court 248 x 4 px rectangle que nous allons colorier en utilisant # 515454, puis positionner comme dans l'image de référence.
Sélectionnez le Outil stylo (P), et en utilisant # 2C2D2D comme votre Remplir couleur dessinez les petites fissures en utilisant l’image de référence comme guide principal. Prenez votre temps et une fois que vous avez terminé, sélectionnez-les et regroupez-les tous à l'aide de la touche Contrôle-G raccourci clavier, faisant de même pour toutes les formes composant la section en cours.
Créez les escaliers en utilisant un 240 x 28 px rectangle pour le haut, suivi d'un 256 x 28 px un pour le centre et un encore plus grand 272 x 28 px un pour le bas. Coloriez les trois formes en utilisant # 515454, en veillant à les empiler verticalement 8 px l'un de l'autre.
Donnez à chaque escalier une touche subtile en utilisant trois 2 px grands rectangles, que nous colorierons avec # 6A6D6D puis centrer sur leurs bords supérieurs.
Ajoutez les ombres dures à l’aide de trois segments courbes que nous colorierons à l’aide de # 2C2D2D puis positionnez-vous sur les bords inférieurs des grands rectangles, comme indiqué dans l'image de référence.
Comme nous l’avons fait avec le seuil, prenez quelques instants et dessinez quelques fissures sur chaque escalier, en utilisant # 2C2D2D comme votre Remplir Couleur. Prenez votre temps et une fois que vous avez terminé, sélectionnez et regroupez-les individuellement (Contrôle-G) chaque escalier avec ses détails correspondants, faisant de même pour l'ensemble.
Dès que nous aurons fini de travailler sur les escaliers, nous pourrons nous concentrer sur l'ajout de détails à l'arrière-plan, encadrés par l'entrée de notre cave, et nous le ferons en créant de petites étoiles..
En utilisant un couple de 4 x 4 px cercles (# B1B5B5), peuplent progressivement le ciel nocturne, en veillant à les sélectionner et à les regrouper ensuite à l'aide du Contrôle-G raccourci clavier.
Avec les étoiles en place, nous pouvons commencer à développer notre composition en construisant certaines des installations de la ferme, le premier sur notre liste étant le moulin à vent..
Créez la forme principale du moulin à l'aide d'un 72 x 248 px rectangle avec un 4 px épais Accident vasculaire cérébral (# 2C2D2D) avec un Joindre rond, que nous allons positionner sur le côté inférieur de l'entrée, comme on le voit dans l'image de référence.
Ajustez la forme que vous venez de créer en ajoutant un nouveau point d’ancrage au centre de son bord supérieur à l’aide de la touche Ajouter un outil de point d'ancrage (+) puis en retirant ses coins en utilisant le Supprimer l'outil de point d'ancrage (-).
Ajouter l’assemblage du tuyau de descente à l’aide d’un 248 px grand 4 px épais Accident vasculaire cérébral ligne (# 2C2D2D), que nous centrerons sur le corps du moulin à vent.
Ajoutez les poutres de structure horizontale en utilisant deux 4 px épais Accident vasculaire cérébral lignes (# 2C2D2D), que nous allons positionner sur le corps plus grand de l’usine, comme indiqué dans l’image de référence.
Dessinez les poutres diagonales à l’aide de deux pinceaux légèrement plus minces 2 px Stroke lignes (# 2C2D2D), que nous allons positionner entre les horizontaux que nous venons de créer. Prenez votre temps et une fois que vous avez terminé, sélectionnez et regroupez toutes les formes composant le corps à l’aide de la touche Contrôle-G raccourci clavier.
Commencez à travailler sur la tête du moulin à vent en créant un 16 x 16 px cercle avec un 1 px épais Accident vasculaire cérébral (# 2C2D2D), que nous centrerons au bout du corps.
Créer un 24 x 24 px cercle avec un 2 px épais Accident vasculaire cérébral (# 2C2D2D), suivi d'un légèrement plus grand 48 x 48 px un (# 2C2D2D), que nous centrerons tous deux sur la forme précédemment créée.
Ajoutez les lignes de détail verticales et horizontales à l’aide de deux 2 px épais Coups (# 2C2D2D), que nous centrerons sur le petit cercle de la tête.
Créez la paire verticale de lames en utilisant deux 8 x 28 px des rectangles (# 2C2D2D), que nous ajusterons en sélectionnant et en poussant individuellement leurs points d’ancrage tournés vers l’intérieur vers 2 px en utilisant le Bouge toi outil (clic droit> Transformer> Déplacer> Horizontal> +/- 2 px en fonction de quel côté vous commencez avec). Une fois que vous avez terminé, groupez (Contrôle-G) et positionnez les formes résultantes sur le petit cercle de la tête.
Ajoutez les lames restantes en utilisant trois copies (Contrôle-C> Contrôle-F) de ceux que nous venons de regrouper, que nous ajusterons à l'aide du Tourner outil (clic droit> Transformer> Rotation> 90º pour les horizontales et 45º pour les diagonales). Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes composant la tête, faisant de même pour l'ensemble du moulin à vent par la suite.
Dès que vous avez fini de construire le moulin, vous pouvez déplacer quelques pixels vers la droite et commencer à travailler sur le poteau du téléphone..
Créer le corps principal du pôle à l'aide d'un 4 x 108 px rectangle que nous colorierons avec # 2C2D2D puis positionnez-vous sur le côté droit du seuil de la cave, comme indiqué dans l'image de référence.
En utilisant un couple de # 2C2D2D rectangles colorés, ajoutez progressivement les sections restantes au poteau, en veillant à les sélectionner et à les regrouper par la suite à l'aide du bouton Contrôle-G raccourci clavier.
Ajouter la ligne téléphonique en utilisant un 48 x 12 px ellipse avec un 2 px épais Accident vasculaire cérébral (# 2C2D2D), que nous ajusterons en enlevant sa moitié supérieure en sélectionnant son point d'ancrage supérieur à l'aide du Outil de sélection directe (A) puis en le retirant en appuyant sur Effacer. Une fois que vous avez terminé, positionnez la forme obtenue sur la section horizontale du poteau, en veillant à sélectionner et à grouper (Contrôle-G) toutes ses formes composant avant de passer à la section suivante.
Avec le poteau téléphonique en place, nous pouvons enfin commencer à travailler sur la partie la plus effrayante de notre composition, où nous pourrons créer l’imposante soucoupe volante..
Nous allons commencer par dessiner rapidement la vache flottante qui est enlevée à l'aide de # 2C2D2D comme notre Remplir couleur, en positionnant la forme résultante comme dans l'image de référence.
Créez la forme principale de la partie supérieure de la soucoupe à l'aide d'un 80 x 40 px ellipse, que nous colorierons avec # 515454 puis position 42 px depuis le bord supérieur de l'entrée de la cave.
Ajoutez l'ombre dure à l'aide d'un 200 x 64 px ellipse (# 2C2D2D), que nous allons positionner 8 px à partir du bord supérieur de la forme que nous venons de créer. Masquez la plus grande forme à l'aide d'une copie (Control-C) de celle du dessous (surlignée en rouge) que nous allons coller devant (Contrôle-F) et alors clic droit> Make Clipping Mask, en veillant à sélectionner et à grouper (Contrôle-G) les deux ensemble ensuite.
Commencez à travailler sur le bas du corps de la soucoupe en créant un 200 x 64 px rectangle que nous colorierons avec # 6A6D6D puis positionner à une distance de 12 px à partir du bord supérieur de la section précédente.
Ajouter la section inférieure en utilisant un plus sombre 200 x 56 px ellipse (# 2C2D2D), que nous centrerons sur le bord inférieur de la forme que nous venons de créer.
Créer l'insertion circulaire en utilisant un 12 x 8 px ellipse (# 2C2D2D), que nous allons positionner comme dans l’image de référence. Une fois la forme en place, sélectionnez et groupez (Contrôle-G) toutes les formes composant le bas du corps avant de passer à l'étape suivante.
Créez la forme principale du rayon tracteur en utilisant un 80 x 12 px ellipse, que nous colorierons avec # 6A6D6D puis positionner comme dans l'image de référence.
Ajouter un 80 x 8 px rectangle (# 6A6D6D) dans la moitié inférieure de l'ellipse que nous venons de créer, en veillant à ajuster la nouvelle forme en sélectionnant et en poussant individuellement ses points d'ancrage inférieurs vers l'intérieur, 8 px en utilisant le Bouge toi outil (clic droit> Transformer> Déplacer> Horizontal> +/- 8 px en fonction de quel côté vous commencez).
Créez la section inférieure du rayon tracteur à l'aide d'un 64 x 12 px ellipse (# 515454), en plus de quoi nous ajouterons un plus petit 48 x 6 px un (# 2C2D2D), en positionnant les deux sur le bord inférieur de la forme que nous venons de créer. Une fois les ellipses en place, sélectionnez et groupez (Contrôle-G) toutes les formes composant la section en cours, en faisant de même pour toute la soucoupe par la suite.
Créez le faisceau réel tirant la vache du sol en utilisant un 32 x 296 px rectangle (# B1B5B5), que nous allons positionner sur la moitié inférieure de l’ellipse plus sombre, puis ajuster en sélectionnant et en poussant son point d’ancrage en bas à gauche vers 36 px (clic droit> Transformer> Déplacer> Horizontal> -36 px).
Créez la section supérieure de la poutre en utilisant un 64 x 2 px ellipse (# B1B5B5), que nous ajusterons en enlevant sa moitié droite, en positionnant la forme obtenue sur la forme la plus grande. Ensuite, sélectionnez les deux et combinez-les en une seule forme plus grande en utilisant Éclaireurde Faire la forme composée option.
Transformez le faisceau en dégradé en utilisant # B1B5B5 pour ses deux couleurs s'arrête, en veillant à définir celui de gauche Opacité à 0%. Une fois que vous avez terminé, sélectionnez et regroupez la soucoupe volante et le faisceau à l'aide du bouton Contrôle-G raccourci clavier.
Ajoutez les petites soucoupes en utilisant deux 48 x 2 px des rectangles (# B1B5B5) avec un 1 px le coin droit Rayon, nous allons transformer en gradients suivant le même processus utilisé pour le faisceau, en veillant à quitter le Angle mis à 0º. Positionnez les formes résultantes comme dans l’image de référence, en veillant à regrouper (Contrôle-G) ensemble avant de passer à l'étape suivante.
Comme vous pouvez le constater, notre composition prend progressivement forme, alors continuons de travailler dessus en créant les deux sections de clôture..
Créez la section gauche de la clôture en utilisant quelques # 2C2D2D colorérectangles, que nous allons positionner et ajuster comme on le voit dans l’image de référence. Prenez votre temps, et une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes ensemble avant de passer à l'étape suivante.
Créez la bonne section en utilisant une copie (Contrôle-C> Contrôle-F) de celui sur lequel nous venons de terminer, que nous refléterons verticalement (clic droit> Transformer> Reflect> Vertical) puis positionnez-vous du côté opposé de l'entrée de la cave.
Une fois que vous avez fini de travailler sur la clôture, nous pouvons sélectionner et grouper (Contrôle-G) toutes les formes de la composition encadrées par l'entrée de la cave, en les masquant ensuite à l'aide d'une copie (Contrôle-C> Contrôle-F) de la forme sous-jacente par clic droit> Make Clipping Mask.
Notre composition étant à peu près terminée, nous pouvons ajouter la pièce centrale de notre illustration, le petit homme gris..
Créez le corps principal de l'étranger à l'aide d'un 28 x 12 px rectangle (# 2C2D2D), que nous ajusterons en réglant la Rayon de ses coins supérieurs à 8 px, positionner la forme obtenue au centre du seuil de l'entrée.
Ajouter la section du cou en utilisant deux 8 x 16 px ellipses (surlignés en rouge), que nous allons distribuer horizontalement 4 px les uns des autres, en les ajustant en sélectionnant et en retirant leurs points d’ancrage supérieurs et extérieurs. Unissez les chemins résultants en une seule forme plus grande en appuyant sur Contrôle-j deux fois, en mettant sa couleur à # 2C2D2D.
Créer la tête en utilisant un 40 x 40 px cercle (# 2C2D2D), que nous ajusterons en sélectionnant et en poussant son point d’ancrage inférieur vers l’extérieur en 8 px en utilisant le Bouge toi outil (clic-droit > Transformer> Déplacer> Vertical> 8 px).
Donnez à la forme résultante une lumière subtile que nous colorierons avec # 515454.
Séparer les bras de son corps en utilisant deux 2 x 2 px carrés (# 868989) avec un 1 px coin supérieur Rayon, que nous allons positionner à une distance de 4 px des côtés du torse. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes ses formes composant ensemble, avant de passer à la section suivante.
Ajoutez les ombres projetées par la tête du petit homme gris sur les escaliers à l'aide d'un 56 x 158 px ellipse (# 2C2D2D) avec un 64% d'opacité comme forme de base, en ajoutant progressivement 8 px à chaque nouvelle copie (Control-C > Contrôle-F) et en les masquant à l'aide d'une copie de la forme de remplissage de l'escalier correspondante. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes composant la couche en cours avant de passer à la suivante.
Dès que nous avons fini de travailler sur notre composition, nous pouvons commencer à lui ajouter des effets visuels. Donc, si vous vous êtes positionné sur la couche suivante (ce serait la troisième), faisons exactement cela en appliquant des textures subtiles.
Faites en sorte que l’illustration ait l’impression d’avoir été tournée sur film, en ajoutant quelques 920 x 2 px des rectangles (#FFFFFF), que nous allons empiler verticalement 2 px l'un de l'autre. Une fois que vous avez terminé, groupez (Contrôle-G) puis centrez les formes sur le Artboard sous-jacent, en veillant à réduire leur Opacité à 6%.
Donner du bruit à l’illustration en créant un 920 x 680 px rectangle (# 2C2D2D), que nous allons transformer en texture en passant à Effet> Effets Photoshop> Texture> Grain, où nous allons placer le Intensité à 40, la Contraste à 50, et le Type de grain à Pointillé.
Définir la texture résultante Opacité à 12%, changer sa Mode de fusion de Ordinaire à Alléger.
Une fois que nous avons fini d'ajouter les textures, tout ce que nous avons à faire pour terminer notre illustration est de créer le petit HUD de la caméra. Cela étant dit, passons à la quatrième et dernière couche, et mettons les choses au clair.!
Commencez par créer les guides de cadrage en utilisant quatre 76 x 52 px des rectangles avec un 4 px épais Accident vasculaire cérébral (# 868989), que nous allons positionner à une distance de 28 px à partir des coins de l'Artboard, puis ajustez-les en sélectionnant et en retirant individuellement leur point d'ancrage tourné vers l'intérieur.
Zoomez sur le coin inférieur gauche de l'Artboard et créez l'indicateur de niveau de batterie à l'aide d'un 30 x 16 px rectangle avec un 4 px épais Accident vasculaire cérébral (# D8D8D8) pour son corps principal. Ajouter les niveaux en utilisant trois 4 x 8 px des rectangles (# D8D8D8) espacés horizontalement 2 px les uns aux autres, suivis du nez à l'aide d'un 6 x 8 px rectangle (# D8D8D8). Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes ses formes composant ensemble, en les positionnant comme dans l'image de référence.
Ajouter l'état d'enregistrement en utilisant un 16 x 16 px cercle (# F26A46), que nous allons positionner à une distance de 12 px du guide d'encadrement en haut à droite. Ajoutez le texte “REC” (# F26A46) devant en utilisant une police de votre choix.
Terminez le HUD et le projet lui-même en ajoutant l’indicateur de temps écoulé au repère d’encadrement inférieur, en veillant à sélectionner et à grouper (Contrôle-G) toutes ses formes composant ensemble avant d'appuyer sur le bouton de sauvegarde.
Voilà, chers amis de la théorie du complot, un didacticiel détaillé étape par étape sur la création d'une illustration d'enlèvement extraterrestre.
J'espère que vous avez réussi à suivre chaque étape et que vous avez surtout appris quelque chose de nouveau et d'utile en cours de route..
Cela étant dit, je suis impatient de voir votre résultat final et si vous avez des questions, n'hésitez pas à les poster dans la section commentaires et je reviendrai vers vous dès que je pourrai.!
Accentsconagua