Share
Ce que vous allez créerCe didacticiel a été publié en octobre 2009 sous la forme d'un didacticiel Tuts + Premium. Il est maintenant disponible gratuitement pour voir. Bien que ce didacticiel n'utilise pas la dernière version d'Adobe Illustrator, ses techniques et ses processus sont toujours pertinents..
Au cours de ce didacticiel, je vais vous montrer le processus de création d'une de mes affiches illustrées. J'adore taper dans toutes mes illustrations pour l'équilibre et le rythme fournis dans une mise en page, mais j'aime particulièrement créer des images à partir du texte lui-même… le graphiste en moi m'oblige à le faire.!
Pour des ressources plus incroyables, consultez notre sélection étonnante de robots vectoriels disponibles via GraphicRiver. Ou demandez l'aide d'un professionnel de la conception d'Envato Studio pour la conception de robots personnalisés.
Je suis un passionné de robots, de science-fiction et de typographie. Quelle est donc ma meilleure chance de créer une affiche fusionnant les trois? Après avoir rassemblé quelques références de robots et feuilleté quelques numéros de Will The Eisner de "The Spirit" (cherchez-le… un artiste de bande dessinée qui était un maître du genre illustré), j'ai commencé par obtenir une mise en page très approximative pour mon faux poster de film papier.
Ma vision était de créer un grand robot (qui sert également de type au titre du film) errant de manière menaçante dans une ville déchirée par la guerre..
Avec l'idée initiale sortie de mon cerveau et insérée dans mon carnet de croquis, je suis passée à Adobe Illustrator. La tâche suivante consistait à configurer mon document. J'ai créé un 11 "par 14" artboard et, une fois ouvert, optimise mon espace de travail en ouvrant et en organisant les panneaux et les barres d’outils fréquemment utilisés. ma doit avoir les panneaux comprennent Personnage, Éclaireur, Aligner, Couches, Échantillons, Couleur, Transparence, Pente, et Accident vasculaire cérébral.
J'ai tendance à utiliser beaucoup de calques dans mes illustrations, et celle-ci ne fait pas exception. Le premier calque que je crée toujours est un "cadre" blanc. Je l'ai définie comme ma couche la plus haute et elle agit comme un masque pour toutes les œuvres d'art situées en dessous. De cette façon, je peux étendre des images sur des calques au-delà de la planche d’art, sans me soucier de les voir.
J’ai commencé avec un rectangle de la taille de la planche d’art, puis j’en ai créé un plus grand, que j’ai placé derrière, les ai sélectionnés tous les deux et ai utilisé le Minus Front option dans le Éclaireur panneau. J'ai verrouillé cette couche et l'ai laissée ainsi pour le reste du projet.
Après avoir ajouté quelques nouvelles couches dans le Couches panneau, j'ai commencé à mélanger des couleurs personnalisées. Je rejette toujours toutes les couleurs génériques d’Illustrator et mélange mon propre schéma simple et limité CMJN.
C’est aussi très utile lorsque vous mélangez vos propres couleurs dans le Couleur panneau, pour les définir comme "Couleur d'accompagnement". Cela vous permet de double-cliquez cette couleur dans le Échantillons panneau à tout moment, ajustez le CMJN mélanger et appliquer automatiquement ces modifications à toute occurrence de cette couleur dans votre document.
J'ai imaginé une palette chaleureuse pour cette illustration et j'ai créé un rouge, un marron et quelques bronzages pour bien commencer..
Après avoir ajouté un rectangle de couleur uni au calque d’arrière-plan, j’ai inséré une numérisation de l’esquisse dans le calque de numérisation (Fichier> Place), l'a redimensionnée pour l'adapter à la page, puis définissez le paramètre Mode de fusion à Multiplier en utilisant le Transparence panneau. Cela supprime tout le blanc d'une image importée et vous permet de travailler sur les calques situés en dessous voir à travers il.
J'ai également ajouté un second calque d'image qui servirait d'élément de premier plan dans lequel le robot se déplacerait (vous verrez plus tard que j'ai abandonné cet élément pour la pièce finale)..
Ensuite, j'ai commencé à ébaucher le corps du robot. En commençant par le type droit, j'ai conçu une composition de type plat qui deviendrait éventuellement le torse du robot. Notez que le nom "Robot Earth 57" a été remplacé par "Robot Earth 3009." Je pensais que 3009 servirait de meilleure base pour les hanches de robot.
J'ai fait glisser le corps de texte plat au-dessus du balayage approximatif et avec celui-ci toujours sélectionné, j'ai choisi le Outil de transformation gratuit.
Cet outil est un excellent ajout à Illustrator, bien qu’il soit un peu difficile à utiliser. Il vous permet de redimensionner un objet en perspective, ce que le médecin a commandé pour cette image. J'ai commencé par déplacer le curseur sur l'une des cases blanches ouvertes dans le coin du groupe sélectionné et je l'ai déplacé très légèrement jusqu'à ce que les cases blanches disparaissent. Tout en maintenant la souris enfoncée, j'ai ensuite appuyé sur Commande-Alt-Shift.
Cela oblige l’art à revenir en arrière dans l’espace avec une perspective. Le relâchement de l'une des combinaisons de touches, tout en maintenant la sélection avec la souris, libère une contrainte, ce qui vous permet d'obtenir des effets assez sophistiqués. Mon meilleur conseil est d’expérimenter généreusement pour bien comprendre.
Avec la perspective souhaitée obtenue, j'ai désélectionné l'art et désactivé le calque contenant l'esquisse numérisée..
Enfin, j'ai décomposé le type en plusieurs couches: "robot", "terre", "3009" et les deux blocs d'épaule. Cela permettait un meilleur contrôle lorsque l'on travaillait sur chaque section.
Jamais un pour laisser les parties amusantes pour la fin, j'ai sauté dans et a commencé à travailler sur la tête du robot. Je voulais que cela ait l’effet d’un ensemble de machines recouvertes d’un dôme en verre transparent. En partant d’une demi-capsule, j’ai copié (Command-C) et collé devant (Commande-F) et caressa la copie. Ensuite, j'ai converti ce chemin en contours (Objet> Chemin> Contour de contour).
Ensuite, j'ai copié la forme originale du dôme et l'ai collée devant pour m'assurer qu'elle était parfaitement alignée. Avec cela toujours sélectionné, j'ai sélectionné le nouveau trait décrit, est entré dans le Éclaireur panneau, et appuyé Couper. Je me suis retrouvé avec une forme parfaitement profilée à la forme du dôme qui servirait de bord éclairé pour le dôme en verre clair. Ensuite, j'ai ajouté le cerveaux du robot en ajoutant des formes simples.
Je les ai envoyés derrière la forme de dôme, que je mets à Multiplier dans le Transparence panneau. Enfin, j'ai copié la forme originale du dôme et je l'ai collé à fond, puis ma couleur est blanche. Cela m'a permis de placer la tête sur n'importe quel fond de couleur sans que ce fond ne soit visible à travers la pièce de verre multipliée.
Une fois la perspective terminée, j'ai commencé à ajouter une dimension à chacun des caractères du type de corps. J'ai créé une boîte en angle qui servait de côté des lettres, puis copiée, répétée et ajustée à plusieurs reprises jusqu'à ce que les lettres semblent avoir du volume..
Pour plus d'intérêt visuel, j'ai glissé le mot "terre" un peu en arrière pour créer l'illusion que c'était une profondeur plus courte que le mot "robot". Pour nettoyer mon travail de cotation, j'ai créé des repères temporaires en utilisant des traits blancs verrouillés (que j'ai ensuite jetés). Celles-ci garantissent que la perspective des boîtes de dimensions reste cohérente avec celle des lettres originales.
La dimension terminée, je laissai tomber dans la tête que j'avais créée plus tôt pour voir comment mon robot prenait forme.
La prochaine étape à l'ordre du jour était de créer des jambes pour le robot. Toujours en veillant à ce que la perspective corresponde visuellement au reste du corps, j'ai délibérément fait en sorte que le bas de ses jambes soit composé de grandes surfaces plates pour accueillir les types de caractères que j'avais imaginés pour eux..
Non contente de l'apparence de ma frontière aux contours durs, je pensais que le robot aurait l'air beaucoup plus froid en marchant à travers des nuages de poussière créés par la destruction qu'il venait d'infliger à la ville..
J'ai imprimé une petite copie du fichier et posé un morceau de papier calque sur cette image. Ensuite, j'ai dessiné mes nuages sur le calque, les ai scannés et ai déposé l'image dans une couche de numérisation située derrière le robot. De cette façon, j’ai eu un joli modèle pour faire l’art vectoriel final de.
J'étais enfin prêt à ajouter tous les types que je soutiens. J'ai commencé par sélectionner et incliner le bloc de l'épaule gauche du robot afin qu'il semble se balancer à mi-chemin.
Ensuite, j'ai créé le "Est-ce la fin pour l'humanité?" tapez lockup comme un graphique plat et, en utilisant Fausser et Outils d'échelle, mappé sur le côté de l'épaule.
Finalement, j'ai fait la même chose pour les acteurs, les producteurs et les génériques, et ajouté un crédo de studio fictif au-dessus de l'épaule droite. Vous pouvez également voir que j'ai commencé à rendre les nuages de poussière dont j'ai parlé à l'étape précédente..
La griffe du robot a commencé comme une simple forme de cercle dont le centre a été percé (Pathfinder> Minus Front). J'ai ensuite copié la forme, collée à l'arrière et coloré la nouvelle forme d'un vert plus clair.
Ensuite, j'ai créé un cercle concentrique et ajouté la date du premier film et "Destroying Theatres" avec le Tapez sur un outil de chemin. Enfin, j’ai dessiné la dimension de raccordement entre les deux cercles, ajouté quelques détails à l’articulation du poignet et incliné le type avec le Échelle et Outils inclinés jusqu'à ce que j'ai l'effet désiré.
Ma tâche suivante consistait à créer un effet métallique côtelé sur les bras du robot. J'aurais pu créer une section, la copier et la répéter manuellement sur toute la longueur du bras, mais pour obtenir un espacement régulier, rien qu'en la vue, il faudrait une éternité. Heureusement, il existe un bien meilleur moyen.
J'ai commencé par créer une section du bras tubulaire, composée du diviseur de chaque section, des ombres et des rehauts. Puis j'ai traîné cette section groupée dans le Des pinceaux palette et sélectionné Brosse à motif parmi les options disponibles dans la boîte de dialogue qui s’est affichée. J'ai alors frappé D'accord dans la boîte de dialogue pinceau suivante.
Ensuite, j'ai fait un Copie du trait vert qui sert de base au bras et que vous avez collé devant (il est montré ici à gauche du trait original à des fins de didacticiel). J'ai appliqué le pinceau à motif nouvellement fabriqué à ce trait et… le tour est joué! La section de tube que j'ai créée se répète le long du chemin. Certaines expériences peuvent être nécessaires pour obtenir le bon effet, mais Motif Brosses sont un excellent moyen d'obtenir de superbes effets espacés uniformément le long d'un chemin.
En rentrant chez moi, j'ai tourné mon attention vers le paysage urbain à l'arrière-plan. J'avais créé des bâtiments pour une illustration précédente (recyclage des œuvres!), Mais ils n'ont pas été détruits, car je souhaitais qu'ils apparaissent ici..
Un simple masque avec un bord déchiqueté sur le bâtiment d'origine a permis d'obtenir le look délabré que je cherchais, et l'ajout d'une grille à bords irréguliers derrière le bâtiment remplaçait les poutres en I apparentes. Enfin, une inclinaison ajoutée à chaque bâtiment a cousu le vient d'être détruit par un robot de 100 pieds regarde que j'allais pour.
Avec tous les éléments de l'illustration créés, il me suffisait d'ajouter de la profondeur en utilisant plusieurs ombres. Pour toute surface que je pensais pouvoir utiliser une ombre, je simplement Copié et Collé devant, configurer cette nouvelle copie sous forme de dégradé linéaire dans le Pente panneau, réglez-le sur Multiplier, et visant la direction de l'ombre avec le Outil gradient.
J'ai ensuite ajouté beaucoup plus de formes multipliées dans l'ensemble pour un aspect uniformément ombragé..
Pour un dernier contact menaçant, j'ai ajouté des faisceaux oculaires sortant des yeux du robot. Formes blanches mis à un Opacité de 50% atteint cet effet.
La typographie illustrée étant une de mes passions, j'espère que vous avez apprécié ma visite de l'un des modèles de robots basés sur des types les plus féroces que vous ayez jamais vus! L'image finale est ci-dessous. Vous pouvez voir la grande version ici.
Vous ne pouvez pas obtenir assez de robots vectoriels? Découvrez notre sélection incroyable de robots vectoriels de GraphicRiver pour des ressources de conception incroyables. Profitez de l'un de nos favoris énumérés ci-dessous!
Cet ensemble coloré de robots vectoriels est prêt à conquérir le monde! Dotés de designs plats modernes et de couleurs magnifiques, ces robots charmeront les chaussettes de tout intrus. Créez un compte Envato aujourd'hui pour télécharger ces ressources utiles.
Accentsconagua