présentation

Bonjour! Bienvenue dans cette nouvelle Astuce. A cette occasion, le thème qui sera abordé sera les villes futuristes. Il existe de nombreuses techniques et styles pour les peindre, celui que j'utiliserai sera basé sur l'art vectoriel, cela nous permettra de créer des arrière-plans néon de villes futuristes en 3D de manière très simple, en utilisant uniquement des illustrations 2D. De plus, il s'agit d'une technique qui ne nécessite pas du tout de tablette graphique, les outils mêmes utilisés dans le processus ci-dessous ont la merveilleuse fonctionnalité de stabiliser automatiquement les lignes pour les rendre droites et sans oscillation. J'espère que ces Conseils vous seront utiles, sans plus tarder commençons...

► Perspective et composition de base

• COMPOSITION

 

Commençons par quelques règles de composition pour harmoniser à la fois cet art vectoriel et toute illustration que nous réalisons. Il convient de noter que ce ne sont pas des règles strictes, vous pouvez toujours prendre des licences, mais elles sont recommandées pour de meilleurs résultats.

 

Si vous voulez en savoir plus sur ce sujet, laissez un autre tutoriel où les différentes règles de composition sont expliquées de plus en plus ▼▼▼

• ÉQUILIBRE

 

Lorsque vous avez un objet énorme quelque part, à gauche ou à droite, vous devez utiliser quelque chose pour compenser le côté que vous placez sur l'objet. L'équilibre est un autre moyen de vérifier si l'illustration est bonne ou non. Assurez-vous de ne pas mettre trop de choses sur un côté de l'illustration.

 

Voyons un exemple avec des bâtiments (boîtes). Comme vous pouvez le voir dans l'image ci-dessous; sur le côté droit, il y a une énorme boîte, tandis que sur la gauche, quelques petites boîtes. Que vois-tu? Qu'est-ce que ça fait de les voir? Vous sentez qu'il y a plus de poids d'un côté, non ? Vous ressentez une certaine agitation et votre regard est uniquement focalisé sur la grosse caisse. Eh bien, ce sont quelques-unes des raisons pour lesquelles il est conseillé que d'un côté et de l'autre trouvent la même quantité de poids. Calme l'œil du spectateur.

Voici quelques façons plus appropriées de répartir les bâtiments dans l'illustration :

 

1.— La première serait de placer ce qui est d'un côté aussi de l'autre, bien que cela paraisse très simpliste, ne vous y trompez pas, des choses merveilleuses peuvent être faites en utilisant les mêmes objets.

2.— La seconde serait simplement d'avoir le même poids des deux côtés, même si les chiffres sont différents. Pratiquement, c'est pareil, c'est la même règle d'avoir le même poids visuel des deux côtés.

• PERSPECTIVE

 

Il est maintenant temps pour un problème complexe comme la perspective, mais pour ne pas jouer avec toutes ses règles, je vais utiliser une fonction Clip Studio qui me permet de ne pas faire autant d'acrobaties avec les règles de perspective. Personnellement, j'aime cette fonctionnalité car elle permet de gagner un temps précieux, mais si vous voulez quelque chose de plus laborieux et selon vos propres conditions, je vous conseillerais d'utiliser manuellement les règles de perspective avec autant de points de fuite que vous le souhaitez.

 

Cette fonction consiste à régler automatiquement les points de fuite (vous pouvez régler 1, 2 ou 3). Pour utiliser cet outil automatique, il vous suffit de faire un clic droit sur le calque où vous souhaitez placer la règle. En cliquant, une barre d'options apparaîtra où l'option "Règle/Vignette" sera choisie puis "Créer une règle de perspective".

Cette boîte apparaîtra où vous pourrez choisir le nombre de points de fuite que vous souhaitez utiliser.

➜ Point de vue unique

En utilisant un point de perspective, les villes peuvent être tracées sur une ligne comme celle-ci. Si vous voulez dessiner quelque chose sans la limitation des règles, il vous suffit de désactiver la fonction puis de la réactiver.

 

Comme le montre l'image ci-dessus, le point de fuite apparaît par défaut au centre, mais il peut être déplacé où vous le souhaitez. Dans ce cas j'ai décidé de le baisser un peu pour faire de la ville. Il est recommandé, lors du dessin des bâtiments, de les faire tous orientés dans la même direction.

 

Le résultat était le suivant; J'ai d'abord fait un croquis de la façon dont je voulais la ville et plus tard je l'ai souligné avec un crayon plus foncé. Cette partie est un dessin facile, sans détails, juste le contour. Les détails seront placés dans la partie 2D.

 

Pour dessiner la ville de cette manière linéaire, il suffit de ne pas dépasser l'axe bleu de la règle de perspective, vous pouvez donc créer des bâtiments inclinés de manière linéaire et automatique.

Comme on le voit dans le GIF, j'ai juste suivi la perspective que le point par défaut me donne. Il n'y a pas besoin de quoi que ce soit d'autre, les lignes sortent droites et à l'angle correct. Essayez-le et vérifiez-le.

Le processus que j'ai suivi pour cette ville a d'abord été de dessiner les bâtiments du centre vers la partie gauche comme on le voit dans le GIF ci-dessus, puis j'ai dupliqué ce calque et inversé pour le déplacer plus tard vers la moitié droite, de cette façon la partie droite est le reflet sur le côté gauche. C'est une méthode simple pour rendre votre illustration symétrique.

Une autre façon de placer les bâtiments serait que toutes les structures soient orientées dans la même direction. Comme dans le précédent, dupliquez le calque où sont dessinés les bâtiments du côté gauche; Je les ai juste balayés vers la droite. De cette façon, les bâtiments sont tous tournés vers la gauche. Les bâtiments peuvent être orientés vers la droite en inversant le calque.

Une autre perspective réalisable avec une pointe est celle en forme de colline, la plus traditionnelle. Dans ce cas, ce qui est fait pour que les bâtiments soient sur une colline est simplement de suivre les axes violets de la règle de perspective, la même règle délimite où dessiner.

Pour gagner un peu de temps et rendre la scène symétrique, j'ai utilisé la règle symétrique. Cette règle agit comme un miroir, cela signifie que ce qui est dessiné d'un côté est automatiquement et instantanément dessiné de l'autre côté. Cette règle se trouve dans les "sous-outils" de "Règle".

Placez la «règle symétrique» au-dessus du point de fuite verticalement. Comme on le voit dans le GIF ci-dessous, le travail est facile et symétrique avec cette règle.

➜ Perspective à deux points

 

Le processus est le même que ci-dessus. Cette fois, il y a deux points de fuite qui sont situés à chaque extrémité horizontalement. Pour dessiner ces bâtiments, tout ce que vous avez à faire est de dessiner en suivant la direction sous un angle par rapport aux points de fuite, comme illustré par les flèches roses.

► Couleurs fluo

Au début, je ne savais pas comment choisir des couleurs qui avaient l'air saturées, mais en utilisant un peu de logique, j'ai réalisé qu'obtenir des couleurs fluo était si simple ; la seule chose nécessaire est de choisir des couleurs qui sont dans la partie supérieure ayant une tendance vers le bon vortex. Les couleurs de cette partie sont très saturées, tandis que, par contre, celles qui tendent vers le vortex blanc deviennent ternes par rapport à la partie droite, comme on le voit dans la roue chromatique ci-dessus.

 

Pour les ombres, je recommande de choisir des couleurs qui sont vers le noir, mais pas trop loin de la frange droite, comme on le voit dans la roue chromatique ci-dessous. Les couleurs qui tendent vers le gris ne sont pas les bienvenues dans le groupe néon.

► Bâtiments 2D

Pour créer les bâtiments en 2D, nous utiliserons l'option de création d'un "nouveau calque vectoriel", afin qu'en utilisant cette option, nous ne perdions pas la qualité de l'illustration lorsque nous la redimensionnons pour la mettre en perspective et qu'elle dispose de moyens simples pour modifier les lignes créées. Cette option est située à côté de l'option "Nouveau calque".

Dans cette couche vectorielle, nous allons dessiner les bâtiments dont nous avons besoin pour compléter l'architecture. Je recommande d'utiliser le calque vectoriel car il est facile de modifier les lignes qui y sont dessinées. Deux vues devront être faites pour chaque bâtiment, la frontale et une de côté. Vous trouverez ci-dessous un exemple graphique pour plus de clarté.

 

Comme vous pouvez le voir, les bâtiments ne sont que des structures construites à partir de formes de base, réalisées avec l'outil "Forme". Pour la figure 2, une contrepartie latérale n'est plus nécessaire, puisque la ligne elle-même lui confère une tridimensionnalité.

L'outil Vector Eraser efface des lignes entières jusqu'aux intersections avec d'autres lignes.

Dans ce style les bâtiments ont cette construction graphique ; un outil qui peut vous aider à faciliter votre création est la fonction Grille trouvée dans Affichage > Grille. Pour modifier les caractéristiques de la grille, comme la taille des cases, il faut accéder au chemin d'option suivant : Affichage > Paramètres de la règle/grille.

Les bâtiments peuvent être de formes diverses, de tout ce que vous pouvez imaginer. À ce stade, il est conseillé de visualiser les bâtiments en 3D pour pouvoir faire correctement la vue de côté.

► Dégradé

Pour mettre les couleurs sur les bâtiments et certaines parties de l'arrière-plan, nous utiliserons les dégradés dans Clip Studio. Leur utilisation est très simple, cela donne de la couleur de manière simple et rapide aux illustrations.

 

Dans la boutique Clip Studio, vous pouvez trouver un nombre infini de dégradés, ou vous pouvez également utiliser les cartes de dégradés déjà créées et elles peuvent également être créées manuellement.

 

Tout d'abord, pour ajouter un dégradé qui a été téléchargé à partir de la boutique Clip Studio, une façon de l'ajouter serait de faire glisser le matériel téléchargé sur l'outil Dégradé.

Quant à la création de votre propre dégradé, la méthode pour le faire est simple. Il suffit que dans l'outil "Dégradé", cliquez sur l'option "Créer une copie du sous-outil", une nouvelle fenêtre apparaîtra dans laquelle vous pourrez choisir le nom du dégradé. Une fois généré, vous devez vous rendre dans les propriétés de l'outil et dans la section pour spécifier la couleur, dans les cases qui se trouvent en haut, lorsque vous cliquez dessus, la couleur sera transformée en celle qui est actuellement sélectionnée dans le cercle de couleur .

 

Avec la flèche en bas de la barre "Spécification du dégradé", vous pouvez déplacer le niveau de participation d'une couleur ou en cliquant entre les flèches vous pouvez faire apparaître un nouveau carré où vous pouvez ajouter une couleur.

➜ Bâtiments

 

Vient maintenant la chose la plus importante, qui finit par donner à notre ville futuriste sa forme définitive, et pas seulement cela, mais c'est aussi la chose la plus facile à faire. Nous colorerons les bâtiments à l'aide de dégradés.

 

Pour placer les couleurs, nous devrons créer un nouveau calque en bas où se trouve le calque des bâtiments.

L'étape suivante consiste à choisir les couleurs, et une fois choisies, nous allons sélectionner les parties du bâtiment que nous voulons éclairer avec le dégradé à l'aide de l'outil "Sélection automatique" et/ou "Sélection" selon la situation. Les dégradés peuvent être placés dans différentes directions en cliquant sur un point de référence et en faisant glisser la ligne contextuelle dans la direction souhaitée.

 

Pour mettre le dégradé, nous nous placerons dans le calque créé précédemment et une fois la figure sélectionnée, nous sélectionnerons le dégradé souhaité, dans la section des propriétés de l'outil de la section "Créer dans", nous changerons l'option en "Créer un calque de dégradé" et enfin on placera les dégradés.

Chaque fois que nous voulons mettre une couleur dans une certaine section, nous allons passer par les étapes de nous placer dans le calque de couleur et une fois la zone sélectionnée, nous devons appliquer le dégradé. Le dégradé doit être appliqué correctement de telle sorte que lors de la fabrication du calque de ligne invisible, les couleurs du dégradé doivent être unies sans aucun espace blanc entre elles.

 

Chaque dégradé est automatiquement créé sur un nouveau calque au-dessus de celui sélectionné, je conseille donc de ne pas fusionner les calques tant que vous n'avez pas les couleurs finales.

► Couplage de bâtiments en perspective

Il est maintenant temps de coupler les bâtiments dans la perspective créée au début. C'est une étape extrêmement facile. Ce que nous devons faire est d'unifier tous les calques de couleur en un sans inclure le calque vectoriel qui contient les lignes et de les transférer ultérieurement dans le fichier de perspective si vous l'avez fait dans différents fichiers. S'ils se trouvent dans le même fichier, ignorez cette étape car vous l'avez déjà fait auparavant, mélangez simplement les calques de couleur ensemble. Il convient de noter que l'esquisse de la perspective et les bâtiments doivent être sur des calques séparés.

Une fois que nous avons déjà le bâtiment dans la couche de perspective, nous allons maintenant utiliser les outils "Transform" et "Free Transform". Vous pouvez accéder à la fonction de transformation à l'aide des touches Ctrl + T, pour la fonction de transformation libre, vous devez d'abord accéder à la fonction de transformation et une fois à l'intérieur, vous devez faire un clic droit dans la boîte de transformation où plusieurs options apparaîtront, l'une d'elles est la transformation libre.

 

Pour ancrer, nous sélectionnerons la partie avant du bâtiment, puis nous accéderons à Transformation> Transformation libre. En utilisant ses qualités, nous couplerons le bâtiment à la forme du croquis. D'abord une vue du bâtiment, de face ou de côté. Les deux doivent être couplés de manière alignée entre eux.

 

Je conseille de séparer chaque partie des bâtiments, chacune sur des calques séparés, car cela facilite le montage sans endommager l'œuvre.

Nous ferons ces étapes pour chaque bâtiment que nous ajouterons.

► En bas

Lorsque nous avons déjà tous les bâtiments couplés à la perspective vient la dernière étape. Pour cette partie, nous utiliserons également les dégradés et l'opacité des calques que nous utilisons.

 

Maintenant, commençons par placer un arrière-plan total sur la peinture. Dans mon cas, j'utiliserai un dégradé d'une couleur bleu foncé. Pour cette étape, nous allons créer un calque en dessous de tous les calques où le dégradé sera placé. Je vais ramener ce dégradé jusqu'aux points de fuite afin que les dernières couleurs bleues plus claires du dégradé ne soient pas perdues.

Ensuite, dans la partie du sol, placez un fond violet et dans un nouveau calque, peignez à l'aide du quadrillage un quadrillage vert que j'ai mis dans la partie du sol pour différencier l'horizon du ciel et du sol.

Comme aspect suivant, j'ai fait une copie de chaque bâtiment et l'ai fait pivoter de sorte qu'il soit à l'envers par rapport à l'original afin qu'il ressemble à son reflet ; fusionner toutes les couches des bâtiments inversés et réduire leur opacité à 50 %

Enfin, j'ai mis des points roses, jaunes, bleus et blancs dans le ciel pour simuler des étoiles. Le résultat final était le suivant :

adieu

L'avenir est tellement énigmatique et plein de possibilités ; même si nous ne sommes sûrs de rien à ce sujet, nous pouvons toujours imaginer comment cela pourrait être.

 

Nous arrivons ici à la fin de ce voyage vers l'avenir.

Eh bien, rien à dire. Merci d'être venu jusqu'ici ! ପ(๑•̀ुᴗ•̀ु) ॣ৳৸ᵃᵑᵏ Ꮍ৹੫ᵎ ॣ

 

Vibrez haut !!! On ne se verra plus une autre fois ( •⌄• ू ) ✧