INTRODUCTION

Bonjour! Je m'appelle Hoz, vous pouvez me trouver sur Instagram @hozartist et sur artstation sous HOZART. Depuis quatre ans, je peins et crée professionnellement pour l’industrie de l’animation et du jeu vidéo. Dans ce didacticiel, je vais vous montrer le processus de création de cet arrière-plan. Commençons.

DIDACTICIEL VIDÉO

ÉTAPE 1: COMPOSITION THUMBNAILS

Les premières choses que nous allons faire sont des miniatures de composition, notre objectif est que notre idée puisse se concrétiser avec seulement deux valeurs (noir et blanc) et des formes simples.

Après cela, nous ajouterons d'autres valeurs sur l'échelle de gris pour donner une idée de l'éclairage.

Lorsque je réfléchis à mes compositions, je garde à l’esprit 3 choses:

1- POINT FOCAL

2- HIÉRARCHIE

3- DIRECTION

POINT FOCAL

Donc, point focal, j'ai utilisé la grille de composition la plus basique. LA RÈGLE DES TIERS, essentiellement dans ces intersections (X), vous pouvez placer les éléments importants. Pour le moment, ça va, mais ça peut aller mieux…

J'ai donc recadré le cadre sur le côté droit pour que les tiers s'adaptent mieux aux statues.

HIÉRARCHIE

Pensant en hiérarchie, j'ai décidé que la statue la plus proche de nous, ou la caméra est l'objet le plus important pour moi, en second lieu la statue la plus éloignée et les ruines et enfin les petits personnages qui viennent de trouver cet endroit.

DIRECTION

Qu'est-ce que je veux dire par «direction»? Eh bien ... lorsque vous dessinez un personnage dans cette "direction", il s'appelle "RYTHM" ou "GESTURE", c'est la force dans la pose

Dans les arrière-plans, c'est vraiment similaire, mais cette force est celle qui vous amène au point focal, par exemple: ici, nous avons une petite personne, seule dans le désert

Rien d'extraordinaire, mais si nous ajoutons une montagne en arrière-plan cela fonctionnera comme une flèche qui nous fait le regarder,

Cette direction peut être trouvée n'importe où, comme un nuage, un signe ou même une ombre, c'est vous qui décidez!

Pour en revenir à la statue, j'ai essayé que ma hiérarchie fonctionne comme un cercle, aussi, j'ai ajouté des éléments secondaires (ORANGE) pour que le spectateur soit piégé dans une boucle à l'intérieur de la composition FOREVER!

ÉTAPE 2: BRUT

Maintenant, dessinons quelques lignes. Mon premier conseil, en particulier avec les surfaces planes / dures comme les ruines, est de créer une règle de perspective, nous allons passer à "COUCHE" "RÈGLE / CADRE" et "CRÉER UNE RÈGLE DE PERSPECTIVE"

J'ai utilisé une perspective à deux points, puis j'ai défini la ligne d'horizon sur celles que j'avais établies dans la vignette, puis j'ai commencé à dessiner un BRUT à la recherche de formes plus définies dans le pouce et en regardant toujours les références

ÉTAPE 3: CROQUIS

Après avoir fini notre brouillon, nous pouvons continuer avec le croquis dans lequel j'essaie de rendre les éléments plus compréhensibles, c'est pourquoi il est vraiment important d'avoir une bonne collection de références, donc nous ne perdrons pas de temps à essayer de faire quelque chose à partir de zéro, ici nous avoir le croquis.

ÉTAPE 4: LINEART

À PRÉSENT! Avant de faire le lineart final, gardez à l'esprit que l'épaisseur de la ligne peut aider à créer l'illusion de la profondeur.

Tout d'abord, créez une COUCHE VECTORIELLE (La verte !!!!)

Le calque vectoriel est votre ami, dessinons, gardez à l'esprit l'épaisseur de la ligne, c'est le FG (premier plan), j'ai donc utilisé 7 pixels, pour la MG (milieu de plan), j'ai créé une autre couche VECTORIELLE et utilisé 6 pixels pour ces lignes (pour les détails à l'intérieur des objets, j'ai utilisé 5 pixels) J'ai terminé les éléments restants et nous avons ici le lineart final.

ÉTAPE 5: COULEUR DES THUMBNAILS

Maintenant, vous vous demandez peut-être "COMMENT CHOISIR MA PALETTE DE COULEURS?" et je répondrais:

1- Pensez à la température, l'endroit est chaud ou froid, à quel point il fait froid?

2-Pensez aux couleurs locales (les couleurs locales sont les couleurs naturelles des choses, par exemple, une aplee est rouge non? Eh bien, le rouge est la couleur naturelle de la pomme, c'est la couleur locale)

3-Le sentiment, vous voulez une scène qui vous ressemble? Effrayant? Mystérieux? Encore une fois si vous vous sentez perdu, cherchez simplement des références

 

Quoi qu'il en soit, dans cet esprit, nous pouvons commencer par des miniatures de couleurs, ce sont des explorations de couleurs pour trouver quelque chose qui fonctionne ou s'adapte bien à ce que nous recherchons.

Ici, je vais vous laisser un schéma de la façon dont j'ai pensé la température dans tous les pouces.

ÉTAPE 6: APPARTEMENTS DE COULEUR

Continuons, maintenant FLATS, cette fois nous allons cliquer dans le calque notre lineart, et allumer ce petit phare, puis nous ajouterons une COUCHE NORMALE et nous la placerons sous ce nouveau calque

TEMPS DE COLORATION, je colorierai avec l'outil "REMPLIR", n'oubliez pas d'activer ces choses et vous serez plus heureux

Ici, nous avons les FLATS, je sais que ce sont des couleurs aléatoires ...

Mais maintenant, nous allons apporter le pouce de couleur que j'ai le plus aimé et nous le placerons ici afin que nous puissions choisir les couleurs et commencer à attribuer les vraies couleurs locales aux plats que nous avons précédemment créés

JITTER DE COULEUR

Avant de continuer, petite astuce: COLOR JITTER, vous savez ce que c'est? C'EST MAGIQUE! Avec l'instabilité des couleurs, un trait de couleur normal se transforme en un trait plein de vie!

Comment fait-on ça? Facile

 

1-Tout d'abord, nous allons dupliquer n'importe quel pinceau (sous-outil / cette petite icône plus en bas), afin que nous puissions simplement jouer avec ce nouveau clone et le gâcher un peu

2- Avec le nouveau pinceau sélectionné, nous cliquons dans cette petite clé (propriété de l'outil) et cela ouvrira cet onglet appelé Détail de l'outil secondaire, et nous recherchons la gigue de couleur

Nous recherchons un petit onglet de gigue de couleur (1), nous vérifions tout cela (2) et enfin vous devez déplacer ces barres (3)

Avec cela, nous pouvons transformer nos appartements ennuyeux en quelque chose de plus intéressant. VOIR! Je viens de choisir et de repeindre les appartements avec cette gigue de couleur

ÉTAPE 7: (MULTIPLY) OMBRES

On commence à placer des ombres, encore une fois, un nouveau calque et on passe de normal à multiplier, ce sont les couleurs que j'utilise (c'est le même calque mais un en mode normal et l'autre en multiplication)

ÉTAPE 8: COLORATION DE LA LIGNE

Après avoir ajouté quelques détails au dessin, je suis prêt à colorier la ligne, cela nous aidera à augmenter la profondeur de l'arrière-plan, comment? Je vais te montrer:

 

Ici, nous avons quelques lignes heureuses, je vais ajouter un nouveau calque par-dessus

Puis clip pour calque ci-dessous

Et c'est tout, nous pouvons commencer à colorer ces lignes

Voici comment l'arrière-plan s'est retrouvé avec les lignes colorées

ÉTAPE 9: LIGHT n SHADOW FX's

Nous allons utiliser l'OUTIL GRADIENT dans un nouveau calque entre les plans, entre le FG et le MG et nous allons faire un dégradé avec une couleur saturée en utilisant l'un de ces MODES DE COUCHE

Essayez-les tous et restez avec celui que vous aimez le plus, j'ai choisi AJOUTER (GLOW) et j'ai baissé l'opacité.

Avec ce pouvoir entre vos mains, vous pouvez ajouter du volume à tous les éléments que vous voulez et votre scène aura l'air plus volumétrique (à la fin, j'ai ajouté quelques particules pour insinuer un peu de vent), j'ai ajouté quelques personnages, et nous l'avons.

Cela peut déjà être considéré comme un BG finalisé, mais ...

ÉTAPE 10: LE STYLE DE PEINTURE

Pour obtenir ce style de peinture, je vais utiliser ces cubes et sphères explicatifs

J'ai d'abord défini la ligne sur une valeur plus légère

Adoucir les bords ici, faire rebondir la lumière là-bas

Peignez au-dessus des lignes et pour moi le plus important, l'OCCLUSION SHADOW et les HIGHTLIGHS, placez mal des flèches explicatives pour que vous puissiez mieux comprendre ce que je dis

Maintenant, pour finir l'arrière-plan, j'ai d'abord changé le ton de la ligne en un ton plus clair et saturé, puis j'ai appliqué les ombres d'occlusion, ces ombres sont les zones où deux surfaces se rencontrent, généralement ce sont les endroits où le lineart est , en peinture par exemple, entre les branches et les fissures des ruines

J'ai également ajouté des tons hauts sur les feuilles et sur les bords de la brique cassée

J'ai ajouté plus de détails à l'herbe et ajouté du volume aux colonnes, et nous voici à la fin de notre tutoriel. Cherchant toujours à couvrir les lignes du style précédent

Et nous voici à la fin de notre tutoriel, j'espère que vous avez appris quelque chose. MERCI !!