3D Illustration: Creating Isometric Designs in Adobe Illustrator

1. Introduction: Bonjour. Nous sommes des studios DKNG, qui signifie DK, Dan Kuhlken. Je suis NG, Nathan Goldman et nous sommes un studio de design et d'illustration basé en Californie. Notre mesure a commencé à travailler dans le monde des affiches de concerts, mais au-delà de cela, nous avons étendu à tous les types de travaux pour l'industrie de la musique et au-delà, y compris l'image de marque d'entreprise, conception d' emballages, et vraiment tout type de projet qui combine à la fois l'illustration et le travail de design. Aujourd'hui, nous allons parler d'illustration isométrique. Beaucoup de gens peuvent reconnaître cela comme le style SimCity ou vue aérienne de l' enregistreur et la possibilité de créer une illustration géométrique tridimensionnelle. illustration isométrique est une façon de représenter équitablement trois côtés d'un objet, ayant la source de lumière et l'ombre. Nous estimons qu'il s'agit plutôt d'une approche étape par étape pour créer quelque chose qui, de façon réaliste, a trois dimensions. Tout au long de cette classe, nous allons vous montrer processus étape par étape de la façon dont nous utilisons des outils spécifiques dans Illustrator, et tous les outils assez basiques pour créer un design isométrique. À la fin, vous allez avoir ce qui ressemble à un dessin assez complexe, mais tout a été fait assez facilement grâce aux outils d'illustrateur de base. L' illustration en trois D n'a pas besoin d'être intimidante et une chose que nous espérons que vous retirerez de cette classe est avec cette approche isométrique. Il est facile de suivre une méthode étape par étape pour obtenir des résultats 3D complets, mais sans connaissance des programmes de modélisation ou rien de plus compliqué que cela. Alors que vous suivez ce cours, veuillez poster dans la galerie de projets, nous aimerions voir votre processus et vos produits finaux. Nous sommes ravis de vous avoir en classe et commençons. 2. Qu'est-ce l'illustration isométrique ?: Pour définir l'Illustration isométrique, nous parlons d'une méthode d'illustration basée sur une grille. Le terme « isométrique », fait vraiment référence à avoir des parties égales. Dans le cas d'une grille, nous avons affaire à diviser un cercle, 360 degrés, en trois parties égales. Donc, 120 degrés chacun. Nous allons utiliser ces angles égaux comme base pour tout concevoir pour la classe. La chose cool à propos de la conception isométrique est que, vous avez un look tridimensionnel sans être ultramathématique, mais aussi très plat. Comme le disait Nathan, il utilise trois côtés égaux. Dans le cas de cette classe, nous montrons un haut, une gauche et une droite. Vous pouvez réellement étendre ce dessin à ce que vous voulez. Donc, nous allons créer un bloc de ville pour cet exemple, mais ce bloc peut être multiplié en ville entière à la fin. Récemment, nous avons utilisé le design isométrique pour réaliser quelque chose d'aussi grand qu'une murale. Dans ce cas, Il était super utile parce que nous n'avons pas de points de fuite ou ce point focal. On peut vraiment bouger les choses au besoin. Ainsi, le style isométrique devient très modulaire et il est très facile de déplacer les choses. Alors qu'avec le rendu 3D traditionnel, vous seriez un peu plus enfermé dans les angles et le placement. Nous avons utilisé la conception isométrique sur plusieurs projets de différentes manières. cool dans ce style actuel est qu' il peut être utilisé sur quelque chose de très petit comme une canette de bière, ou il peut être utilisé sur une fresque de 40 pieds comme nous avons créé à la Brasserie Almanac. Une autre chose cool est que, il n'a pas besoin d'être désigné uniquement pour des paysages ou des villes. En fait, il peut être utilisé pour de petits objets, il peut être utilisé pour la typographie et ainsi de suite. Vous avez peut-être vu ce style dans non seulement SimCity, mais des choses plus contemporaines comme, l'introduction à la Silicon Valley, aussi le jeu appelé Monument Valley. Une bonne chose à propos de l'illustration isométrique est que, à partir des blocs de construction, vous pouvez réellement obtenir un certain nombre de styles et d'apparences différents. Dans notre cas, nous avons fait des choses comme la murale almanaque qui était très colorée. Nous avons également fait une version qui utilise des contours et est beaucoup plus monochromatique. Au-delà de cela, il y a beaucoup d'exemples de combinaison de traits et de remplissages, ou simplement de contours pour obtenir un look particulier. Vous pouvez également incorporer de la texture, des choses comme des dégradés. Fondamentalement, tout ce que vous appliqueriez à votre style personnel, peut être appliqué au monde de la conception isométrique. À la fin de ce cours, nous allons avoir une illustration 3D assez complexe. Mais tout commence par des étapes très simples. La première étape consiste simplement à planifier ce que vous voulez faire, et nous avons fourni un modèle d'esquisse pour vous permettre de créer une esquisse et un plan. Après cela, l'étape suivante consiste simplement à créer une grille, et nous allons vous montrer un processus facile étape par étape de la façon de créer cela. La grille isométrique peut être utilisée comme filet de sécurité tout au long du processus de conception. À partir de là, nous allons parcourir étape par étape les outils que nous utilisons pour construire des illustrations isométriques, et aussi vous montrer de vrais exemples clients de la façon dont nous les avons utilisés et travailler avec notre client en cours de route pour construire la version finale produit. Dans ce cours, nous allons vous montrer comment créer des choses très basiques que vous verrez dans une ville. Donc, dans cet exemple, il s'agit en fait de trois bâtiments, d'un littoral, et de quelques objets, y compris un phare, une voiture et un bateau. Ce sont des choses de base que vous pouvez ajouter à une ville, mais n'hésitez pas à faire tout ce que vous voulez en utilisant un style isométrique. Si vous avez besoin d'inspiration pour créer un objet très spécifique, commencez simplement à le googler. Pour nous, nous ne savions pas faire une voiture à partir de zéro, nous avons réellement tapé « voiture isométrique « , et nous avons juste regardé des exemples qui sont dans le monde, et c'est une bonne façon de commencer. Maintenant, pour commencer, nous allons sauter dans le croquis et la planification. 3. Planification et ébauche: Donc, pour commencer la phase de planification et d'esquisse, nous voulions d'abord aborder les types d'objets et de sujets qui fonctionnent le mieux pour l'illustration isométrique. Des choses qui sont géométriques pour commencer, comme un bâtiment qui commence essentiellement comme un cube. Tout ce qui est en quelque sorte rectangulaire ou angulaire va être la chose la plus facile à commencer. Une fois que vous commencez à entrer dans des formes plus organiques comme les collines, les montagnes, c'est un peu plus difficile parce que la façon dont vous voulez le traiter dans votre propre illustration devient plus subjective . Les projets qui fonctionnent particulièrement bien pour illustration isométrique sont tout comme un rendu architectural, un plan d'étage, une carte, tout ce que vous voulez voir une vue d'ensemble. Une autre considération importante est de réfléchir à votre demande finale. Certains des projets dont nous parlons aujourd'hui sont des choses comme une fresque qui a une énorme échelle à elle, d'autres choses petites comme un objet qui passe à une boîte. Il est important de commencer à réfléchir à la façon dont cela va être utilisé, et la phase d'esquisse vous aidera à déterminer où placer les choses et comment cela va s'appliquer à votre projet final. Donc, notre objectif pour cette classe est de créer un bloc de ville simple, et cela inclura tout ce que vous voulez. Il pourrait s'agir de bâtiments, d'objets, d'une scène qui montre de l'eau. Pour nos besoins, nous allons essayer de montrer autant de variété possible afin que vous ayez beaucoup à travailler. Mais pour commencer, nous avons fait un modèle que vous pouvez utiliser qui a déjà comme un système de grille afin qu'il soit facile d'esquisser cela. Donc, vous pouvez voir avec ce morceau de papier, il y a des lignes très faibles qui vont dans des angles très spécifiques, et ce sont les angles isométriques. Je vais juste te montrer à quoi ça ressemble. Je vais juste dessiner un cube simple en utilisant ces lignes réelles. C' est un cube isométrique. Maintenant quelque chose comme ça peut être utilisé de beaucoup de façons différentes. Évidemment, une application facile est de transformer cela en un bâtiment. C' est déjà fondamentalement un bâtiment parce que c'est une boîte. Ce que nous allons faire en fait, c'est personnaliser à partir de là, et utiliser ce système de grille pour créer réellement ce que nous voulons. Donc, pour mon premier objet va être comme un grand bâtiment. Donc, évidemment, c'est un peu plus court. Donc, je vais juste effacer un peu et commencer à personnaliser. Donc, par exemple, je peux aller aussi grand que je veux. Disons que je veux un immeuble aussi grand. Donc, c'est un peu plus comme un gratte-ciel. Si nous voulons personnaliser à partir de là, nous pourrions même en faire une forme différente d'un cube. Donc, par exemple, disons que je voulais réduire un peu, et qu'il soit un peu plus petit en haut. Je peux aller de l'avant et jouer avec l'épuisement d'un peu de ce que j'ai réellement créé, et utiliser ce haut qui est maintenant plus petit que sa base comme un moyen de dessiner. Donc, c'est à ça que ça ressemble. Une chose à garder à l'esprit est qu'il est très utile d'avoir une règle dans cette situation parce que vous voulez avoir toutes vos lignes droites. Donc, je vais juste aller point à point et commencer à jouer avec l'apparence des choses. A un peu plus d'un look de tour de la liberté. Donc, maintenant vous avez quelque chose qui a commencé comme un cube, mais maintenant est évidemment plus d'un bâtiment et un bâtiment très personnalisé. Donc, à partir de là, il suffit de dessiner votre premier objet. Cela vous aidera à dicter comment ce bloc de ville va fonctionner. Une chose dont il est important de se souvenir à propos de l'édifice de la ville, c'est le réseau routier. Donc, je vais aller de l'avant et juste commencer à tracer des routes. Donc il y a une route juste en face. Pour rendre les choses intéressantes, je vais juste dessiner une rue transversale. D' accord. Donc, à partir de là, ajoutons quelques détails. Ajoutons un peu de marche latérale, le même angle, et décidons de ce qui va faire autour de ça. Donc, évidemment, nous avons un peu de surface ici pour plus de bâtiments. Commençons à dessiner un autre cube pour planifier quelque chose ici. Peut-être lui donner un peu plus de place pour respirer ici. Peut-être qu'au lieu d'un cube parfait, je le fais un peu plus long qu'il ne l'est. Quelque chose comme ça. Tu peux juste l'envelopper pour l'instant. Évidemment, vous allez faire beaucoup d'effacement aussi, alors assurez-vous d'avoir une gomme décente. Donc, ce que je vais faire est maintenant supprimer les choses qui sont derrière ce bâtiment. Ceci est utile de noter à ce stade du processus que vos objets vont se chevaucher. Donc, la capacité de savoir maintenant ce qui va être caché peut fournir beaucoup d'efficacités au fil du temps, que vous n'avez pas à dessiner des choses qui finiront par être couvertes de toute façon. Donc, je vais juste continuer à faire des formes basiques. Devenons un peu plus complexe avec ce prochain, et essayons de nous défier un peu autre que d'utiliser juste un cube parfait. Donc, en fait, je vais commencer par un cube, comme je le ferais normalement. Mais construisons pour qu'il ait plus d'une façade intéressante. Donc, je vais en fait faire plus comme deux niveaux. Je vais essayer d'arrondir son sommet. Tu n'as pas besoin d'être parfait. Mais vous voulez juste essayer d'autres choses que les lignes droites, et juste voir si ça a l'air bien. Donc, ce bâtiment est un peu plus unique que les deux premiers. Je vais juste commencer à effacer les choses qui sont derrière elle et ainsi de suite, juste le polir d'ici. Donc fondamentalement, j'ai trois formes de construction rugueuses. Je vais aller de l'avant et commencer à jouer avec ce qui se passe dans cette partie de la ville. Si je construisais juste plus de bâtiments, je commencerais à me couvrir, je viens d'illustrer là. Donc, pour montrer autant que possible, je vais en fait rendre cette partie plus comme un littoral. Vous pouvez voir cette technique appliquée dans quelque chose comme le miroir que nous avons fait cela, nous essayons généralement de superposer la composition avec des objets plus grands en arrière-plan, des objets plus courts au premier plan, et cela ouvre les choses à être capable de tout voir, plutôt que de couvrir de petits détails que vous pourriez perdre autrement, selon la façon dont vous posez votre composition. J' utilise juste des lignes droites pour dessiner cela pour l'instant, mais évidemment ce n'est pas comme un littoral. Donc, une fois que vous avez ces zones rugueuses dans, vous pouvez aller de l'avant et supprimer les coins avec la gomme et commencer à arrondir les choses. Donc, c'est un peu plus organique à ce que tu verrais réellement dans la vraie vie. Donc, le processus d'illustration commence toujours avec quelque chose de très mathématique et droit, mais vous pouvez personnaliser en fonction de cela. Donc, maintenant, j'ai un peu plus d'un flux que nous regardons. Puisque cette zone ici va représenter l'eau, je vais aller de l'avant et juste rude dans un bateau. Une façon de le faire, est juste de dessiner la base du bateau. J' imagine que ce serait plus comme les formes, donc ça pointe à l'avant. Donc, maintenant que j'ai une base pour un bateau, je vais commencer à en faire l'aspect tridimensionnel. Donc, c'est comme construire la base et la rendre un peu plus 3D, et peut-être faire un peu plus de cône, sorte qu'il ait un haut plus long qu'il n'a un fond. Je veux que ce soit aussi un peu d'un bateau plus intéressant pour qu'il ait des couches à elle. Donc, je vais vraiment être rude dans une boîte sur le dessus. Donc, couvrons l'emplacement approximatif de ce à quoi ressemblerait un bateau. Ensuite, il s'agit juste de remplir l'espace à partir de là, donc j'ai un système de grille de tous ces différents objets. Allons-y et filmons peut-être cette zone avec quelques arbres. Ça va commencer par des cercles simples, et je vais juste dessiner sur leurs petites souches. Donc, j'ai juste jeté quelques cercles là pour l'instant. Évidemment, nous allons entrer dans les mathématiques de ces angles isométriques réels ? Est-ce que cela va mathématiquement fonctionner avec ce système de grille réel ? Mais pour l'instant, je veux juste placer dans ce que tu sais. Pour moi, une façon basique de jeter des arbres serait juste un cercle, vous pourriez évidemment les rendre plus grands si vous le voulez ou plus larges, mais ne vous inquiétez pas trop pour les mathématiques à ce stade, les grilles qu'ils sont pour vous aider à disposer les choses. Mais, nous serons en mesure de peaufiner ça une fois que nous l'avons dessiné sur illustrateur. Donc, en continuant à remplir le reste de l'espace, je pense que ce que je vais faire, c'est dessiner une sorte de phare ici. Vous pouvez utiliser le système de grille pour décider de sa base. instant, si je veux que ce soit au centre, je vais juste dessiner une base de l'endroit où je voulais commencer. Pour obtenir un cercle dans cette base, il suffit de le faire du globe oculaire, mais vous ne voulez pas que tous les côtés se touchent. Donc, obtenir ce genre de motion. C' est à quoi ressemblerait un cercle à cet angle. Encore une fois, il n'a pas besoin d'être parfait, mais cela vous aidera à utiliser quelque chose d'aussi cylindrique qu'un phare pour réellement démarrer cette base. Donc, je vais commencer par ça et commencer à construire à partir d'ici. Tout comme le fonctionnement de ce bâtiment, imaginez s'il était arrondi plutôt que ciselé. Donc, à partir d'ici, je vais venir mettre sur sa partie médiane, faire pousser la hauteur du bâtiment réel à partir de là, puis dessiner un autre cercle. Maintenant, vous avez le squelette de ce qu'est un phare. Alors, je vais juste utiliser ma règle pour faire ce cône. Alors, je vais juste finir pour faire le top. Vous pouvez en fait ajouter la balustrade comme ceci. Comme toutes les autres illustrations, je vais juste commencer à effacer les choses qui sont derrière elle pour que nous puissions réellement voir une vraie hiérarchie de ce qui est devant et de ce qui est derrière. Enfin, il semble qu'il y ait de l'espace sur la route ici, ce serait probablement intelligent de montrer une sorte d'activités, donc je vais en fait dessiner une voiture. Même chose, je vais commencer par une base en utilisant le travail de ligne qui est fourni. Ensuite, la même chose en utilisant le travail de ligne qui va dans l'autre direction. Fondamentalement, imaginez un rectangle juste posé à plat. Donc, c'est à peu près comme à la base d'une voiture ressemblerait ou l'ombre d'une voiture, et puis je vais juste construire à partir de là. Donc, en soulevant les lignes verticales, donnant un peu plus de tridimensionnalité comme une boîte, et en voyant ce que je peux faire pour rendre le haut de la voiture un peu plus grand que sa base réelle. Donc, c'est comme un moyen rapide et facile de dessiner quelque chose de vraiment rugueux, mais vous pouvez commencer à voir un reste de ce à quoi ressemblerait une voiture à cet angle. Une chose à noter ici est que, construisant ces exemples, nous ne nous inquiétons pas trop de la taille réelle d'une voiture par rapport à un bâtiment, par rapport à un phare. Mais, si vous alliez utiliser illustration isométrique pour construire une carte, un plan d'étage, ou quelque chose que vous voulez vraiment qu'il soit à l'échelle, une bonne chose à propos de ce système de grille, est que vous pouvez utiliser cette grille pour appliquer une échelle. Donc, disons qu'un carré sur la grille est un carré d'un pied par un pied ou de 10 par 10 pieds. Il y a des moyens que vous pouvez utiliser ceci pour obtenir quelque chose de très précis. D' accord. Donc, c'est les premières étapes pour faire descendre votre croquis, tout est sur la planification. Donc, j'ai en gros un filaire de tous mes bâtiments. Maintenant, la prochaine chose à penser est à la fois le détail et l'ombrage ou l'éclairage. Je vais vraiment commencer à dessiner dans quelques détails juste pour avoir une idée de ce que les choses ressembleraient. Donc, pour ce bâtiment, je veux évidemment des fenêtres. Je vais essayer de faire des fenêtres sur tous les bâtiments, mais les faire de manière légèrement différente juste pour lui donner plus de variété. Donc, pour ce bâtiment, je vais juste faire des lignes horizontales. La façon dont cela fonctionne est simplement d'utiliser les systèmes de grille réels. Donc, vous pouvez voir avec les lignes qui sont ici, je peux grossir dans ce que cela pourrait ressembler. Mais, je peux être plus précis avec elle en utilisant ma règle et en regardant la grille le plus près possible. Donc, je vais juste aller de l'avant et dessiner ces lignes. D'accord. Donc, maintenant que j'ai un plan général pour les fenêtres de ce bâtiment, je vais aller de l'avant et ajouter les fenêtres pour celui-ci, mais faisons quelque chose de légèrement différent. Au lieu de faire juste des lignes horizontales, je vais en fait faire plus comme des fenêtres arquées, fenêtres typiques que vous verriez dans une vraie ville. Donc, je vais finir ce bâtiment qui est notre bâtiment le plus complexe. Je vais juste faire quelques fenêtres à l'avant. Mais je veux que cet arc ait en fait plus d'une très grande fenêtre intéressante. Donc, je vais vraiment trouver que c'est à mi-chemin. Ensuite, en utilisant les lignes réelles dans la grille, construisez les fenêtres comme ça. Allons de l'avant et donnons-lui plus d'un périmètre, donc ça ne va pas bouger tout ici. Maintenant que Dan a fini de créer le squelette de notre illustration, une chose que nous devons considérer est la source de lumière et ombre et comment nous voulons que cela joue un rôle dans l'illustration finale. Donc, pour y jeter un coup d'oeil, nous allons faire une démonstration rapide pour voir comment la source de lumière pour un projet comme celui-ci est peut-être un peu plus compliquée que de traiter une illustration plate. 4. Déterminer votre source de lumière: Donc, pour comprendre comment la source de lumière et l'ombrage vont fonctionner dans notre illustration, regardons un exemple réel de la façon dont la lumière affecte réellement un cube. Donc, nous avons ce cube ici, et je vais lui appliquer une source de lumière, et nous pouvons immédiatement voir quelques choses. La surface que la lumière frappe le plus directement crée un point culminant, notre surface la plus brillante. Nous avons aussi un ton médian, nous voyons les lumières frapper cette surface un peu moins. Ensuite, ici, la zone la plus cachée de notre source lumineuse est notre ombre la plus sombre. En outre, nous pouvons également voir qu'il y a aussi une ombre projetée sur la surface par l'objet. Donc, ici, c'est tout ce que nous devons savoir pour créer un éclairage et un ombrage réalistes dans notre illustration. Ce que nous voulons garder à l'esprit une fois que vous arrivez à la scène vectorielle et que vous commencez à choisir des couleurs, c'est de penser aux couleurs en groupes de trois, au point culminant, au ton moyen et à l'ombre. Nous pouvons également regarder le fait de si nous voulons changer un peu notre source lumineuse. Lorsque je déplace la source de lumière autour de l'objet, nous pouvons voir l'ombre se déplacer, et quelle surface a la couleur de surbrillance la plus brillante peut également changer. Donc, c'est vraiment à vous de décider où vous voulez que votre source de lumière soit, et comment vous voulez qu'elle réagisse. Mais sachez que vous aurez toujours affaire à ces trois surfaces ainsi qu'à l'ombre, et vous serez prêt à y aller. Donc, maintenant que nous avons examiné comment l'éclairage affecte un objet dans le monde réel, nous pouvons maintenant regarder comment cette technique d'éclairage peut être appliquée à notre esquisse, et éventuellement à notre illustration. Donc, pour recréer ce que nous venons de voir, je vais juste dessiner un cube très rapidement juste pour avoir une réplication de cette source de lumière réelle. Donc, j'utilise juste la grille ici, et nous avons décidé que la source de lumière allait venir de la gauche ici. Donc, je vais juste faire une petite icône de soleil comme rappel, et c'est directement ajouter de la lumière à ce côté du cube. Donc, ce que cela signifie, c'est que de ce côté du cube, nous avons une ombre. Mais comme il est plus brillant sur le dessus que sur le côté, un ton médian va être plus comme ça. Donc, vous pouvez voir que nous avons quelque chose en trois dimensions qui se passe. Une chose si vous voulez vraiment devenir plus complexe avec ce style est de penser aux ombres qui vont être lame sur la surface réelle. Donc, disons que ce cube réel était assis sur une surface réelle, nous voulons jamais que l'ombre provenant de cette source lumineuse soit représentée derrière elle. Donc, je vais juste utiliser la grille isométrique réelle pour créer une ombre. Donc, maintenant nous avons fondamentalement ce qui ressemble à un cube en trois dimensions.Ceci est en utilisant un couple de formes civiles et ont juste quelques couleurs. Donc, je vais aller de l'avant et appliquer cette technique au reste de l'illustration. Ce processus commencera également à nous montrer comment les ombres vont interagir avec les différents objets de l'illustration, voir si nous commençons à obtenir des interactions étranges ou décider si vous voulez que votre source lumineuse provienne d'une direction différente nous avons choisi en haut à gauche ici. Mais vous pouvez décider que vous voulez d'autres éléments soient allumés plus brillamment selon ce que vous faites. Donc, quoi que vous choisissiez d'être votre source de lumière. Nous vous recommandons de dessiner un peu de soleil ou de lumière quelque part sur votre page, et ce sera toujours ce rappel pour vous assurer que tout l'éclairage est cohérent, et cela vous donnera le look le plus réaliste. Passons à des objets plus complexes comme cette maison lumineuse et ces arbres, c'est un peu plus compliqué, et nous allons vous montrer comment le faire aussi précisément que possible dans l'illustration vectorielle. Mais typiquement avec une sphère, vous voulez réellement un cercle pour représenter le point culminant, puis le reste de l'ombre. Donc, je vais juste ruiner ça dedans, et c'est comme ça que vous montreriez une source de lumière sur quelque chose comme sphérique, comme un arbre réel. Donc, c'est un bon point pour regarder tous les objets de votre dessin, et juste penser à ce qui va réellement jeter une ombre et quels objets n'ont pas besoin de jeter une ombre. Donc, quelque chose comme cette voiture, il est probablement logique de jeter une ombre en fonction des couleurs que nous allons choisir. Quelque chose comme cet énorme bâtiment ici va jeter une énorme ombre, et il serait occupé toute cette zone. Mais ça n'affecte pas vraiment les bâtiments ici parce que ça va vraiment montrer de l'ombre ici. Donc, je ne vais pas vraiment m'inquiéter de certains objets, juste basé sur la façon dont ça va ressembler esthétiquement. Tout ce processus est une bataille entre les mathématiques et l'esthétique. Donc, nous commençons généralement par les mathématiques, et nous finissons par nous assurer que cela semble aussi bon que possible. Ensuite, en passant à tous les autres objets que je peux voir ici, je vais ajouter une ombre à ce bateau par exemple. Au-delà de faire des choix d'ombrage basés sur la source de lumière, vous voulez également penser à l'ombrage en termes de contenu. Quelque chose va être plus sombre que d'autres, pas basé sur la source de lumière, mais juste basé sur ce que c'est. Donc, évidemment, un océan va être plus sombre que le sable. Donc, je vais aller de l'avant et juste de l'ombre dans l'océan ici, et cela nous donnera une indication de la couleur qui doit être quand nous apporterons ceci dans notre fichier Illustrator. Pour parler de l'application pratique de la façon dont nous utilisons ces croquis, nous commençons généralement par ce que vous venez de voir. Nous envisagerions plus d'un croquis de vignettes brutes internes. Fondamentalement, une preuve de concept pour Dan et moi de voir que quelque chose fonctionne si nous voulons apporter des changements. Mais alors nous allons aller de l'avant et faire une version plus raffinée du croquis, et c'est ce qui finit par aller à un client si nous les mettons en boucle dans le processus, afin qu'ils puissent avoir une idée de la direction du projet, et obtenir leurs commentaires dès que possible. Une autre chose peut parfois faire comme dans le cas de la fresque, c'est de prendre ce croquis et de le cartographier sur la surface physique, sorte qu'ils puissent même avoir une idée de ce que cet art pourrait ressembler dans le contexte. Ensuite, nous allons prendre votre croquis dans l'ordinateur et vous montrer comment créer votre propre grille, de sorte que vous pouvez maintenant traduire en illustration vectorielle et avoir des lignes directrices au fur et à mesure du processus d'illustration. 5. Créer sa grille: Ainsi, la première étape pour créer votre illustration isométrique consiste à créer une grille de lignes directrices. Ce qui est différent dans l'illustration isométrique c'est que les lignes directrices doivent être un angle spécifique. Donc, je vais vous montrer comment faire ça sur l'ordinateur maintenant. Donc, la première étape consiste à aller dans votre zone de forme et sélectionnez simplement « Polygone », et allez-y et dessinez-le n'importe où sur votre planche. Vous allez vouloir faire pivoter le polygone de sorte qu'il soit à 90 degrés par rapport à ce que vous avez créé. Donc, en fait, ça va être comme ça. Une façon de le faire est simplement de maintenir « Shift » enfoncé évidemment. Donc, maintenant vous obtenez des points sur le haut et le bas. Ce que nous allons faire, c'est simplement se transformer en un plan à la place. Je vais aller de l'avant et rendre ça un peu plus épais. L' étape suivante sera de saisir un «  outil de segment de ligne  » et vous allez réellement le connecter à tous ces coins différents pour créer une grille. Maintenant, une chose que vous voulez vraiment vous assurer avant de commencer dans tout cela, est que vous avez votre « Snap to Point » sélectionné sous « Affichage », mais aussi vos «  Snap to Pixel » et « Snap to Grid » désactivés. Si vous avez désactivé « Snap to Grid » et « Snap to Pixel », vous n'aurez aucun problème d'alignement. Mais si vous les avez allumés, alors ils vont en fait forcer votre main à aimer magnétiser des zones que vous ne voulez pas. Donc, ce que je vais faire, c'est garder ça et avoir « Snap to Point » sur. Tu peux voir ce qui se passe une fois que je me déplace au-dessus de ces coins. Une autre chose si vous ne l'utilisez pas, avez « Smart Guides » sur. Cela vous permettra de voir ces petites icônes apparaître. Donc, ce n'est que quelques réglages rapides pour vous assurer que vous pouvez le faire aussi précisément que possible. Donc, je vais juste prendre cet outil « Line Segment Tool » et l'attraper d'un coin à l'autre et créer le début d'une grille. Donc, vous devriez finir avec quelque chose comme ça et juste vérifier et assurez-vous que toutes vos connexions vont réellement à ces coins. Donc, une chose que je vais faire est que je vais tout attraper, je vais juste le regrouper très rapidement donc c'est une forme, donc je peux juste le déplacer. Mais pour transformer cela en une grille réelle, vous allez réellement saisir la forme et maintenir « Option » et « Maj » enfoncés en même temps, et juste faire défiler vers la droite. Vous pouvez voir ce qui se passe, c'est qu'il s' aligne et s'accroche à la forme que vous venez de créer. Donc, maintenant vous créez une grille en répétant simplement la forme. Vous pouvez faire la même chose en le prenant et en le déplaçant également vers le bas. Donc, c'est ce qu'est une grille isométrique et en fait ce qui va se passer à ce stade est, il va juste se répéter encore et encore. Une façon de vous assurer que vous pouvez réellement faire cela plus rapidement est simplement commencer par faire deux, puis de se répéter encore et encore, et vous allez devoir devenir de plus en plus petit. Donc, je vais faire est de commencer ce coin ici à mon tableau d'art et en fait aligner ça jusqu'à lui. C' est un peu le début de la taille qu'il peut obtenir. Donc vous pouvez voir si je prends ces deux-là, je fais défiler, je le double et c'est un processus exponentiel où chaque fois que vous le faites, prenez toute la sélection, vous passez de deux à huit à seize et ainsi de suite. Bon, maintenant nous avons tout rempli. Je vais aller de l'avant et supprimer ce dont je n'ai pas besoin en bas ici, et nous avons une grille. Maintenant, l'étape suivante consiste à transformer tout cela en une ligne directrice que vous pouvez utiliser. Ce que vous pouvez faire est de tout saisir et ensuite aller à « Commande+ 5" et puis maintenant tout est tourné vers une grille qui est réellement utilisée comme guide. Donc, c'est maintenant quelque chose que je peux utiliser et dessiner sur le dessus de et tout va s'accrocher au point et pas en fait des formes plus. Si vous ne voulez pas passer par ce processus de création de votre propre grille comme celle-ci, nous avons en fait un fichier prêt à télécharger. C' est exactement ce que nous avons fait ici. Donc, maintenant que nous avons une grille en place, c'est là que nous allons commencer à dessiner dessus et à créer nos illustrations. Donc, l'étape suivante est de parler de la couleur, de l'éclairage, et de la façon dont il va ressembler comme un style général avant d'entrer dans la vraie illustration. 6. Choix du style et de la couleur: Donc, maintenant que nous avons déménagé dans l'ordinateur, la prochaine partie de notre processus va être de décider comment nous voulons que notre illustration vectorielle réelle ressemble, y compris les décisions de couleur et de style. Comme nous l'avons discuté lors de la démonstration d'éclairage, nous allons avoir un point culminant, un ton moyen et une ombre. Comme vous pouvez le voir ici, Dan commence à construire une palette de couleurs que nous allons utiliser pour cette illustration particulière. Pour votre propre projet, vous voulez considérer le nombre de couleurs que vous voulez utiliser si vous allez d'un aspect plus monochromatique, sans lignes, ou peut-être un style d'illustration très coloré, mais pour cet exemple pour la classe, nous allons montrer comment vous pouvez utiliser palette de couleurs minimale pour obtenir encore une bonne quantité de couleur dans la gamme, puis vous serez en mesure de construire à partir de cela pour votre propre projet en fonction de votre look désiré. D' accord. Donc, maintenant que nous avons une grille en place, j'ai déjà préparé quelques couleurs ici pour travailler avec, et je vais activer ma grille en m'assurant que les guides sont activés. Une commande pour cela est, commande point-virgule. Donc, maintenant vous pouvez voir tous ces petits triangles que nous avons créés, et c'est essentiellement comme ça que vous créeriez votre première pièce d'illustration. Pour vraiment parler de couleur, nous allons juste commencer avec un cube. Je vais aller de l'avant et prendre mon outil de stylo, et je vais juste commencer à construire à l'intérieur de cette grille, et en fait créer une forme. Maintenant, il est blanc, laisse-moi aller et change-le pour une couleur. La prochaine, je vais créer une autre façade. Allons de l'avant et changeons cette couleur, et enfin nous avons ce haut et vous pouvez voir où ça va. En gros, on finit juste une illustration de cube. Donc, vous pouvez voir que j'ai fait mes trois façades, et je vais aller de l'avant et changer la couleur ici. Donc, je vais aller de l'avant et éteindre ma grille et juste vérifier à quoi ressemble ce cube. Donc, vous pouvez voir qu'il a déjà un peu d'aspect tridimensionnel, mais, discutons vraiment de l'éclairage à ce sujet, et comment nous pouvons le faire paraître aussi tridimensionnel que possible. Donc, maintenant si je devais décider que ma source de lumière est, disons, et juste dessiner le soleil ici par exemple. Donc, ça descend de ce côté gauche, comme nous l'avons déjà vu dans notre démo que le sommet sera le plus léger. Donc, je vais aller de l'avant et rendre ce bleu, et je vais faire de ce côté ici plus sur mon ton moyen, et je vais rendre ce côté plus mon ombre. Donc, maintenant nous avons un cube bleu qui semble tridimensionnel basé sur notre décision de faire la source de lumière de ce côté. Maintenant, une chose que nous voulions aussi considérer est l'ombre qu'elle crée. Donc, je vais réellement créer, en utilisant la même grille une forme juste ici. Maintenant, nous avons un cube et qui semble que le soleil est rayonnant sur le côté gauche et il a été créé avec seulement quatre formes simples. Donc, une chose à considérer lors de la création de votre palette de couleurs est de vous donner autant de liberté que possible. Donc, vous pouvez voir ici en utilisant un fond blanc. Nous n'utilisons que quatre couleurs. Mais la raison pour laquelle nous avons choisi plus de couleurs que cela est parce que ce qui se passerait si cela devait être illustré sur un autre fond. Disons que cette fois, ce sera la même couleur que cette couleur ici. Vous pouvez toujours voir le cube mais évidemment, nous avons quelques problèmes avec la façon dont il disparaît dans le processus. Donc, ce que nous allons faire est de voir à quoi ça ressemble en utilisant certaines des couleurs plus claires des gris et des blancs. Cela nous donne suffisamment de raisons d'avoir ces nombreuses couleurs et montrer que nous avons la polyvalence et évidemment, plus vous avez d'options, plus vous aurez de polyvalence dans le processus de conception. Donc, si vous voulez vous défier, vous pouvez limiter vos couleurs, mais je dirais que n'importe où entre cinq et six est un bon nombre sûr. Quand il s'agit de prendre des décisions sur votre palette de couleurs, gardez à l'esprit que vous allez avoir un surlignement, vous allez avoir un ton médian, et vous allez avoir une ombre sur un cube comme celui-ci. Votre ton moyen est comme la famille des couleurs, et ce qui va se passer avec le point culminant et l'ombre, c'est que ceux-ci sont essentiellement soit plus clairs ou plus foncés. Donc, c'est vraiment à vous de décider comment vous voulez faire ça. Vous pouvez le changer en changeant la transparence pour voir ce à quoi ressemble à 50 pour cent, vous pouvez le changer en faisant cela multiplié sur lui-même. Mais c'est plus un processus visuel. Donc, pour l'instant, nous avons fait ça plus comme les 50 pour cent, c'est comme un 25 pour cent, et ensuite c'est comme un 100 pour cent, ou peut-être 75 pour cent. Mais vous voulez un accroissement de pas qu'ils aient l'impression qu'ils ont assez de contraste les uns des autres, et qu'ils aient l'impression qu'ils font encore partie de la même famille. Nous avons choisi Blue pour nos besoins. C' est en fait une palette de couleurs très similaire à un design d'emballage que nous avons fait pour Almanac. Mais n'hésitez pas à utiliser toutes les couleurs que vous voulez. Vous pouvez utiliser tout un monde de couleurs, vous pouvez le garder monochromatique comme nous l'avons fait. C' est vraiment à vous et le style que vous voulez, et si c'est pour un client, c'est vraiment pour le projet client, et ce devrait être ainsi que vous dictez vos choix de couleurs. Donc, sur le thème du travail client, nous avons récemment fait quelques projets isométriques pour Almanac Beer Company, et bien qu'ils soient à la fois des projets isométriques stylistiquement et de couleur, ils sont assez différents. Donc, juste pour expliquer pourquoi nous avons pris les décisions que nous avons prises. La première fresque que que nous avons faite pour eux est allé là-bas dans la salle du robinet de San Francisco, qui est un espace assez petit, et ils voulaient avoir une fresque mais, ils ne voulaient pas que la murale dépasse complètement l'espace. Donc, ce que nous avons fait, c'est que nous avons utilisé une palette très limitée de seulement trois couleurs. Une partie de la façon dont nous avons pu le faire est d'utiliser les contours. Ainsi, les contours nous donnent la possibilité de définir des choses dans la même gamme de couleurs plutôt que d'avoir à utiliser des couleurs unies partout. Donc, c'est une considération que vous pourriez vouloir avoir dans votre propre travail, puis en ce qui concerne la sélection des couleurs, nous avons utilisé des couleurs qui étaient toutes dans l'espace. Donc, il se sentait vraiment complémentaire et mélangé, et ne se sentait pas vraiment trop dans votre visage. Contrairement à cela, nous avons fait une fresque isométrique pour leur nouvelle brasserie qui est un gigantesque espace d'entrepôt, entièrement rempli de bois. Donc, pour cela, notre mémoire était essentiellement de créer une illustration qui serait saturée avec beaucoup de couleurs, et vraiment sortir et contraste bien avec tout le bois. Donc, vous pouvez voir ici dans ce cas, nous n'avons pas vraiment besoin d'utiliser des traits autant parce que nous avions une palette de couleurs beaucoup plus grande à notre disposition. Je pense que nous avons utilisé plus de 16 couleurs différentes dans cette fresque mais, utilisant les mêmes étapes que nous allons utiliser dans cette classe pour chaque couleur de cette fresque, elle avait un point culminant, un ton moyen et une ombre. Nous avons également utilisé quelques nuances différentes de gris, et les avons tous travaillé ensemble saturation similaire. Donc, tout se sentait comme une famille, et quand il a été placé dans l'environnement réel, il s'est vraiment démarqué contre l'environnement chaleureux. Juste pour résumer ce que Nathan a dit sur les coups et les remplissages. En un mot, avoir seulement des remplissages comme votre style, nécessitera d'utiliser plus de couleurs parce que tout est collé les uns contre les autres. Mais revenons à notre autre problème où, que se passe-t-il si nous changeons la couleur de l'arrière-plan, et nous ne voulons pas que cette chose disparaisse. Cela pourrait complètement être juste d'avoir le bon coup, et vous pouvez le voir, maintenant vous pouvez réellement le voir en utilisant des traits. Donc, dans ce cas, nous n'avons pas besoin d'utiliser les blancs ou les gris. En fait, nous utilisons moins de couleurs, mais les traits vous permettent de montrer la division des couleurs car elles sont séparées par une ligne. Pour ce qui est de faire entrer le client dans le processus, la sélection des couleurs est vraiment une collaboration entre nous en faisant quelques recommandations, et dans certains cas le sujet dicte. Par exemple, avec la murale de la brasserie, étant beaucoup sur la baie de San Francisco, nous savions que l'eau allait être très centrale à cela, et nous savions aussi qu'une couleur bleue comme cette eau cyan, serait une belle couleur gratuite à tous les tons orange chauds du bois dans l'espace. Donc, nous avons fait cette recommandation à notre client, ils ont aimé cette idée alors, nous avons couru avec elle. Mais dans certains cas, leur image de marque peut également entrer en ligne de compte avec les couleurs. Donc, il s'agit certainement d'un effort de collaboration entre nos recommandations basé sur la tentative d' atteindre ce qu'ils recherchent avec n'importe quel projet particulier. Donc, en ce moment, nous avons en fait notre palette de couleurs plus ou moins décidée, mais ce sont toutes des couleurs globales, ce qui signifie que, nous pourrions les changer à la volée. Donc, disons que nous voulons créer une nouvelle palette ici, et que vous commencez ce processus à partir de zéro. Disons que l'arrière-plan est plus une couleur comme celle-ci. Passons à travers le spectre d'obtenir plus d'un schéma brun monochromatique par exemple. Vous n'avez pas besoin d'être super confiant avec elle au début parce que la chose cool à propos couleurs globales est que vous pouvez les changer à la volée. Mais pour créer ces couleurs globales, tout ce que vous avez à faire est de sélectionner tout, puis d'aller dans un nouveau groupe de couleurs dans votre zone de nuance, et de dire simplement, « Sélectionnez une illustration, convertissez un processus en global », et vous sera en fait capable de créer un dossier avec toutes ces couleurs. Donc, une fois que vous avez ces sélectionnés et que vous avez réellement un ensemble de couleurs globales. Donnons juste un exemple ressemblerait à si cet ensemble de couleurs était partout dans votre fichier. Cela représenterait l'illustration déjà en place. C' est là que vous pouvez double-cliquer et changer votre fichier, vos couleurs à la volée. Donc, je vais aller de l'avant et double-cliquer sur une nuance, maintenir l'aperçu enfoncé, et juste changer tout en magenta, et tout d'un coup en répétant simplement ce processus à travers chaque nuance, nous pouvons à la volée changer les choses au fur et à mesure que nous allons. Ne vous inquiétez pas des choix de couleurs que vous faites en ce moment. Tu n'as pas besoin d'être marié avec eux. Fondamentalement, la chose cool à propos des couleurs globales est que vous pouvez les changer à la volée, et si vous voulez les changer à un ensemble complètement différent, vous pouvez le faire plus tard simplement en cliquant dans la zone de la palette. Donc, à ce stade, nous aimerions que vous créez votre propre palette de couleurs. Assurez-vous que vous avez autant de couleurs que nous utilisons ici afin que vous ayez beaucoup d'options, et l'autre chose est de vous assurer qu'ils ont une belle variation incrémentielle entre chaque couleur afin que vous puissiez voir clairement comment la source de lumière affecterait un objet. À partir de là, Dan va prendre le relais et vous montrer les différents outils que nous utilisons pour créer le style d'illustration dans Illustrator. 7. Personnalisation des objets isométriques: D' accord. Donc, maintenant, nous allons sauter dans l'illustration. Tout commence vraiment par un simple cube, et nous en avons déjà créé un. Donc, nous allons juste l'utiliser comme base. Mais avant de commencer à dessiner, nous devons apporter notre croquis. Donc, je vais juste vous montrer une technique rapide que nous utilisons pour rendre les choses aussi faciles que possible. Alors, allez-y et créez simplement un nouveau calque. Je vais juste appeler ça croquis. Je vais le mettre en dessous de notre dossier d'art, je veux dire notre couche d'art. Je vais juste changer sa couleur donc c'est un peu différent du rouge que nous avons déjà choisi. Ensuite, nous allons aller de l'avant et dans ce calque réel, placez le croquis. Ça va ressembler à ça. Donc, en ce moment, vous pouvez voir que c'est dans cette couche spécifique et ce que nous allons vouloir faire, c'est retourner sur notre grille et essayer de vraiment l'aligner sur la grille autant que possible. Vous pouvez voir que puisque nous avons utilisé le modèle qui avait effectivement la grille déjà en place, qu'à un moment donné, il s'alignera vraiment bien. J' essaie juste de l'obtenir pour qu'il s'aligne réellement avec ces coins ici. Donc, vous pouvez voir que les bords extérieurs que j'ai dessinés, c'est un bon moyen de s'assurer qu'il s'aligne. Donc, je vais le rendre juste un peu plus grand. Cela prend juste un peu de torsion, mais vous pouvez voir que cela s'aligne vraiment avec la grille ici. Cela vous permettra d'utiliser facilement la grille avec votre croquis. Donc, je vais aller de l'avant et changer sa transparence en quelque chose d'un peu plus bas. Dites, 60 %, donc, ce n'est pas si visible. Je vais le verrouiller et aller de l'avant et éteindre ma grille pour l'instant. Donc, vous pouvez voir comment il est en place. Ce qui va se passer si vous commencez à dessiner sur votre fichier d'art, c'est que vous pouvez voir que je peux juste créer des formes dans notre palais que nous avons créé, et vous êtes juste en train de dessiner dessus, mais vous ne pouvez pas le voir. Donc, pour éviter cela, nous allons réellement cibler cette couche ici, ce petit bouton juste ici. Cliquez dessus, puis cliquez sur multiplier. Maintenant, nous pouvons dessiner sur notre illustration et ne pas avoir à nous soucier de ne pas être en mesure de la voir. D' accord. Donc, la première étape vraiment pour commencer comme je l'ai dit précédemment, est de commencer à utiliser le cube que vous avez déjà créé. Alors, allons de l'avant et attrapons ce cube, groupez-le, et ce sera comme si vous construisiez un bloc littéralement pour créer cette ville entière. Donc, par exemple. Si je devais apporter cela et essayer de l'aligner sur ce bâtiment, vous pouvez voir que je suis presque en train de rendre ce bâtiment complet juste en utilisant exactement le même cube. Évidemment, ce n'est pas la même forme exacte mais nous pouvons personnaliser à partir d'ici. Donc, ce que je vais faire, c'est en fait allumer ma grille et essayer de l'aligner d'abord avec la grille. Donc, en ce moment, si je devais prendre le coin de ça, je peux vraiment l'amener dans le coin de la grille. Vous pouvez voir que la façon dont il s'aligne ici est assez bonne verticalement. Mais vous remarquerez peut-être qu'il ne sera pas aussi grand que le, je suis désolé, ça ne sera pas aussi long que le bâtiment. Si je devais réellement saisir juste ces nœuds en haut ici en utilisant mon outil flèche blanche et en sélectionnant juste le haut, je peux l'amener à ce niveau pour être aussi grand. Mais ce n'est pas tout à fait la même forme. Donc, ce n'est qu'une série d'utiliser soit l'outil lasso ou l'outil flèche blanche pour personnaliser votre cube et en faire exactement ce que vous voulez. Donc, maintenant avoir la bonne hauteur, mais faisons un peu plus profond. Encore une fois, c'est juste attraper le bon noeud. Donc, je vais attraper ce noeud et puis ces deux noeuds. Vous pouvez voir si je devais faire ça, je peux le rendre aussi profond que je veux. Mais utilisez la grille pour vous assurer que vous respectez les règles des travaux de ligne bi-symétrique. Donc, maintenant je vais juste l'amener ici pour qu' en fait je reste avec la grille autant que possible. Alors ce que je vais faire, c'est juste finir ça et le faire de l'autre côté. Donc, maintenant que j'ai les bâtiments principaux en place, je vais utiliser exactement la même technique pour créer ces petites zones supérieures des bâtiments. Vous pouvez créer vos propres directives en plus des directives qui existent déjà. Donc, maintenant je veux avoir ça comme une petite boîte sur le dessus de l'immeuble. Mais je veux aussi m'assurer qu'il a l'air centré sur les bâtiments. Donc, si j'allume ma grille, vous pouvez voir que je ne suis pas parfaitement aligné sur la grille dans cette zone. Toutefois, pour vous assurer que vous êtes aligné sur l'illustration, vous pouvez utiliser vos propres formes pour créer de nouvelles lignes directrices. Je vais aller de l'avant et utiliser cette forme exacte en la dupliquant d'abord. Alors, allez-y et attrapez-le avec l'outil flèche blanche et copiez en place. Donc, vous voulez juste faire la commande C, Commande F. Cela fait en sorte qu'au même endroit exact, vous venez de dupliquer exactement la même forme. Ensuite, à partir de là, je vais maintenir l'option enfoncée et déplacer et réduire sa taille vers le bas pour être centré sur lui-même. Juste pour que vous puissiez voir à quoi ça ressemble, je vais rendre ce bleu. Donc, c'est essentiellement la création d'une empreinte de cette nouvelle forme que vous créez. De là, je peux aller de l'avant et juste construire ce cube rectangulaire unique. Donc, je vais aller de l'avant et transformer cela en une ligne directrice pour moi-même en entrant dans le commandement 5. Vous pouvez voir qu'il est assis là-dedans dans la grille. Donc, c'est un bon point de départ pour prendre le cube que vous avez déjà créé, mettre en place, le mettre en place, et pour être en mesure de le voir, je vais en fait changer la couleur du cube. Alors, allons-y et rendons ce blanc, ce gris, et je vais en faire un bleu plus foncé. Je vais le placer dans cette zone, sorte que je vais prendre un coin et le déposer dans ce guide qu'il a classé. En utilisant les mêmes règles que nous venons de parcourir, je peux réellement entrer dans cette forme réelle et la personnaliser. C' est ainsi que vous feriez un top et coûteriez évidemment le rendre plus long ou plus large, ce que vous voulez. Mais je vais faire la même chose avec cette zone ici. Donc, maintenant que nous avons nos formes principales de ces deux bâtiments en place, je veux planifier la ville un peu plus avant d'entrer dans des formes plus complexes. Donc, je vais juste aller de l'avant et construire ma route.. C' est une bonne occasion pour tout le monde de commencer à tracer sa ville et la route est ce qui dicte où tout est placé. Donc, vous pouvez voir comment j'ai exposé cela dans mon croquis. En fait, je vais allumer la grille pour m'aider à faire la route. Donc, vous voulez que la route soit alignée sur la grille réelle ici. Je vais juste commencer à dessiner et avec l'outil stylo une route simple en utilisant la grille réelle. Allons-y et rendons ça plus sombre. Je veux aussi créer une rue transversale. Évidemment, cette rue transversale est derrière ce bâtiment, mais je veux quand même le dessiner. Donc, je vais aller de l'avant et cacher ce bâtiment pour l'instant en faisant la commande 3, et tracer cette route juste ici. Alors tu peux ramener ton immeuble si tu veux. Mais une chose que je veux vraiment m'assurer est que, vous pouvez voir qu'il y a quelques problèmes d'alignement ici. Je vais juste aller de l'avant et m'assurer que mes bâtiments sont tous regroupés, pour que je puisse le déplacer. Mais il suffit de saisir le coin avec votre outil flèche noire et de le glisser dans ce coin. Vous verrez ce petit petit V à l'envers pour s'assurer qu'ils vont en fait à une tangente. Nous pouvons zoomer et vous pouvez voir que tout est agréable et aligné. Comme dernière étape pour ajouter un peu plus de complexité à cette route, je vais en fait vouloir ajouter un trottoir. Pour ce faire, je vais faire quelques gestes rapides. C' est comme ça que nous gérons habituellement des choses comme les routes. Donc, en gros, je vais attraper ces deux rues. Je vais les unir dans l'outil Pathfinder, donc ils sont une forme. Donc, une fois que vous avez ceci comme une forme, allez-y et ajoutez un trait. Assurez-vous qu'il est aligné de sorte que le trait soit à l'intérieur et non à l'extérieur ou au milieu. Cela vous permettra de cultiver un trottoir dans la rue. Maintenant, vous pouvez voir que ça fonctionne à peu près sauf qu'il crée ces petites zones ici. Il y a deux façons de gérer ça. Vous pouvez soit agrandir et l'avoir dans son propre masque d'écrêtage, soit vous pouvez agrandir la forme entière et personnaliser vous-même. Mais pour l'amour de cette illustration, je vais en fait la rendre plus grande. La façon dont je viens de le faire était en saisissant ces nœuds et en attendant que l'extension de ligne s'aligne réellement avec ce qu'elle fait. Donc, vous pouvez réellement le faire aussi longtemps que vous le voulez. Mais tant que tu auras ce petit point culminant, tu sais que tu vas au bon angle. Donc, je n'ai pas besoin d'avoir la grille pour m'assurer que la rue s'agrandit. J' ai juste besoin d'utiliser l'outil flèche blanche et de m'assurer qu'il s'aligne. Allons et créons une base derrière toute cette ville. Ça va ressembler à un petit quelque chose comme ça. Je travaille un peu aveuglément ici et éteins ma grille. Allons de l'avant et rendons ce gris pour l'instant. Allez-y et utilisez cette forme exacte pour utiliser les choses comme un masque d'écrêtage. Donc, ce que je vais faire, c'est prendre la forme, copier et le mettre en place. Je vais prendre cette route que nous venons de créer, l'envoyer à l'arrière. Donc, c'est derrière la forme que nous venons de créer, puis prenez les deux. Avec le bouton droit de la souris, vous allez pouvoir créer un masque d'écrêtage. De cette façon, il se trouve à l'intérieur de cette forme et les trottoirs passent en fait ce périmètre. Donc, pour cette partie de l'illustration, nous nous concentrons uniquement sur les formes vraiment basiques, tout ce qui peut être créé à l'aide de votre cube préexistant. Donc, cela inclut les gratte-ciels qui prennent juste le cube et les rendent plus grands, vous pouvez également faire un cube comme plus large si vous voulez faire plus d'un entrepôt. Nous avons fait que le cube se transforme en un bâtiment plus conique en saisissant simplement certains nœuds et en les rendant plus petits. C' est aussi une très bonne occasion pour vous de commencer à aménager la ville comme tout ce qui est plat comme la base de toute la ville, les rues ou même le littoral si vous voulez entrer dans cela maintenant. Ensuite, nous allons commencer à créer quelque chose d'un peu plus complexe. Puisque les angles isométriques sont très spécifiques, que faut-il pour prendre quelque chose qui a un bord plus arrondi et le transformer en un angle isométrique ? Nous allons utiliser l'outil de rotation 3D pour le faire. 8. Outils : Rotation, réflexion et fusion 3D: Dans cette leçon, nous allons prendre quelque chose d'un peu plus complexe comme une fenêtre cintrée ou un cercle, et le faire pivoter pour qu'il soit exactement à l'angle isométrique que vous voulez. Il existe un moyen rapide et facile de le faire à l'aide de l'outil de rotation 3D. Donc, par exemple, si je voulais créer ces petites fenêtres arquées dans mon croquis, je peux commencer par faire une fenêtre. Habituellement, comment je ferais cela est en dessinant un rectangle, puis en saisissant les nœuds supérieurs, selon votre version d'Illustrator, vous pourriez avoir des coins arrondis ce qui est l'un des meilleurs outils qu'ils ont ajoutés depuis longtemps. On va juste prendre ça ici, et tu auras un haut arrondi comme ça. Donc, c'est un moyen rapide et facile de faire une fenêtre arquée. Mais, je veux aussi le faire pour qu'il soit à cet angle. Donc, qu'il s'intègre à l'intérieur de ce bâtiment. Évidemment, je ne peux pas les placer parce qu'ils ne seront pas à l'angle isométrique que je veux. Mais, je vais aller de l'avant et saisir cette fenêtre arquée, et je vais sélectionner effet 3D rotation. Une fois que j'ai cette fenêtre ouverte, vous allez aller à l'aperçu, et assurez-vous d'avoir un aperçu de ce que vous êtes sur le point de faire. Donc, vous pouvez voir si j'ai presque presque attrapé ça, ça change vraiment l'angle de cette fenêtre. C' est un moyen rapide et facile d'obtenir un look tridimensionnel d'une seule façade. Mais évidemment, aucun de ces angles n'est ce que nous recherchons. Ce que nous voulons vraiment, c'est un angle isométrique. Heureusement, il y a une position qui est déjà affiliée à cet outil 3D. Vous pouvez utiliser isométrique à gauche, à droite, en haut ou en bas. Puisque c'est sur le côté gauche de mon immeuble, je vais faire isométrique à gauche. vous pouvez voir qu'il s'aligne sur la façade du bâtiment. Donc, je vais aller de l'avant et dire d'accord. Maintenant, vous pouvez prendre cela et vraiment le déplacer n'importe où sur cette façade, et il va être à l'angle droit, vous pouvez utiliser vos guides pour vérifier. Mais vous pouvez voir comment la base de la fenêtre est à cet angle réel que vous recherchez. Donc, maintenant que vous avez cette fenêtre en place, allons de l'avant et élargissons la. Donc, vous voudrez simplement aller à développer l'apparence sous l'objet. Vous pouvez voir que ce n'est pas exactement la couleur que vous vouliez. Il utilise un peu de transparence en arrière-plan plus cette couleur. Afin de faire toute la couleur que vous voulez, allez-y et poussez simplement la fusion sous pathfinder. En ce moment, c'est noir. Je vais aller de l'avant et le changer pour le bleu foncé que nous avons mis dans notre palais. Maintenant, je veux aussi qu'ils soient tous sur la même façade, et je vais juste aller de l'avant et les dupliquer, et ça les met en place. Je fais juste cela en maintenant le bouton d'option enfoncé. Je veux aussi que la zone extérieure ait tout le même alignement. Une façon rapide et facile de le faire est de prendre une fenêtre à l'extérieur du bord de ce bâtiment, et une autre de l'autre côté du bâtiment. Si vous prenez tous ces éléments et que vous allez sur une ligne, et que vous répartiez l'espacement horizontalement, vous pouvez les faire aligner de sorte que l'espacement soit exact de tous les côtés. Maintenant, comme une dernière étape, je vais vraiment les prendre et m'assurer qu'ils sont alignés avec ma grille. Vous pouvez voir que celui-ci est un peu haut et celui-ci doit être abaissé un peu, et je les ramenais juste pour qu'ils soient alignés avec la même façade du bâtiment. Comme dernière étape, je vais vraiment prendre ces trois, les regrouper, et évidemment je peux continuer les faire tomber comme ça et les dupliquer pour obtenir plus de fenêtres. Mais il y a en fait un moyen plus efficace de le faire. Donc, je vais juste prendre un de ces groupes, et les amener jusqu'au fond du bâtiment ici. Je vais prendre les deux sélections, et je vais en faire un mélange. Ainsi, si vous allez à l'objet, au mélange et que vous allez dans les options de fusion, vous pouvez réellement spécifier le nombre de lignes de ces fenêtres que vous voulez entre les deux. Donc, je vais passer à des étapes spécifiques. ce moment, je vais en faire trois. Vous pouvez voir qu'il y a trois entre ces deux zones. Ensuite, comme une deuxième étape, revenez à l'objet, fondez, puis faites. c' est ainsi que vous auriez toute une rangée de fenêtres. Pourquoi cela est efficace, c'est parce que, disons que vous vouliez faire un changement à votre bâtiment où est en fait beaucoup plus grand. Si vous deviez aller dans ce groupe de fenêtres et en faire une, vous pouvez voir qu'il distribue uniformément les fenêtres. Mais évidemment, il y a trop espacés. Si vous passez à nouveau au mélange, en sélectionnant ce groupe, accédez aux options de fusion, activez l'aperçu et assurez-vous que l'aperçu est activé, puis continuez et modifiez les étapes. Donc, c'est un bon moyen de vous assurer que vous pouvez avoir la liberté de changer la quantité de fenêtres sans avoir à plusieurs duplications ou un réalignement ou quoi que ce soit du genre. Donc, maintenant que j'ai cette façade de ces fenêtres prête à aller, je veux aussi qu'elles soient de ce côté. Donc, une façon de gérer cela est de saisir ce groupe et de copier et coller en place en faisant la commande C, commande F. Maintenant, allez à votre outil de réflexion, et vous voulez avoir réfléchi sélectionné ne pas tourner. Maintenant, la raison pour laquelle l'outil de réflexion fonctionne si bien dans conception isométrique est parce que techniquement un cube en soi est symétrique. Donc, si vous deviez retourner quelque chose d'un côté à l'autre, ils n'ont pas à changer d'angle. Techniquement, les angles sont les mêmes mais opposés. Donc, c'est pourquoi je suis capable de prendre ces fenêtres et de les déplacer l'autre côté sans avoir à me soucier des maths parfaites parce que les maths sont déjà là. Allez-y et maintenez l'option enfoncée, puis cliquez dessus pour qu'il soit au milieu de ce bâtiment ici où le coin arrive. Vous pouvez voir que vous avez quelques options ici. Vous pouvez le faire pivoter horizontalement ou verticalement. Vous pouvez voir quand j'allume l'aperçu, qui le retourne en fait sur d'autres côtés, en se reflétant fondamentalement lui-même. Maintenant, il s'est passé une chose ici. Je remarque maintenant que mon bâtiment est un peu plus long qu'il ne l'est, et nous voulons pouvoir remplir ces fenêtres. Donc, il n'y a pas un moyen rapide et facile d' ajouter simplement une autre fenêtre sans alignement parfait. Donc, ce que je vais choisir de faire, c'est d'étendre tout ça, et d'y aller et voir à quoi ça ressemblerait si je bougeais une fenêtre manuellement. Vous pouvez voir que j'ai le bon espacement, mais je n'ai probablement pas un espacement parfait. Donc, le même processus que nous l'avons fait auparavant, l'alignement ne sera pas parfait. Mais ce que je vais faire, c'est m'assurer qu'ils sont tous espacés uniformément à travers cette façade, et esthétiquement, ils vont avoir l'air plutôt normal. Donc, je vais tout saisir, avoir des fenêtres à l'extérieur de chaque bord, et aller à distribuer l'espacement, m' assurer que c'est un espacement horizontal. Évidemment, ça va bouger et ajuster un peu les choses. Mais nous avons notre ligne directrice à utiliser comme filet de sécurité. Donc, vous pouvez voir que ce qui se passe ici, ma façade n'est pas parfaitement alignée sur la grille, mais c'est bon. Je peux essentiellement créer ma propre ligne directrice qui est personnalisée à partir d'ici. Donc, je vais aller de l'avant et faire un petit segment de ligne en utilisant cette ligne directrice. Je veux mettre un coup dessus pour que tu puisses voir ce que je fais. C' est en fait là qu'il doit commencer à tourner. Donc, je vais prendre le bord de tout ça et frapper cet endroit. C' est là que les fenêtres doivent être alignées. Donc, en utilisant ce segment, je vais créer ma propre ligne directrice en l'élargissant puis en faisant la commande 5. Donc, maintenant, nous avons quelque chose à aligner sur autre que la grille que nous avons fournie pour nous-mêmes. Ce que je vais faire, c'est aligner celui-ci le bord et aussi sur l'extérieur sur le bord. Mais ne vous inquiétez pas de ceux qui sont entre les deux car il existe un moyen rapide de s'assurer qu'ils s'alignent réellement. Je peux littéralement les ajuster légèrement de haut en bas, et ils vont se réajuster. Donc, si vous saisissez tout et répartissez l'espacement à la fois verticalement et horizontalement, ils s'aligneront de cette façon. Donc, vous n'avez qu'à faire deux étapes au lieu d'aller individuellement pour chaque fenêtre. Donc, c'est un bon point pour s'aligner sur ce que nous avons déjà créé ici en regroupant ces gars ensemble. Je vais juste les dupliquer pour qu'ils soient avec les autres fenêtres. Je sais que c'est difficile à voir. Donc, je vais changer leur couleur pour que vous puissiez voir ce que je fais. Quand je dupliquerai, je vais en faire une couleur différente. Donc, disons bleu foncé. Je les ramène juste près des fenêtres qui sont déjà là. Je vais prendre cette fenêtre et l'aligner avec ce regroupement en allant à alignement horizontal vers la gauche et verticalement vers le bas. Alors de cette façon, j'ai une extension de fenêtres qui sont fondamentalement toutes alignées. Je n'ai plus besoin d'utiliser aucune de ces fenêtres car une fois que j'ai attrapé tout le regroupement des fenêtres et les aligner verticalement, elles s'alignent toutes. Les maths sont déjà là. Le programme est destiné à comprendre ce calcul pour vous. Donc, je peux supprimer ce que j'ai à l'origine et utiliser ces nouvelles fenêtres comme ma façade. Une dernière étape, je vais m'assurer qu'ils sont tous de la même couleur pour que je puisse les revoir. Allons de l'avant et jetons un coup d'oeil et assurez-vous que tout semble aligné. Je vais éteindre mon croquis pour l'instant. air assez bien, et c'est comme ça que vous feriez une fenêtre cintrée sur deux façades du bâtiment. Donc, maintenant nous avons ces fenêtres en place, utilisons l'outil Rotation une fois de plus et créons un héliport ici, fondamentalement un cercle au-dessus de ce bâtiment qui est à un bel angle symétrique. Je peux le regarder et le dessiner comme ça. Mais techniquement, il doit s'agir d'une ellipse spécifique pour qu'elle soit parfaitement adaptée à cette forme de diamant. La façon dont vous allez le faire est à peu près exactement comment vous feriez les fenêtres arquées. Je vais faire un cercle parfait, et je vais aller à Effect, 3D, Rotate. Mais cette fois, je vais faire Isométric Top et aller de l'avant et l'étendre de cette façon. Encore une fois, il fait quelques formes lorsque vous l'agrandissez. Alors, allez-y et allez fusionner Pathfinder. Maintenant, vous avez le cercle de taille plus correcte. Donc, vous pouvez voir quand j'apporte cela, j'étais proche de mon ellipse, mais je vais aller de l'avant et essayer de l'aligner manuellement ici et changer légèrement sa couleur pour que vous puissiez voir la différence. Donc, je peux soit le globe oculaire. Mais techniquement, j'étais un peu loin. Mais vous pouvez utiliser le calcul parfait du fichier Illustrator à l'aide l'outil Rotation pour vous assurer qu'il est parfaitement, mathématiquement fait. Afin de vous assurer qu'il est centré sur lui, il vous suffit de saisir les deux objets et de cliquer sur l'objet sur lequel vous essayez d'aligner une fois de plus et d'utiliser l'outil Alignement pour le centraliser verticalement et horizontalement. On va faire les fenêtres de notre Taper Building ici. Mais au lieu de faire des fenêtres arquées, je veux juste faire des lignes horizontales. Vous pouvez faire la même chose en utilisant l'outil Blend de cette façon. C' est ainsi que vous prendriez des lignes horizontales et utilisez un outil de fusion pour créer des fenêtres. Pour revenir à l'outil Réfléchir, c'est une bonne occasion de le retourner de l'autre côté. Donc, je vais copier et coller à nouveau et cliquer sur une ligne centrale où vous voulez qu'elle réfléchisse, touche Option et en cliquant sur ce coin. Il se retourne de l'autre côté. Pendant que vous créez des choses pour vraiment commencer à penser la palette de couleurs, en ce moment, évidemment, je reçois un look très contrasté, et je vais juste mettre toutes ces choses en un seul groupe. en passant, assurez-vous que vos bâtiments sont ensemble afin que vous n'ayez pas à briser les choses pendant que vous les ajustez. Alors, alors que je fais ce bâtiment, je me rends compte que j'ai un look très contrasté, mais pas autant comme une source de lumière que j'aimerais. Donc, comme une dernière étape, ce que je vais faire est d'aller dans cette zone d'outil Blend et d'essayer de trouver ces lignes et de changer leur couleur. C' est une dernière chose que je veux faire. Ça va juste devenir un bleu légèrement plus clair. Maintenant, nous avons un look très tridimensionnel, où évidemment les sources de lumière se produisent sur la gauche et nous obtenons une ombre sur la droite en utilisant des couleurs variables. C' est pourquoi nous avons choisi six couleurs, donc nous avons cette opportunité d'avoir de la variété dans notre palette de couleurs. Donc, comme une étape suivante, il suffit de passer par tous vos bâtiments et de décider si vous souhaitez avoir certaines fenêtres. Dans cette leçon, nous avons fait des fenêtres arquées toutes dans une grille. Nous avons également créé des fenêtres horizontales sur notre grand bâtiment, mais elles utilisent tous les deux l'outil Mélange pour multiplier les fenêtres au-dessus d'elles-mêmes. Alors, n'hésitez pas à l'utiliser pour créer n'importe quelle fenêtre dans votre illustration. Vous pouvez également utiliser un outil de mélange de différentes façons. Alors, n'hésitez pas à expérimenter. Par conséquent, la prochaine étape est l'outil d'extrusion 3D. Il est presque identique à l'outil Rotation 3D, mais il permet à deux façades d'avoir une profondeur réelle pour elles, donc une sorte d'obtenir un look 3D plutôt que de simplement prendre une façade et la tourner. On va sauter là-dedans maintenant. 9. Outils : Extrusion 3D: Donc, le prochain outil que je vais utiliser est appelé extrude 3D, qui utilise essentiellement les mêmes techniques que l'outil de rotation, mais il fait en fait quelque chose avoir plus de profondeur et un exemple de cela serait dans notre esquisse. Vous pouvez voir ici nous avons un bâtiment très intéressant qui est plus complexe qu'un cube ordinaire. Pour voir ce bâtiment plus clairement, je vais prendre ce bâtiment juste à côté et le cacher. Donc, en ce moment, ce bâtiment ici utilise une arche comme sommet et il a de la profondeur. Donc, pour que cela fonctionne réellement, l'outil d'extrusion 3D va le rendre possible. Donc, je vais aller de l'avant et juste dessiner une arche comme je l'ai fait avec les fenêtres. Allons-y et faisons-en une couleur plus claire pour l'instant. Et puis, je vais entrer en vigueur, 3D Extrude. Maintenant, nous avons une interface qui est similaire à ce que nous avons l'habitude de voir. Je vais aller tourner l'aperçu et voir ce qui se passe. Vous pouvez voir qu'il fait pivoter. Donc, il choisit cette chose que je viens de créer comme façade, mais aussi crée de la profondeur, et je peux la déplacer manuellement pour vous donner une idée. Donc, encore une fois, nous faisons une forme 3D mais nous voulons que ce soit un angle isométrique. Heureusement, il y a un positionnement qui fait que cela se produise. Donc, je vais aller de l'avant et pousser isométrique à gauche sous rotation personnalisée. Maintenant, c'est à cet angle que nous voulons. Vous pouvez voir qu'il est assez proche de l'apparence de ce bâtiment. Sa profondeur n'est probablement pas aussi profonde que nous le voulons, mais vous pouvez changer cela dans ce positionnement de profondeur d'extrude. Il y a en fait une barre qui vous permet de le rendre aussi long ou épais que vous le souhaitez. En ce moment, je vais juste dire 80 et voir à quoi ça ressemble. Quatre-vingt sons à propos de droite Je remarque aussi que l'ombrage ici, il semble un peu plastifiant et c'est parce qu'il utilise l'ombrage en plastique de surface. Vous pouvez dire filaire si vous le souhaitez et simplement obtenir les formes de base, ou vous pouvez dire aucun ombrage du tout. Je vais choisir aucun ombrage parce que cela va en fait me donner plus de variété en termes de faire quelque chose de personnalisé. Donc, une fois que j'ai poussé et élargir l'apparence, vous pouvez voir qu'il a divisé en deux groupes différents. Et je vais aller de l'avant et changer ce côté pour être une couleur différente. Maintenant, rappelez-vous dans votre source de lumière aussi, quand vous regardez un cube, le haut va avoir un point culminant. Il n'aurait pas vraiment de sens pour le haut de cet immeuble d'avoir une ombre. Donc, je vais en fait rendre cette zone un peu plus légère et voir si ça a l'air normal. Et pour l'étape suivante, je vais juste placer ça dans le dossier réel. Maintenant que je l'ai placé, vous pouvez voir que j'étais proche de l'avoir fait comme mon croquis, mais ce n'est pas parfait. En fait, le croquis montre que le dessin que j'ai fait à l'origine est un peu plus grand et c'est là que vous pouvez réellement personnaliser cette forme comme nous avons personnalisé le cube et le rendre plus grand. Donc, je vais aller de l'avant et éteindre ma grille et je vais utiliser l'outil flèche lumineuse pour simplement sélectionner le haut du bâtiment et garder cette base là où elle est. Et si je maintiens le décalage, je peux en fait élever sa hauteur pour le rendre aussi grand ou court que je le veux. Donc, assez proche du croquis lui-même. Donc, maintenant que j'ai ce bâtiment en place, je vais juste en finir très rapidement en utilisant des techniques dont nous avons déjà parlé. Donc, vous pouvez en quelque sorte voir que ce bâtiment est un peu complet maintenant juste en utilisant deux formes différentes. L' un utilisait l'outil Extrude, l'autre utilisait le cube. Maintenant, créons quelque chose d'un peu plus complexe qu'une fenêtre arquée avec de la profondeur. Je peux faire des choses comme une voiture en utilisant l'outil Extrude, et je vais vous montrer comment le faire maintenant. Donc, quand vous pensez à une voiture, pensez aux formes de base. Vous avez fondamentalement une base et vous avez un top. C' est un peu Fred Flintstone, mais c'est comme ça qu'est une voiture. Évidemment, vous pouvez ajuster les choses à partir d'ici. Ce que je vais aller de l'avant et faire, c'est juste unir ceci comme le début de mon illustration et j'essaie de dessiner un côté d'une voiture. Imaginez comme une silhouette de vue latérale d'une voiture. Donc, maintenant, je vais juste apporter ces noeuds pour qu'ils ne soient pas aussi grands, et je vais apporter ce noeud, donc il montre plus d'un pare-brise. Et peut-être que celui-ci peut être plus un hayon ou vous pouvez avoir un peu plus d'un coffre. Évidemment, j'ai besoin d'un peu plus d'un capot. Donc, je vais faire avancer cela un peu et juste comprendre le style de voiture que vous voulez et ajuster les choses à partir juste en faisant quelques clics. Ça m'a l'air un peu carrée. Donc, en fait, je vais l'abaisser légèrement, et ensuite je vais ramener le coffre un peu aussi. Ça ressemble plus à une forme de voiture naturelle. Maintenant, nous n'avons pas tout à fait fini. Une autre chose que je veux faire est de changer sa couleur et d'ajouter des roues. Et je pense que ça ressemble à une voiture. Je vais aller de l'avant et le regrouper. Maintenant, c'est là que la magie entre en jeu. Je vais utiliser exactement le même outil, 3D Extrude, pour faire ce tridimensionnel. Donc, si vous allez à l'effet, extrude 3D , et que nous activons l'aperçu, vous pouvez voir qu'il montre ce que j'ai dessiné comme une façade et qu'il a fait en profondeur, et nous allons aller de l'avant et faire isométrique gauche pour cela. Maintenant, juste avec quelques clics, quelques formes, nous avons fondamentalement une voiture tridimensionnelle. Vous pouvez personnaliser à partir d'ici. Évidemment, il y a des ombrages en plastique ou filaires ou pas d'ombrage. Mais j'aime l'ombrage en plastique parce qu'il n'utilise aucune courbe pour le rendre brillant. En fait, ça le garde assez géométrique. Donc, je vais aller de l'avant et le sauver. Encore une fois, vous pouvez rendre cette voiture plus large ou plus courte si vous le souhaitez. Ça pourrait être super large ou tout simplement comme une moto. Mais en gros, à 50 ans, c'était en fait un bon point de saut. D' accord. Donc, maintenant nous avons une voiture et vous pouvez voir qu'elle s'intègre vraiment assez bien dans notre illustration comme une chose isométrique. Donc, à partir d'ici, je recommande de les personnaliser encore plus loin. Rappelez-vous, vous avez une palette de couleurs à l'esprit, une source de lumière à l'esprit, et la source de lumière n'est pas exactement ce que nous voulons. Donc, je vais aller de l'avant et étendre le tout et vous pouvez voir qu'il a tout fait en différentes formes. Donc, nous avons déterminé que les sommets doivent être les plus brillants. Donc, je vais aller de l'avant et rendre ça brillant. Nous avons également déterminé que cette partie de la voiture va être dans l'ombre, et dans cette partie, il sera plus du ton moyen. Et à partir de là, vous pouvez réellement personnaliser encore plus comme si vous voulez ajouter un pare-brise sur un côté. Je vais aller de l'avant et juste dessiner dessus. Vas-y et place-le dans notre dossier. Maintenant, quelques choses se produisent quand vous placez des choses dans votre dossier. Vous remarquerez que puisque nous avons une palette de couleurs limitée, nous avons en fait des interactions bizarres. On ne voit plus les roues de la voiture. Donc, je vais aller de l'avant et double-cliquer dans ma voiture et changer réellement la couleur des roues. Et vous pouvez sélectionner ces choses individuellement en utilisant l'outil flèche blanche si vous souhaitez ou simplement sélectionner tous et vous pouvez changer la couleur. Pas une science parfaite parce que évidemment j'ai attrapé les fenêtres dans le processus. Je vais les ramener à l'obscurité. Pour aller encore plus loin, vous pouvez ajouter des phares à cette voiture. Ainsi, vous pouvez réellement utiliser la même façade à partir des roues et les faire pivoter. Donc, je vais en fait apporter cette roue par exemple, et la rendre blanche et effectivement la retourner. Donc, ça se passe de l'autre côté de la voiture en utilisant l'outil de rotation. Et c'est le même calcul, comme ça pourrait être utilisé comme phares, par exemple. Alors, allez-y et utilisez des morceaux de votre propre illustration pour simplement Frankenstein dans autre chose. Et je recommande d'aller encore plus loin si vous le pouvez, comme vous pouvez ajouter plus d'un grill à la voiture ou vous pouvez ajouter choses supplémentaires comme plus arrondies, mais c'est votre voiture, votre illustration et vous pouvez le faire n'importe quel style que vous voulez. Donc, la raison pour laquelle vous voudriez utiliser l'outil Extrude 3D serait si vous vouliez créer quelque chose qui était déjà un peu complexe avec sa façade, et en fait faire une profondeur. Évidemment, vous n'avez pas besoin de le faire avec des choses comme un cube ou un rectangle, mais le côté d'une voiture ou le côté d'une fenêtre cintrée, si vous voulez que ces choses aient de la profondeur et ne vont pas changer leur façade, c'est un excellent moyen de le rendre tridimensionnel. Maintenant, vous n'avez pas besoin d'utiliser l'Extrude comme nous l'avons fait là où vous avez une façade et elle s'élargit. Vous pouvez en fait faire grandir les choses aussi. Donc, pour ce bateau, il utilise le même outil. Quand il s'agit de ce style d'illustration, tout commence vraiment par des formes basiques. Donc, je vais aller de l'avant et dessiner un rectangle et je vais ajouter un nœud pour qu'il ait un point, et cela va être centré sur ce centre ici. Ensuite, je vais attraper ces zones extérieures et en fait les retirer, et nous avons déjà un peu de regard sur le bateau. Et je vais aller de l'avant et attraper ces deux nœuds et soulever un peu et en fait utiliser l'outil coins arrondis pour lui donner un peu plus d'un look personnalisé. Ça ressemble à la base d'un bateau pour moi. Nous allons utiliser le même outil que nous avons utilisé auparavant, qui est l'extrude 3D, et au lieu de le faire de son côté comme ceci, je vais en fait faire la position disant top isométrique. Maintenant, ça crée le corps d'un bateau et c'est à côté d'un bateau. Je vais réduire un peu la taille de sa hauteur en changeant la profondeur. Et je vais juste faire un filaire pour voir comment ça brise ces choses. Donc, ce que je vois ici, c'est que si je ne fais pas d'ombrage, ça va être assez basique. Donc, je vais aller de l'avant et l'agrandir et changer un peu sa façade. Donc, juste ici est le côté et aussi je veux avoir cet effet effilé. Une façon rapide et facile de le faire est juste de saisir ce coin et de le faire avancer comme ça. Et nous avons les débuts d'un vrai bateau ici. Maintenant, pour que nous puissions être plus personnalisés avec elle, nous pouvons voir qu'il y a d'autres choses qui se passent comme ici est plus comme un cube sur le dessus, il a des fenêtres qui sont à l'angle isométrique mais ils sont plutôt des cercles ou plus comme des ovales. Toutes ces choses que vous pouvez faire en utilisant les outils que nous avons utilisés dans certaines des premières leçons. Alors, n'hésitez pas à personnaliser comme bon vous semble, mais nous allons passer à autre chose. 10. Outils : 3D Revolve: Donc, le prochain outil avec lequel nous allons jouer s'appelle l'outil de révolution 3D. Imaginez une tranche de quelque chose qui tourne autour de lui-même pour le rendre à la fois cylindrique et symétrique. Je vais vous montrer comment faire cela en utilisant quelques étapes simples. On va faire un phare et aussi quelques arbres. Donc, je vais aller de l'avant et allumer mon croquis. Vous pouvez voir que j'ai des arbres de base ici. La façon dont j'aime les concevoir est d'utiliser cet outil de révolution. Donc, la façon dont cela fonctionne vraiment est de commencer par un côté d'un arbre par exemple, dans ce cas, ce sera juste un cercle parfait pour garder les choses simples. Nous voulons aussi lui donner un coffre. Maintenant, une fois que vous avez quelque chose comme ça, allez-y et dupliquez-le pour en avoir une copie. Donc, maintenant nous allons juste diviser ça en quelques morceaux, et la façon dont nous allons le faire est de dessiner une forme pour que vous commenciez par le milieu et que vous vous déplaciez vers l'extérieur. Donc, juste pour que vous puissiez voir ce que je viens de dessiner là-bas, c'est quelque chose comme ça. Je vais tout couper, donc je finis avec la moitié de cet arbre. Alors, prenez tout, allez à Pathfinder, et divisez. Supprimez tout ce dont vous n'avez pas besoin, qui est l'autre côté de l'arbre et l'arrière-plan. Donc, maintenant, il nous reste un arbre simple qui utilise seulement la moitié de ce que nous venons de dessiner ici. Allez-y par souci de simplicité, allez à pathfinder et fusionnez, et maintenant cela va se transformer en deux formes plutôt que ce que vous voyez ici qui est trois. Donc, une fois que j'appuie sur ce bouton, c'est une forme ici et une forme ici. Assez simple. Ok, donc maintenant on a cette tranche. Je vais aller de l'avant et le copier pour en avoir une copie. Allons de l'avant et allons en effet 3D et tourner. Une fois que j'ai poussé l'aperçu, vous pouvez voir ce qui se passe ici, c'est que nous obtenons une révolution des formes, que nous obtenons un cylindre sur une cheville et qu'il a un aspect suçon ou un arbre. Mais, nous pouvons réellement changer son angle dans ce aussi pour être isométrique gauche. Donc, il suit les règles de notre art réel et maintenant, j'ai plus d'options ouvertes, ce qui nous donne la possibilité de jouer avec sa source de lumière. Vous pouvez voir qu'on peut vraiment le changer. Donc, il a la source de lumière que nous voulons que notre fichier utilise. Mais malheureusement, il utilise aussi des ombrages en plastique et il a un aspect pas si plat. Si je devais simplement aller à filaire, je peux essayer de comprendre pour le faire moi-même ou je ne peux tout simplement pas ombrage du tout, mais alors je suis coincé avec ne pas comprendre comment quelque chose trois dimensions peut réellement avoir des points forts spécifiques. Donc, tout ce que je vais faire, c'est juste jouer autour de l'ombrage en plastique et juste voir si je peux avoir une meilleure idée de la façon de faire cela fonctionner dans le fichier. Mais, je vais en fait aller dans une autre version plus tard. Donc, maintenant, je vais juste faire tomber les marches. Donc, vous pouvez voir que j'ai un peu plus de simplicité ici. Je vais utiliser ceci comme une ligne directrice pour mon prochain objet. Donc, prenez la même chose que vous avez dupliquée, et allez en 3D revolve. Mais cette fois, allons-y et n'en faisons pas un ombrage. Donc, maintenant nous avons exactement la même chose, mais c'est simple. Cependant, je veux avoir cette mise en évidence, mais je veux aussi le rendre un peu plus personnalisable à notre style. Donc, je vais aller de l'avant et réellement étendre tout cela, et je vais appuyer sur le bouton de fusion pour que je puisse juste faire cela en deux formes simples. Maintenant, la forme que je vois ici est assez bonne en termes de point culminant, mais c'est un peu bizarre. Donc, ce que je vais faire en fait, c'est essayer de la répliquer avec une nouvelle forme, et essayer de recréer ce que nous voyons ici, et ensuite je vais juste apporter cela sur la forme que j'ai créée. Maintenant, si je dégroupe ça, je peux l'utiliser comme un masque de coupe, cette forme que nous voyons ici qui est le cercle parfait. Ceci ici, est considéré comme un point culminant. Maintenant, vous pouvez voir que je suis allé par-dessus bord en termes de dépassement du périmètre, mais je vais en fait le clipser dans la même forme que derrière elle. Donc, je vais prendre ce cercle, copier et coller en place, qui est la commande C commande F, faire avancer tout le chemin et saisir cette forme, et la mettre à l'intérieur d'un masque de coupe. Donc, maintenant ce que nous avons est quelque chose qui utilise cette source de lumière, mais qui est plus dans le style simplifié que nous allons chercher. Donc, je vais aller de l'avant et regrouper ça ensemble, mettre dans notre dossier. Vous pouvez déjà voir qu'il y a quelques problèmes que nous traitons. Premièrement, il disparaît en arrière-plan, donc je vais aller de l'avant et changer quelques couleurs ici juste pour que ce soit comme nous le voulons. Ça a l'air un peu plus facile à voir. Et enfin, je vais jouer avec lui donner une ombre réelle. Une façon rapide et facile de le faire est de prendre la forme que vous venez de créer, tourner de son côté, réunir le tout pour que c'est fondamentalement une forme, et ensuite nous allons aller dans le même outil que nous avons appris dans le tout début qui est la rotation 3D. Au lieu de gauche isométrique, on va faire le top isométrique. Donc, cela lui permet d'être réellement à l'angle de la grille isométrique. On va l'aligner avec la souche ici, et la repousser. Je vais aller de l'avant et l'étendre, fusionner, et ça ressemble à un arbre avec une ombre et il utilise toutes les mêmes règles isométriques. Avant de passer au reste de mon illustration, je vais aller de l'avant et les aligner sur mon croquis le plus près possible. Mais, je veux aussi garder à l'esprit qu'ils doivent s'en tenir à la grille. Donc, j'ai regroupé ceci ensemble, et je vais juste aller de l'avant et les copier un peu pour qu' ils s'alignent relativement près de ce que j'ai réellement esquissé. Mais évidemment, les mathématiques sont un peu décalées et un peu bizarres parce celui-ci est un peu plus élevé que celui-ci en termes de travail de ligne que nous voyons ici. Nous voulons qu'elle soit parallèle à la route par exemple. Donc, ce que je vais faire, c'est juste monter celui-là pour qu'il soit juste à côté de la route, et l'amener pour qu'il soit juste à côté de la route. Ensuite, celui-ci suivra le même si nous utilisons l'alignement de la doublure de distribution. Donc, je vais aller de l'avant et prendre les trois. Aller à distribuer l'espacement et aller de l'avant et pousser horizontalement. Ça va le faire, donc c'est égal entre les deux arbres sur les bords extérieurs. Mais aussi si vous poussez verticalement, alors il s'élève et suit ce travail de ligne. Donc, maintenant ce regroupement est vraiment aligné avec la grille. Maintenant, pour la grande finale de cette illustration, ce sera le phare, qui est conçu très similaire au fonctionnement de cet arbre. Techniquement, c'est symétrique parce que tous les côtés sont égaux. Mais c'est aussi un cylindre. Donc, fondamentalement, nous allons le créer de la même façon. Donc, ce que je vais faire en premier, c'est en fait dessiner une version plate de ceci. Et la façon dont cela va se produire est de dessiner seulement quelques formes de base et de les personnaliser à partir d'ici. Donc, c'est un moyen très rapide de faire ce phare. Mais il devient un peu plus complexe quand il s'agit de le faire tourner. Donc, comme nous l'avons fait avant, allons de l'avant et faisons juste une sauvegarde de ça. Dissocions ce que nous avons réellement sur ce premier. Donc, je vais aller de l'avant et faire une forme qui se centre vers son axe et la place derrière lui. Je vais tout saisir et aller de l'avant et juste le diviser à l'aide d'un outil Pathfinder. Comme on l'a fait avant, je vais juste supprimer ce dont on n'a pas besoin. Donc, nous allons finir avec la moitié de notre illustration. D' accord. Alors, allons de l'avant et voyons à quoi cela ressemble en utilisant la même technique que celle que nous avons utilisée sur les arbres. Donc, si nous allons en 3D, tournons, et nous allons à gauche isométrique, allumons l'aperçu, nous obtenons ce genre de look. Maintenant, je vais juste aller de l'avant et juste jeter un coup d'oeil pour instant et voir ce qui se passe avec ces aliasing. Donc, ce que nous obtenons, ce sont des formes bizarres. C' est un peu foiré, mais c'est vrai parce qu'il utilise probablement des ombrages en plastique. Une façon de gérer cela est de faire quelques versions pour jouer avec. Donc, pour l'instant, ce que je vais faire est de prendre l'un de ceux-ci, aller en 3D, de tourner, et de jouer avec ce que cela ressemblerait, utilisant simplement l'ombrage en plastique, et en m'assurant que ma source lumineuse est en fait en haut à gauche. Techniquement, cela semble bon, mais nous voulons aussi que ce soit aussi peu d'étapes que possible quand il s'agit de mélanger. Et pour l'instant, nous devons le simplifier. Donc, je vais descendre à aussi peu que possible. Cela sonne à propos de droite ou semble à propos de droite. Donc, c'est là que les choses deviennent un peu difficiles. Ce n'est pas parfait, mais ce que nous pouvons faire est de le développer et de le personnaliser à partir d'ici. Donc, je suis allé de l'avant et j'ai élargi. Et je vais aller de l'avant et pousser diviser. Donc, vous pouvez voir quand je découpe les choses, chaque pièce qui est ici a sa propre petite forme. Mais il y a aussi des trucs derrière. Donc, je vais aussi pousser la fusion. Donc, cela simplifie le plus près possible l'utilisation cet ombrage en plastique avec le moins d'étapes de mélange possible, mais évidemment il n'utilise pas notre schéma de couleurs. Donc, cela se résume vraiment à entrer dans cette chose que vous avez créée et personnaliser ces couleurs et et personnaliser ces couleurs et formes autant que vous pouvez en fonction du style que vous avez choisi. Donc, ce que je vais aller de l'avant et faire, c'est juste passer à travers ça et nettoyer, changer ses couleurs, et l'amener à un endroit où j'ai l'impression que c'est vraiment notre style. Donc, maintenant je pense que je suis dans un bon endroit pour apporter cela dans notre illustration. Évidemment, c'est un peu plus petit que nous avions en tête. Donc, je vais en parler. Et quelques choses qui se passent, ça les mélange définitivement avec son arrière-plan un peu. Et il doit aussi avoir une ombre. Donc, commençons à faire quelques petits changements pour nous assurer qu'ils correspondent. Je remarque aussi que, fur et à mesure que je fais ces changements, il y a des choses étranges qui se passent du rendu, comme ces petites pièces supplémentaires ici. Une façon de les gérer est de simplement sélectionner ces éléments et d'aller de l'avant et d'appuyer sur le bouton Unite. Cela va se débarrasser de certains d'entre eux. Vous devrez peut-être supprimer manuellement les choses ici et là. Mais sachez simplement qu'une fois que vous utilisez cette technique d'ombrage plastique et 3D, cela crée des formes étranges que vous ne voulez pas nécessairement dans le processus. Mais si vous êtes assez diligent, vous pouvez entrer et nettoyer les choses. Et on y va. Nous avons un phare fini. D' accord. Donc, maintenant que j'ai tout illustré dans mon dossier, je vais juste y aller et faire quelques ajustements, quelques changements de couleur, et juste faire une fois et essayer de peaufiner les choses individuellement. Et après ça, je vais juste amener Nathan et voir s'il a d'autres notes avant de montrer ça à notre client. 11. Mettre tout en œuvre: Donc, après avoir examiné ce fichier, j'ai juste fait quelques changements et ajustements juste pour voir si je peux l'améliorer de quelque façon que ce soit individuellement. Par exemple, la voiture était toute bleue et elle se mélangeait avec son arrière-plan. Donc, je suis allé de l'avant et j'ai changé ça en voiture blanche. Le phare est légèrement différent, j'ai changé la forme de son légèrement et les couleurs, et puis aussi je remarque que la façade de ce bâtiment devait vraiment être complétée. Donc, je suis allé de l'avant et j'ai changé ça un peu et je n'ai pas vraiment ajouté un front plus détaillé, mais je pense que c'est un bon point pour Nathan de sauter et de voir s'il y a des changements supplémentaires qui doivent réellement être faits. Donc, une partie de la raison pour laquelle nous aimons travailler ensemble en équipe est, tandis que l'un de nous travaille sur un projet individuellement, nous pouvons vérifier avec l'autre passer le fichier d'avant en arrière et regarder les mises à jour. Donc, je pense que cela a l'air super et j'ai juste eu quelques réflexions sur les choses que nous pourrions envisager d'ajouter sont en train de changer. Une chose que vous pouvez ou non vouloir dans votre fichier est dans les zones où l'ombre du phare croise avec le premier arbre, vous obtenez ces deux couleurs se mélangeant ensemble. Deux objets se mélangeant avec la même couleur. Vous pourriez aimer ce genre de sensation de géométrie implicite, parce que vous pouvez dire où est le bord de l'arbre, mais je pense que dans notre cas, si nous voulons la propreté, nous pourrions envisager de faire ces ombres un peu plus court juste pour que nous puissions obtenir une bonne définition dans les arbres. Une chose que j'ai remarqué en travaillant avec Nathan depuis si longtemps est que, avec une illustration comme celle-ci, je harpe les mathématiques derrière elle et Nathan a le luxe de pouvoir prendre du recul et voir l'esthétique derrière elle. Donc, quelque chose comme ce phare, même si l'ombre serait techniquement aussi longue, esthétiquement serait plus logique pour moi de le raccourcir. Oui. Donc, Dan avait mentionné plus tôt dans la classe c'est la bataille entre la géométrie et l'esthétique. Ce sont les choses que nous essayons de regarder à la fin et de voir ce qui va être le meilleur pour votre produit final quelques autres choses que je pense que nous pourrions inclure, juste en regardant cela à travers la portée d'avoir un niveau de détail similaire tout au long de l'illustration. Je pense qu'on pourrait ajouter un peu de sillage ou une couleur différente dans l'eau juste derrière le bateau pour donner le sentiment qu'il bouge. De même, je pense que ce bâtiment sur le rayon si nous ajoutons un certain type de chemin ou de passerelle menant à la porte, cela pourrait ajouter un peu de réalisme et encore certains de ces espaces vides un peu. Donc, si vous voulez apporter ces changements, nous pouvons revenir et jeter un oeil à ce à quoi ressemblerait la dernière illustration polie. Donc, maintenant que nous avons apporté la touche finale à ce genre de choses polies a fait quelques mises à jour aux détails et nettoyé les choses. C' est généralement le moment dans le projet où nous sommes prêts à présenter les œuvres finales à notre client. revenant à notre exemple des peintures murales almanaques, dans ce cas, nous avons en fait, parce que les peintures murales allaient être dans un espace physique nous avons pris le temps de faire des maquettes Photoshop, et essentiellement de leur montrer ce qu'il serait comme avoir la murale placée dans l'espace. Donc, par exemple, c'est la brasserie car elle était encore en construction, mais nous avons pris notre image finale et l'avons placée dans Photoshop afin que vous puissiez en avoir une idée. Comme vous pouvez le voir, vous pouvez obtenir un look assez réaliste lorsque vous placez ces choses en place. Une autre chose qui est utile est de commencer à remarquer les lignes de vue comme ici nous savions avec cette fresque que que n'importe quelle sorte de hauteur sous la table allait être caché. Donc, nous ne voulions pas d'éléments super importants en bas, et si vous voulez retourner à l'Alameda se moquer. Ici, on négociait les fenêtres et la porte. De même, nous voulions nous assurer, d'une part, que nous fournissons une œuvre d'art complète, parce qu'ils utilisent cette image d'autre manière. Donc, nous avons terminé ces zones, nous voulions juste nous assurer que rien de super important n'a atterri dans ces fenêtres. Ensuite, vous pouvez également regarder autour des bords de formes comme ça ou vous pourriez ne pas utiliser ceci pour des peintures murales mais n'importe quel type de composition, voir comment il s'écoule sur les bords ou toute tangente bizarre qui pourrait finir par être créée. C' est notre dernier système de vérification pour s'assurer qu'un fichier comme celui-ci est prêt à être expédié. Donc, à partir de là, nous allons travailler avec ce client, et à ce stade, parce que nous avons déjà fourni le croquis et certains de nos processus en cours de route, il ne devrait pas y avoir de surprises, mais c'est là que les dernières révisions de leur fin arriverait. À ce stade, nous sommes prêts à préparer le fichier à envoyer à n'importe quel fournisseur pourrait en avoir besoin. Pour cette fresque particulière, c'était un traitement de papier peint. Donc, il était assez simple de simplement envoyer les fichiers vectoriels à imprimer. Nous avons pu obtenir des échantillons de couleurs pour nous assurer qu'il avait l'air bien et que l'espace et une partie de notre choix de couleur correspondaient le rouge dans le fichier à la peinture rouge qui était déjà sur les murs. Donc, heureusement avec l'impression physique, nous avons pu le faire avec la fresque de San Francisco qui était une bête différente parce que c'était en fait peint à la main. Donc, dans ce cas, nous avons dû fournir aux peintres les grandes lignes de tout le travail. Ils ont tracé ces contours sur le mur et ont ensuite rempli le tout de peinture. Donc, c'était un processus assez laborieux pour eux mais nous avons pu mettre en place le fichier de telle sorte qu'il était assez facile pour eux de tracer le travail et de produire le résultat final. 12. Réflexions finales: Donc, à ce stade, vous avez créé un bloc de ville. Si vous vous sentez ambitieux, vous pouvez aller encore plus loin et créer plus de blocs et créer une ville entière. Nous aimerions voir vos progrès et le projet final que vous créez. Alors, s'il vous plaît le partager dans la galerie du projet et nous sommes impatients de le voir. Merci d'avoir pris notre cours. 13. En savoir plus avec DKNG: