Comment créer un concept de paysage urbain

Dans ce tutoriel, je vais vous apprendre à créer facilement un concept artistique de paysage urbain réussi. Nous utiliserons une scène 3D très basique comme base de la pièce, puis nous l'enverrons dans Photoshop pour une manipulation créative des photos de référence, des travaux de peinture de base et des ajustements. Créons cette scène urbaine!

Note de l'éditeur: Ce tutoriel a été publié sur Psdtuts en décembre 2009.


Le bref

Le mandat, dans mon cas, était de créer une scène de rue historique de n’importe où dans le monde avant 1914. Ce n’était pas une rue en particulier, mais le concept devait servir à donner l’impression que cela pourrait être une vraie rue. au moment et à l'endroit que j'ai choisis, avoir un sens de l'architecture et de la lumière et une atmosphère générale.

Évidemment, vous pouvez faire tout ce que vous voulez pour vos projets, mais dans l’intérêt du tutoriel, passons à mon choix, qui était à Glasgow (Écosse) en 1900..


Étape 1

La première chose à faire est de rassembler beaucoup de références visuelles. Ce n’est pas parce que tu es à Glasgow en 1900 que tu dois rechercher des photos ou des peintures de Glasgow en 1900..

Vous devriez regarder le travail des maîtres de la peinture traditionnelle, des peintres contemporains et des artistes conceptuels, des photographes, des sculpteurs, des studios d'architecture, etc. Cela vous fera penser à la couleur, à la composition, à l'éclairage, etc. On peut trouver tout cela en ligne, dans des livres, à la télévision, dans des journaux et des magazines, et presque partout. Si quelque chose vous inspire, conservez-le en quelque sorte! Je pourrais vous assoir ici en vous ennuyant avec des listes de travaux incroyables à regarder, mais cela prendrait tout un article en lui-même.?

Je ne saurais trop insister sur l’importance des documents de référence, car sans eux, vous travailleriez à l’aveuglette. Et le plus souvent, le travail que vous effectuez dans votre tête sera dix fois plus faible que celui produit avec une référence bien utilisée. À peu près tout artiste de concept à succès vous le dira.

Un autre excellent moyen de rassembler des références visuelles est bien sûr de capturer vous-même! Ci-dessous, par exemple, quelques photos d'un lot que j'ai pris à Londres..


Étape 2

Au-delà du type de référence général inspirant, il est judicieux de rassembler le type de matériau de référence le plus pratique et le plus utile. Je veux dire par là des photos de Glasgow de 1900 que nous pouvons utiliser pour construire notre scène plus tard..

Dans mon cas, j'ai trouvé une ressource incroyable par le biais de la bibliothèque AMICA, un service gratuit qui permet de rechercher toutes sortes d’art de toutes les époques, mais vous devez payer un supplément pour accéder aux images en résolution maximale..

Vous verrez ici que je suis tombé sur des images d'un livre fantastique du photographe Thomas Annan intitulé "Les vieilles rues et la fermeture de Glasgow" de 1900. Ce sont précisément ces images que nous allons éventuellement découper et manipuler afin de ajouter de la texture à notre scène. Vous pouvez trouver les images ici.


Étape 3

Une fois que vous avez toutes vos images de référence et que vous êtes à peu près sûr du type d'image que vous souhaitez créer, c'est une bonne idée de faire beaucoup d'esquisses miniatures. Vous pouvez utiliser un crayon ou peindre directement dans Photoshop. Ces miniatures ont été peintes à l'aide de certains des pinceaux par défaut de Photoshop définis sur l'opacité du stylet, mais je vais entrer dans les pinceaux un peu plus tard..

Pour cela, vous devez travailler assez petit et consacrer le moins de temps possible à chacune d’elles. La vitesse est la clé! Si je me souviens bien, ils ont été tirés entre 30 secondes et deux minutes. De cette façon, vous devez vraiment comprendre la composition et l'idée principale de l'image plutôt que de vous perdre dans les détails..

N'ayez pas peur de faire cette étape. Je ne suis pas un grand peintre, mais vous pouvez voir dans certaines des vignettes ci-dessous qu'elles sont simples et suffisamment complexes pour donner l'idée d'une scène..


Étape 4

Nous allons maintenant commencer à travailler sur notre dernière pièce. Ouvrez Maya (ou le programme de votre choix), puis créez un plan polygonal. Faites-le assez grand pour qu'il puisse servir de sol.


Étape 5

Ensuite, créez un cube au dessus de votre avion, ce sera le modèle pour nos autres bâtiments.

Une fois créé, appuyez sur la touche Inser. Cela transformera votre manipulateur en une icône légèrement différente et vous permettra de déplacer uniquement le point de pivotement de votre objet. Dans une vue latérale, déplacez le point de pivotement vers le bas de votre cube (vous pouvez changer de fenêtre en appuyant sur la barre d'espacement tout en survolant une fenêtre pour l'agrandir ou pour effectuer un zoom arrière sur une vue à 4 panneaux). Cela signifiera que lorsque vous redimensionnez ce dernier, il ne sera pas réellement redimensionné sous le sol, mais au contraire il se développera vers le bas..

Une fois que cela est fait, appuyez à nouveau sur la touche Inser pour sortir du mode édition de point pivot..


Étape 6

Une fois que vous avez configuré votre cube de base, vous devez commencer à placer des doublons autour de la scène pour créer la rue..

Pour ce faire, sélectionnez le cube et appuyez sur Commande + D pour le dupliquer, sur la touche W pour le déplacer et sur la touche R pour le redimensionner. Faites-le assez de fois jusqu'à ce que vous obteniez quelque chose comme l'image ci-dessous.

N'essayez pas d'aligner parfaitement les choses, le charme de ce type de rues réside dans l'asymétrie et la variation chaotiques..


Étape 7

Maintenant que nous avons une configuration de rue de base, nous allons créer un système simple de lumière du jour. Ouvrez les paramètres de rendu et sous le menu déroulant Rendu avec, choisissez Rayon mental. Ensuite, sous l'onglet Qualité, choisissez le préréglage de qualité appelé "Aperçu: Rassemblement final".


Étape 8

Toujours dans la fenêtre Paramètres de rendu, accédez à l'onglet Éclairage indirect et, à côté de Physical Sun and Sky, appuyez sur le bouton Créer..


Étape 9

Le système de lumière du jour a en fait créé une lumière directionnelle agissant comme le soleil. Cette lumière peut être difficile à trouver à l’œil, allez donc dans Window> Outliner. Vous pouvez y voir une liste de tous les éléments de votre scène. Faites défiler la liste jusqu'à ce que vous voyiez quelque chose appelé "sunDirection", puis utilisez les outils de déplacement et d'échelle pour le placer dans un endroit un peu plus facile à voir et à manipuler..

Notez que ces types de lumières ne changent pas en fonction de leur taille ou de leur position, seule la rotation affecte l'apparence de la lumière..

Par conséquent, pour manipuler la lumière, appuyez sur le chiffre 7 de votre clavier, ce qui active le mode d’aperçu de la lumière dans votre fenêtre et faites pivoter la lumière du soleil jusqu’à ce que vous en soyez satisfait. N'ayez pas peur d'expérimenter cela et de produire quelques rendus de test. Je voulais que mon ciel vienne presque contre la caméra, je l'ai donc positionné de la même manière que ce que vous pouvez voir ci-dessous..


Étape 10

Nous allons rendre notre caméra légèrement plus intéressante en lui donnant une vue grand angle. Dans votre fenêtre, cliquez sur Affichage> Sélectionner une caméra..

Si votre éditeur d'attributs n'est pas déjà activé, appuyez sur Commande + A. Ensuite, sous Attributs de l'appareil photo, tapez 18 dans le paramètre Longueur focale..


Étape 11

Lorsque vous êtes satisfait de votre angle, accédez à nouveau aux paramètres de rendu. Sous l'onglet Commun, vous pouvez modifier la taille de votre rendu. Dans mon cas, je travaillais avec le format A4, alors j’ai mis ces dimensions en valeur, mais vous êtes libre de choisir les vôtres..

Ensuite, dans le menu Render, appuyez sur Render Current Frame. Vous devriez vous retrouver avec quelque chose de similaire à l'image ci-dessous!

Dans la vue Rendu, appuyez sur Fichier> Enregistrer l'image. Enregistrez-le dans un fichier Targa de haute qualité.

Ensuite, créez un nouveau document Photoshop (encore une fois, au format A4) et collez-y l'image rendue..


Étape 12

C'est là que ça s'amuse!

Commencez par ouvrir vos photos de référence et réfléchissez aux parties de celles-ci qui peuvent aller où. Vous pouvez ensuite commencer par utiliser l'outil Lasso polygonal pour effectuer des sélections autour de patchs rectangulaires de vos images de référence qui ressemblent vaguement à l'angle sous lequel vous souhaitez les coller sur votre rendu. Une fois la sélection effectuée, Commande + C pour copier et Commande + V pour coller sur votre document avec l'image rendue..

À ce stade, ne vous inquiétez pas trop de la mise à l’échelle des petites images de référence, votre résultat final sera à peine perceptible. Une fois que vous avez un patch de immeubles collé dans votre scène, appuyez sur Commande + T pour transformer librement et utilisez Commande + cliquez et faites glisser sur les coins de vos exemples d'images pour manipuler leur perspective approximativement. Définissez le mode de fusion sur Superposition, Multiplier ou ce qui convient le mieux. Vous pouvez également jouer avec l'opacité.

Encore une fois, ne ressentez pas le besoin d'être très précis. Peu importe que la perspective soit erronée, le concept est très vague et les images ne sont là que pour donner une idée de l'architecture et de la texture de la surface. Ces erreurs seront quand même dissimulées dans les dernières étapes.

Une chose à laquelle vous devriez faire très attention, c'est l'échelle! Essayez d'imaginer un être humain dans la rue (collez-en un, si cela peut vous aider!) Et déterminez s'il y a quelque chose de trop irréaliste par rapport à la personne à l'échelle..

C'est un processus très organique, je ne peux pas vous dire exactement où coller chaque image, mais j'espère que vous aurez une idée du processus.!


Étape 13

La prochaine étape est celle où une tablette graphique est vraiment utile. C'est parce que nous allons faire de la peinture! Les brosses personnalisées que j'utilise 99% du temps sont les "MyBroosh" et "Oil Pastel Large 3", qui sont incluses dans le pack de brosses gratuit gracieusement fourni par l'artiste Daarken sur son site Web. Vous pouvez trouver les pinceaux dans sa fantastique section Tutoriels.


Étape 14

Ne soyez pas rebutés si vous n'avez aucune expérience en peinture numérique. Nous ne peignons pas une scène entière, mais ajoutons simplement des éléments de détail et des tons pour mélanger les éléments photo..

Assurez-vous de travailler dans de nouveaux calques lorsque vous peignez, par exemple, pour pouvoir toujours supprimer tous vos coups de pinceau sans endommager le matériau situé en dessous..

Comme vous pouvez le voir ci-dessous, il vous suffit d’ajouter une tonalité et des détails aléatoires à l’ensemble de votre scène, sans être trop précis. Rappelez-vous simplement de considérer la source de lumière, de manière à ajouter des rehauts et des ombres aux bons endroits. Sur la deuxième image ci-dessous, vous pouvez voir uniquement le calque de peinture collé sur du rouge, de sorte que vous puissiez voir les traits noir et blanc. J'espère que vous pouvez voir à quel point vous pouvez être en désordre avec cette!


Étape 15

Un moyen peu coûteux d’ajouter des informations sur les couleurs sans les peindre consiste à utiliser des photographies ou des peintures existantes. Par exemple, j’ai beaucoup aimé la couleur et la lumière de cette photo de Leo Rubinfien. Je l’ai donc collée sur mon document, puis étirée pour remplir entièrement mon canevas et la régler sur Superposition à environ 67% d’opacité. Ensuite, j'ai effacé la partie supérieure de l'image pour qu'elle ne soit pas projetée dans le ciel.

N'hésitez pas à expérimenter! Souvent, ces expériences vont mal, mais les erreurs en valent la peine, ne serait-ce que pour les quelques moments où elles fonctionnent.


Étape 16

Vous devriez ensuite commencer à définir les zones d'ombre et de lumière un peu plus loin pour resserrer la scène. Une fois encore, vous pouvez voir uniquement la nouvelle couche peinte collée sur du rouge. Je règle l'opacité de ce calque autour de 84%.


Étape 17

Si vous en ressentez le besoin, continuez et ajoutez de nouveaux éléments de texture et d'architecture à votre scène. Dans ce cas, j'ai placé un peu plus de fenêtres et quelques cheminées autour de la scène, car elle avait l'air un peu trop en forme de boîte..

Ensuite, commencez à ajouter davantage de tons en créant un calque de réglage de la carte en dégradé, en le réglant sur Lumière douce et sur une opacité de 11-15% environ. J'ai utilisé le dégradé "Jaune, Violet, Orange, Bleu". J'ai également ajouté une texture grunge jaune / orange trouvée sur designshard.com et je l'ai réglée sur Soft Light, à environ 22%.

Ces étapes ne sont certainement pas absolues. Encore une fois, ce ne sont pas des valeurs ni des ressources exactes qui fonctionneront avec toutes les images. Par conséquent, faites des essais jusqu'à ce que quelque chose fonctionne pour vous. J'espère juste partager la méthode de création de cette image particulière, ce qui, espérons-le, vous donnera des idées lors de la création de votre propre image..


Étape 18

Créez un nouveau calque et commencez à peindre quelques traits de pinceau dans des tons orange-rouge et rouge, avec le calque défini pour la couleur et une opacité d'environ 40%. Étant donné que l’image s’appuyait principalement sur des tons plus froids, j’ai pensé que cela pourrait ajouter un peu de balance des couleurs et de variation..

Ensuite, j’ajoute un nouveau calque de réglage des courbes et crée un léger S courbe dessus, pour assombrir les ombres et éclaircir les reflets.


Étape 19

Pour accentuer davantage les tons d'ombre et de soleil, créez un nouveau calque et remplissez-le d'un dégradé allant du ton orange au bleu, comme vous pouvez le voir sur l'image ci-dessous. Ensuite, réglez ce calque sur Superposition à environ 10% d'opacité..

Vous pouvez ensuite ajouter une autre texture grunge jaune / orange, très semblable à celle mentionnée précédemment, et la régler sur Lumière douce à une opacité d'environ 34%..

J'ai également pensé que je devrais mentionner que même à ce stade, j'ai continué à ajouter des photos de référence d'architecture là où je pensais qu'elles étaient nécessaires pour ajouter plus de détails..



Étape 20

Nous y sommes presque! Ajoutez simplement des cartes de dégradé subtiles de dernière minute ou tout autre calque de réglage. Ensuite, créez un nouveau calque et remplissez-le de gris moyen, puis sélectionnez Filtre> Bruit> Ajouter du bruit. En fonction de la taille de votre image, ajustez le pourcentage pour obtenir un effet très subtil et cochez la case Monochromatique. Réglez ce calque sur Superposition à une opacité d’environ 60-70% ou jusqu’à ce que cela vous corresponde.

Ensuite, aplatissez votre image et appliquez un filtre de masque flou au goût.!


Conclusion

Vous pouvez maintenant faire ce que vous voulez, je viens d'ajouter une bordure blanche sur un fond noir et un peu de texte, mais la présentation dépend de vous..

Merci beaucoup d'avoir pris le temps de lire ceci. J'espère que ce tutoriel a été perspicace et inspirant.

Comme vous pouvez le constater, il n'est pas nécessaire d'être un grand peintre possédant des années d'expérience pour créer des concepts réussis. Je ne peux pas attendre de voir ce que vous proposez. Bonne chance dans vos futures créations!