Les artistes dessinent souvent des croquis approximatifs de leurs œuvres avant de commencer à apporter les dernières retouches. Ceci est également vrai pour les peintres numériques qui vont dessiner une esquisse approximative dans Photoshop avant de commencer à travailler. Dans le tutoriel d'aujourd'hui, nous allons vous montrer comment polir une esquisse d'un dessin de science-fiction à l'aide de techniques de peinture numériques..
Les touches de raccourci contenant "Ctrl" peuvent simplement être remplacées par le bouton "Commande" sur une version Mac de Photoshop.
Il est important d’établir de bonnes bases pour notre concept, nous allons donc tracer des lignes de perspective avec l’outil Pinceau (B) sur un canevas d’écran large. La taille de la toile n’est pas importante pour le moment, car nous ne faisons que brouiller une composition - les tailles peuvent être modifiées à tout moment. C'est souvent une bonne idée de dessiner des dessins au trait sur un nouveau calque (Ctrl + Maj + N) afin de pouvoir séparer les dessins au trait, par exemple l'arrière-plan. Pour garder les choses en ordre, nous pouvons renommer les calques en double-cliquant sur le texte du calque dans la palette Calques..
La perspective semble tout engloutir à droite - pas très efficace pour montrer un bel intérieur haut. Reprenons les lignes de perspective pour donner au carré des carrés plus pleins. Cela donnera l’illusion d’une vue plus descendante, nous permettant de transmettre une architecture plus profonde et plus spacieuse..
Actuellement, la perspective de l'image est à deux points. L'ajout d'une troisième perspective verticale donnera à la composition une sensation plus dynamique et poussera au vertige. Utiliser plusieurs couches ou tout peindre sur une seule couche a ses propres avantages - expérimentez et voyez ce qui vous convient!
Pour faciliter la visualisation de notre esquisse, nous pouvons atténuer l'opacité du dessin au trait dans la palette des calques. Cependant, dans l'exemple ci-dessous où tout est fusionné dans un seul calque, nous pouvons utiliser l'outil Pot de peinture (G) pour remplir une couleur neutre sur un nouveau calque (Ctrl + Maj + N) et extraire l'opacité. un peu pour voir le dessin au trait dessous. Nous pouvons maintenant commencer à dessiner nos idées sur une nouvelle couche. Si vous avez besoin de plus d'espace pour peindre, ajustez la taille de la toile à la volée à l'aide de l'outil Découper (C)..
La pièce ayant déjà une belle passerelle comme attraction principale, nous avons besoin d’un élément d’avant-plan pour définir la distance et donner au spectateur des bases familières lui permettant de surveiller la passerelle. Le canevas est également retourné à l’aide de la commande Image> Faire pivoter le canevas> Retourner le canevas horizontal. En retournant la toile, nous pouvons voir les erreurs que nous avons peut-être déjà trop zonées. Maintenant, prenez une bonne pause-café… À moins que vous ne soyez hardcore, sinon veuillez continuer.
D'autres éléments tels que le fond doivent être ajoutés, en gardant les formes brutes. Nous devrions idéalement entrer dans toutes les formes importantes et importantes pour voir ce qui fonctionne au niveau général, des détails plus fins peuvent suivre. En ne perturbant pas la haute architecture de gauche, nous utiliserons la hauteur de l'environnement pour donner à la structure un aspect royal. Pour accentuer le trône ou la chaise sur la structure isolée à gauche, nous allons mettre une architecture circulaire pour faire une déclaration avec les formes. C'est un moyen astucieux d'extraire des éléments de la composition à l'aide d'un langage de conception simple. En répétant des formes telles que les entrées et les balcons à droite, nous pouvons aider à décrire l’échelle des choses quand elles se répètent au loin..
Si le dessin au trait vous convient, utilisez la fenêtre Taille de l'image (Ctrl + Alt + I) pour augmenter les pixels. Je change le mien en pensant à l’impression, donc environ 4000 largeurs est idéal. Nous pouvons maintenant commencer à colorer les lignes. Si le dessin au trait est sur un calque séparé, la coloration est beaucoup plus facile, car nous pouvons colorier parfaitement sous le calque. Un excellent moyen de colorer les dégradés derrière les éléments, comme illustré dans l'exemple ci-dessous, consiste à peindre sur un nouveau calque (Ctrl + Maj + N), puis à créer un nouveau calque au-dessus de celui-ci et à faire Alt-clic entre eux (voir ci-dessous). Cela nous permet de peindre sur la couche supérieure tout en préservant la transparence de la couche située en dessous. C’était une mauvaise explication… ce qui est une raison de plus pour se laisser aller et expérimenter soi-même!
La zone verte ci-dessous montre une partie de la peinture que nous allons assombrir car elle capte moins de lumière. Notez que plus l'environnement est proche, plus il apparaît sombre et saturé; ceci est dû au brouillard atmosphérique qui se forme sur de plus grandes distances - une technique extrêmement utile pour illustrer des distances épiques. N'oublions pas de retourner la toile horizontalement de temps en temps, même lors de l'ébauche de nos couleurs.
Ajouter un tapis rouge ou un motif sur le chemin est un autre excellent moyen de montrer la distance des éléments. Ici, nous pouvons utiliser le tapis rouge pour ponter la plate-forme latérale et la structure de la passerelle principale. Le moment est venu de définir les principales couleurs et sources de lumière. N'oubliez pas de travailler toute la peinture et de ne pas vous perdre dans les détails. Se concentrer sur un petit domaine à la perfection nous déconnectera du reste du tableau et rendre tout le tableau à la perfection prendra probablement beaucoup trop de temps pour que cela en vaille la peine. Nous avons juste besoin d’établir la composition en utilisant la couleur, la lumière et l’espace jusqu’à un niveau lisible, ce qui devrait en faire une pièce réussie. Travailler la peinture entière gardera également la pièce ensemble et sera présentable au client dès les premières étapes s'ils en ont besoin de manière inattendue. Comme nous l'avons répété à l'étape 6, répéter le tapis au loin aide à vendre la balance et à suggérer jusqu'à quel point il est en arrière..
Maintenant, pour définir certains éléments un peu mieux - nous pouvons donner l’illusion de lumières d’un autre espace pour y parvenir. Les pinceaux plus durs donnent généralement plus de texture et de vie à un tableau, mais l’utilisation d’un pinceau doux pour les lumières volumétriques, comme dans l’exemple ci-dessous, est très efficace..
Un pinceau carré nous donnera les répétitions visuelles indispensables pour les escaliers. Nous allons donc cliquer avec le bouton droit de la souris sur la toile pour afficher la palette Formes, puis faire un clic gauche sur le triangle situé à droite pour afficher des options supplémentaires et choisir des pinceaux carrés. . Ces brosses par défaut sont fournies avec le progiciel. Il est donc bien plus judicieux d'explorer la vôtre ou de rechercher en ligne des brosses personnalisées, libres de droits. Vous pouvez en apprendre plus sur la création de styles personnalisés en profondeur dans l'outil pinceau de Photoshop - Guide de base d'Alvaro Guzman..
Jouez avec l'espacement dans la fenêtre Pinceaux (F5) jusqu'à ce que nous recherchions le trait miniature ci-dessous - quelque chose qui rappelle un peu le bord d'un escalier. Dans l'exemple ci-dessous, le carré a été légèrement aplati par le point en surbrillance et ajusté à l'aide du clic gauche. Expérimentez avec les autres paramètres pour voir ce qui vous convient.
Vous pouvez enregistrer le pinceau pour l'utiliser plus tard en cliquant sur le fond avec le bouton droit de la souris, en cliquant sur le triangle et en choisissant Nouveau préréglage de pinceau. Nommez le pinceau et ce sera sur la palette de pinceaux à utiliser une autre fois.
Nettoyez tout ce qui en sort pour maintenir l'ordre des éléments. Nous mettrons également en évidence certains bords, juste pour modifier la définition afin d'obtenir des valeurs plus claires..
Travailler autour d'autres zones de la peinture - la lumière de bordure verte que nous avons réalisée à l'étape 10 a très bien fonctionné, alors essayons également cet effet sous la plate-forme. Il n'est pas nécessaire que les éclairages soient trop brillants pour l'instant - les valeurs de contraste extrêmes sont très puissantes, alors sauvegardons-les pour plus tard. En restant dans la moyenne gamme un peu plus longtemps, nous avons plus d'espace pour jouer avec l'éclairage de la composition sans rien encrasser dans la pierre. Notez que la fenêtre du navigateur est également ouverte (Fenêtre> Navigateur). Cela nous donne une vue miniature de la peinture afin que nous sachions à quoi elle ressemble dans l’image plus grande tout en travaillant en zoom avant..
Si nous peignons un élément particulier sur un nouveau calque tel que le brouillard vert ci-dessous, cela nous donne la possibilité d’apporter des modifications au calque à l’aide de l’outil Teinte / Saturation (Ctrl + U). En cochant l’option Coloriser, nous pourrons donner une couleur aux valeurs de niveaux de gris plus claires en diminuant le paramètre Luminosité..
Comme pour le traitement de l'étape 8, assombrissons un peu le mur pour illustrer l'absence de lumière. Le vert dans l'exemple est juste pour montrer où il est peint. Un peu d’or a également été ajouté pour compléter les tons rouges et donner une allure royale à l’assortiment de hauts et élégants piliers. Nous pourrions simplement laisser flotter tout ce que nous voulons, mais utiliser des piliers fondera l'architecture de manière crédible, donnant au spectateur quelque chose à se familiariser avec si c'était dans la réalité.
La composition générale utilise beaucoup de tons plus froids, nous pouvons donc donner un peu de chaleur à la passerelle principale, suggérant ainsi une source de lumière naturelle. Testez certains modes de calque et combinaisons de couleurs pour voir les effets et leur adéquation à votre propre composition. Dans l'exemple ci-dessous, le mode Calque est remplacé par Superposition et l'opacité est réduite afin de ne pas être trop visible. Si l'effet n'est pas assez fort, il y a toujours la possibilité d'éclaircir les choses lors du polissage de notre pièce vers la fin..
Resserrons encore les contours et mettons en place des sources de lumière secondaires.
Pour introduire certains éléments de science-fiction, vous pouvez contrôler les nouvelles lignes dessinées sur un nouveau calque en choisissant l'outil Déplacement (V) et en faisant glisser les angles de la zone de transformation en appuyant sur Ctrl + clic gauche. Alternativement, nous pouvons utiliser l'outil de transformation libre (Ctrl + T). Avoir le contrôle des coins nous permet d’appliquer les lignes à notre guise dans la perspective souhaitée.
Semble bien! Essayons d'ajouter le même effet à la plate-forme latérale, aussi.
La plate-forme est assez fade et faiblement éclairée. Nous pourrions essayer d'éclairer l'endroit avec des lumières civiles en utilisant la brosse dans un cadre plus doux. Faites un clic droit sur la toile tout en utilisant l'outil Pinceau (B) pour régler la douceur à la volée.
À ce stade de l'exemple, mon ordinateur est tombé en panne après une coupure de courant… Mais peu importe, le travail a été sauvegardé! Pensez à enregistrer avec Ctrl + S ou Fichier> Enregistrer. Ce point était aussi lorsque j'ai remarqué que la perspective était légèrement en retrait - il n'est jamais trop tard pour faire des changements! (À moins qu'il ne reste plus de temps) Dessiner de nouvelles lignes de perspective sur un calque séparé facilite leur suppression lorsque vous en avez terminé..
Nous allons maintenant peindre correctement sur le sol. Peindre à la main et travailler sur une couche plutôt que d'utiliser une plaque d'outils doublera probablement au moins votre pratique du dessin. Il est donc important de ne pas vous laisser prendre à essayer les dernières fonctionnalités pour ces choses - ces outils ne feront que encouragez vos compétences fondamentales jusqu’à présent lors de la conceptualisation des dessins. Cela dit, vous pouvez utiliser l'outil Lasso polygonal (L) pour effectuer des sélections à bords droits en cliquant sur le bouton gauche :)
Comme l'œil est guidé le long du trottoir, il a besoin d'une sorte de récompense visuelle par opposition à un sol ordinaire et à une impasse. Nous allons expérimenter un peu en ajoutant des niveaux d’architecture supplémentaires - de simples socles pour le moment pour tester les eaux créatives..
Si nous observons une architecture ouverte plus ancienne qui a eu sa part de rouille, de vent et de débris, elle n’a généralement pas une forme spectaculaire. Si nous conservons tout en utilisant des outils de sélection et des remplissages parfaits, la peinture aura une apparence très numérique. Par conséquent, le fait de rendre les contours ou les surfaces rugueux donnera à la peinture plus d'authenticité et de crédibilité..
L’ajout de statues et la mise en place de leurs poses en guise d’armes pourraient suggérer un peu d’arrière-plan. Le dessiner sur un piédestal fait presque partie de la récompense de guider nos spectateurs dans ce qui serait autrement un sol ennuyeux (avec un beau tapis rouge). Nous préparons également les couleurs dans les gammes or ou bronze pour qu'elles correspondent aux bannières autour du décor..
Pour rendre les faits saillants des statues «pop», nous pouvons appliquer des valeurs plus claires sur un jeu de calques séparé en superposition. Il est très difficile de prédire à quoi ressemblera votre couche sans la changer en superposition en premier lieu et en faire l’essai. N'oubliez pas de faire un zoom arrière / horizontal sur le canevas et de vérifier son aspect général, pas seulement avec des sections détaillées..
Maintenant, ajoutons une arme pour suggérer des éléments d’histoire, une queue pour guider le spectateur dans la direction voulue et quelques flèches pour la faire paraître câlin. Laissez libre cours à votre créativité! Jetons un peu plus de tapis rouge juste pour faire bonne mesure.
Nous ramènerons les escaliers en utilisant le pinceau que nous avons créé à l'étape 12. Suggérer le bord des escaliers est probablement le moyen le plus rapide de dessiner des escaliers sans avoir besoin d'être précis. La précision des mesures des escaliers n’est pas importante - nous ne pouvons que vendre l’idée d’escaliers et que leur couleur / éclairage contribue à atteindre cet objectif..
Tracons des lignes où le spectateur verrait moins de lumière; cela renforcera la forme de l'escalier.
C'est une excellente occasion d'ajouter un peu de brouillard atmosphérique sur des distances plus éloignées telles que les zones entourées dans l'exemple ci-dessous. Le projecteur de la passerelle a également été davantage mis en valeur en peignant des valeurs plus sombres autour de lui. Enfin, la figure de gauche était presque noire, masquant d’autres valeurs sombres dans le tableau. Il suffit simplement de la renverser pour rapprocher un peu plus la part des valeurs de la composition. Nous avons également placé des figurines à taille humaine autour du décor pour que l'œil puisse comprendre l'ampleur des choses..
Nous pouvons maintenant effectuer un réglage de couleur en modifiant le mode de calque en Couleur et en appliquant n’importe quelle couleur sur le calque inférieur - dans ce cas, en bleu. Ce faisant, toutes les valeurs situées en dessous seront influencées par la plage bleue, où 100% des valeurs bleues modifieront toutes les valeurs situées en dessous de la plage bleue..
Enfin, donnons à l'image une bordure pour l'encadrer de manière présentable. Tout d’abord, assurez-vous que notre couleur d’arrière-plan correspond à la bordure souhaitée, puis ouvrez la fenêtre Taille du canevas (Ctrl + Alt + C). Utilisez une valeur de 50px pour les paramètres Width et Height (choisissez Pixels dans le menu déroulant) et assurez-vous que l'option Relative est cochée. Si cette case n'est pas cochée, le canevas passera à 50 px par 50 px au lieu d'ajouter 50 px supplémentaires autour de la taille du canevas existant. Si la couleur de l'extension de la zone de dessin est définie sur Arrière-plan (par défaut), le choix de OK donnera à notre image une bordure de 50 pixels par 50 pixels..
… Le temps est écoulé, signez votre pièce!
Si vous avez plus de temps, vous pouvez continuer à ajouter des détails précis et des éléments d’histoire à la composition pour donner à la pièce plus de réalisme et de crédibilité qu’elle constituerait un ensemble viable dans la vie réelle. Cependant, pour refléter le temps passé sur ce sujet, le concept devrait suffire pour qu’un terrain présentable puisse fonctionner dans un environnement de production rapide. Si vous avez capturé le concept d'espace intérieur que vous essayez de transmettre, le client peut retirer le morceau de vos mains à tout moment. Travailler sur l'ensemble de la peinture vous donne simplement la possibilité d'ajouter des détails une fois le concept "capturé". Il n’existe aucun outil spécial dans les dernières tendances logicielles pour dessiner un élément pouvant être présenté: tout ce dont vous avez besoin, c’est du temps. Expérimentez et mettez en pratique vos connaissances fondamentales en composition, éclairage et couleur avec chaque pièce. J'espère que vous avez appris quelque chose d'utile en lisant ce mur de texte.!