Comment créer une carte dans Photoshop avec des collines?

20

Je suis un auteur en herbe et je crée une carte de mon monde fantastique dans Photoshop. La carte est très détaillée, contenant des informations sur les modèles de vent, les changements de température et le mouvement des plaques tectoniques, entre autres. J'ai réussi à transmettre tout cela. Ce qui me pose problème, ce sont les montagnes / collines.

J'ai été en mesure de représenter une montagne / colline avec un symbole à partir d'un pinceau personnalisé, mais j'aimerais également avoir un moyen de faire `` gonfler '' le sol vers l'extérieur afin qu'il semble qu'il y ait réellement une colline là-bas.

Comment puis-je faire ceci?

Exemples:

Un exemple assez générique de ce que je veux réaliser:

Carte du relief

Un exemple un peu plus précis de ce que je recherche. Notez comment la colline dans le coin inférieur gauche semble juste `` s'élever '' de la ville:

entrez la description de l'image ici

Ce que je ne veux pas :

entrez la description de l'image ici

Plus de détails et ce que j'ai essayé:

J'ai pu contourner ce problème pour les montagnes, en dessinant la neige et les glaciers. Cela ne fait pas gonfler le sol, mais vous pouvez au moins voir où s'étend la montagne. Cela ne fonctionnera pas pour les petites montagnes ou collines, où il n'y a pas de neige.

J'ai expérimenté la fonction Emboss, qui fait un bel effet plateau / coulée de lave. Cela ne ressemble cependant pas à une colline.

J'ai essayé la fonction Pinch, en entrant dans des nombres négatifs pour qu'elle gonfle au lieu de pincer. Malheureusement, la fonction est si grande (affectant l'image entière), que je ne peux pas la localiser suffisamment. De plus, je n'arrive pas à le cibler sur une zone de l'image.

La meilleure idée que j'ai eue est de créer une colline 3D d'une manière ou d'une autre, de la pixelliser en une image plate, puis de la transformer en une sorte de pinceau. Je pouvais ensuite utiliser la brosse pour teinter le sol afin qu'il ressemble à une colline. Les problèmes avec cela sont que mes capacités de création 3D sont discutables, et le pinceau doit être uniquement noir / noir transparent pour fonctionner. Les gris, qui seraient inclus dans l'image aplatie de la colline 3D, ne se convertiraient pas en pinceau personnalisé.

Le meilleur résultat que j'ai eu: dessiner en noir, gaufrer et définir le calque sur "Superposition". Il semble à mi-chemin décent, mais toujours plutôt amibien.

entrez la description de l'image ici

Thomas rétablit Monica Myron
la source
Pouvez-vous publier votre meilleure tentative? Mon sentiment initial est de l'aérographe, mais je ne sais pas ce que vous avez.
Ryan
Cela me semble que vous devez brosser certaines ombres ... (ou ajouter des ombres .. selon le style de la carte, cela pourrait également être fait avec l'outil stylo.)
Joonas
1
Eh bien ... ce ne sont vraiment que des techniques d'illustration utilisant la lumière, l'ombre et le raccourci. Il n'y aura pas vraiment de bouton "magique" pour cela dans Photoshop. Les options Liquify ou Warp seront aussi bonnes que vous obtiendrez sans réellement dessiner des choses.
Scott
@Ryan Je n'ai pas fait de meilleure tentative, car je n'ai pas encore pu penser à un moyen qui, selon moi, fonctionnera encore. Je ne sais pas comment fonctionne l'aérographe ...
Thomas Reinstate Monica Myron
@Jenna Merci pour le lien, mais il semble que cela ne fonctionne pas. Je conviens que la profondeur réaliste des montagnes serait mon problème.
Thomas Reinstate Monica Myron

Réponses:

16

Commencez avec une idée très vague:

Idée lâche

Outil de sélection pour passer rapidement le haut:

Marquee le haut

Ajoutez votre haute couleur:

Couleur plateau

Si j'appuie sur la Cmd/Ctrlvignette + Plataeu du panneau des calques, il la sélectionnera pour moi. Faites ensuite SelectModifyExpand. J'ai utilisé 15 pixels. Remarquez que le bas du plateau et la sélection ont maintenant un décalage:

Plateau avec décalage

Créez un calque en dessous, colorez-le, répétez. Utilisez des tailles d'extension progressivement plus petites. Plus vous en ferez, plus ce sera joli:

( Remarque: si vous avez Adobe Illustrator, vous pouvez utiliser la Blendfonction pour le faire un peu automatisé pour vous )

Couleurs

Ajoutez dans votre eau:

Eau ajoutée

Ajoutez un trait très fin à votre eau:

L'eau avec AVC

J'ai ensuite utilisé une tablette à dessin pour y ajouter quelques petites lignes. Plus vous obtenez, moins ils deviennent prononcés. Cela peut être fait avec la souris ou même des traits et des masques, mais une tablette à dessin aide certainement:

entrez la description de l'image ici

D'accord, ajoutons un peu de goutte d'eau au fond. À ce stade, je vais utiliser des pinceaux et une tablette de dessin, mais vous pouvez à nouveau utiliser la selection > expansion > fillméthode que vous avez utilisée précédemment. Après avoir une forme de base puisque je vais faire un petit aérographe, je vais ajouter un masque de calque:

entrez la description de l'image ici

Ensuite, je peux utiliser mes aérographes pour le lisser:

entrez la description de l'image ici

Ajoutez encore quelques lignes ici et là juste pour une certaine texture et autres:

entrez la description de l'image ici

Très bien maintenant, c'est à un assez bon endroit sans structures ni arbres artificiels. Ce bas à droite semble un peu plus ridicule et un élément clé est qu'au moins quelque chose ressemble moins à une crête et plus à une colline. Essayons de revenir en arrière et de corriger cela un peu. Je viens d'utiliser l'aérographe ici, si vous n'avez pas de tablette, utilisez beaucoup de couleurs avec votre souris et éventuellement tachez-le également:

entrez la description de l'image ici

Mais les collines ont encore quelques gouttes, alors ajoutez très très peu de lignes.

entrez la description de l'image ici

Je vais m'arrêter ici. Plus vous ajoutez de détails, de texture, de couleurs, mieux c'est. La prochaine chose à faire est de déposer l'eau en bas à gauche maintenant que la colline est fixe. Après cela, je commencerais probablement par les bâtiments. Une fois les bâtiments entrés, j'ajouterais des zones plus claires et plus sombres au sol, puis des arbres entre les bâtiments, et enfin des détails comme des ponts, des murs, peut-être des textures et des étiquettes.

Remarquez que la lumière vient du côté gauche, donc après avoir ajouté les structures et ainsi de suite, je voudrais ajuster les couleurs pour l'indiquer. Le côté gauche de la vallée devrait être un peu plus sombre que la droite. Je ne sais pas quelle est la "bonne" façon de procéder, mais je le ferais après avoir ajouté des bâtiments. Voyez comme ici combien cette section est plus légère:

entrez la description de l'image ici


J'espère que cela vous aidera. L'ensemble du processus m'a pris une heure, aurait été moins si je n'avais pas pris de captures d'écran et documenté en cours de route. Aspect final:

entrez la description de l'image ici

Ryan
la source
Merci d'avoir pris le temps de passer par là. J'aime la réponse de user6811 pour sa simplicité et sa facilité d'utilisation, mais elle souffre quand il s'agit de dessiner de grandes collines ou des montagnes. Je crois que votre méthode est meilleure pour ceux-là.
Thomas Reinstate Monica Myron
J'ai trouvé que cette méthode fonctionne mieux pour créer des cartes d'élévation. Sans utiliser les lignes pour indiquer les falaises, il est assez facile de simplement parcourir l'outil de sélection au lasso et d'ajouter plusieurs couches de topographie blanche, que je rend ensuite 20% transparentes. Le sol inférieur est sombre, le plus haut est clair. Ce n'est pas exactement ce que je cherchais, mais il semble plus réaliste que ce que j'avais et ajoute des détails d'élévation que je n'avais pas.
Thomas Reinstate Monica Myron
7

Les cartographes utilisent le gaufrage pour créer l'effet à partir d'une carte en hauteur. Vous pouvez utiliser le filtre en relief sur une image qui représente votre champ de hauteur. Si vous devez utiliser Photoshop pour cela, j'utiliserais:

  • Filtre → rendu → Effet d'éclairage , plutôt que gaufrage.

Commencez avec un petit pinceau blanc, avec un débit très faible sur une toile noire puis commencez à dessiner les contours de votre surface pour un tracé de montagne circulaire du sommet, le long des lignes pour les dunes, etc. Vous pouvez utiliser le flou après quelques chemins puis ajoutez plus de couches.

entrez la description de l'image ici

Image 1 : 1 étape rapidement réalisée

Copiez ensuite ces images du canal R (B ou G) dans la palette des calques pour un référencement ultérieur.

Après cela, appliquez une carte de dégradé sur votre image pour la variation de couleur de la hauteur. Fusionnez les calques. Pour un meilleur effet ajoutez du bruit à cette image etc.

entrez la description de l'image ici

Image 2 : Carte d'image en 2 étapes rapidement réalisée

Ensuite, appliquez l' effet d'éclairage , utilisez le canal enregistré comme carte détaillée.

entrez la description de l'image ici

Image 3 : Effet de foudre rapide. Notez que j'aurais pu utiliser un pinceau plus petit avec moins de passes de flux et de flou et plus de niveaux, mais vous pouvez également peindre dessus pour un meilleur effet.

Vous avez maintenant un effet de foudre passable et une capacité de teaking cosiderable. Et enfin peignez avec de la couleur sur celui-ci pour obtenir l'effet artistique final dont vous avez besoin.

Final

Image 3 : Montagne rapidement faite, prenez votre temps et construisez lentement et vous obtiendrez un meilleur résultat, je ne fais que décrire la méthode.

Conseils :

  • utiliser une brosse non ronde
  • enregistrez vos calques si vous remarquez que quelque chose s'est mal passé
  • peindre les canyons avec du noir sur la structure bâtie, peindre le bleu sur la carte des couleurs
  • Suivez le contour @Ryans pensez à la version noir et blanc de la méthode Ryans.
joojaa
la source
PS est vraiment devrait prendre mon temps pour refaire les photos en plus de 15 minutes .... Je veux dire que la documentation a pris environ 10 minutes de mon temps.
joojaa
4

J'ai découvert une autre méthode qui permet d'obtenir l'effet que je cherchais bien mieux que toute autre réponse que j'ai vue ici. Il a l'avantage supplémentaire d'être «non destructif», ce qui signifie qu'il peut être modifié ou modifié à tout moment, et n'affecte pas l'image en dessous. Il ressemble également de très près à l'imagerie satellite des montagnes.

Les inconvénients sont que l'élévation est difficile à contrôler. Toutes les vallées sont à la même altitude, et l'altitude des montagnes est déterminée uniquement par la taille de leur base. L'élévation augmente à un taux constant, et ce taux ne peut pas varier. Les montagnes ont également tendance à paraître un peu bizarres sur les bords extérieurs, mais cela peut être résolu avec suffisamment de temps. Donc, si vous êtes pointilleux sur l' élévation exacte , cette méthode n'est peut-être pas pour vous. Mais si vous recherchez juste le look parfait avec une forme entièrement modifiable, vous voudrez peut-être l'utiliser.

Je commence par créer une base. J'utilise un fond de nuage vert avec du bruit supplémentaire pour simuler l'herbe, mais vous pouvez utiliser ce que vous voulez. Plus vous pouvez lui donner un aspect réaliste, mieux c'est.

Grass BG

Ajoutez un autre calque, remplissez-le avec 50% de gris (solide, pas 50% de transparence) et définissez le calque en superposition. Votre image peut être plus claire, mais elle devrait avoir la même apparence (vous pouvez jouer avec différentes nuances de gris si vous voulez qu'elle soit exactement de la même teinte qu'auparavant).

En travaillant avec la couche grise, ajoutez un effet de biseau et de relief. Vous aurez besoin d'un biseau intérieur et définissez la technique sur «ciseler dur». La profondeur peut rester à 100%. Changez la direction vers le haut et augmentez l'échelle de la taille. En fonction de la proximité de vos montagnes (à quelle altitude vous les regardez), vous pouvez modifier cela plus tard. J'ai mis le mien à 100 px.

entrez la description de l'image icientrez la description de l'image ici

Maintenant vient la partie amusante. Vous allez dessiner vos montagnes. Ou plus précisément, les vallées qui façonnent les montagnes. Vous avez besoin de l'outil de gomme et vous devez le définir à une taille assez petite. 3 ou moins devrait fonctionner. Ensuite, dessinez simplement où les vallées devraient être. De plus grandes tailles de brosse peuvent être utilisées pour les plus grandes vallées.

entrez la description de l'image ici

Vous remarquerez peut-être des parties de l'image où le sommet de la montagne s'aplatit. Cela peut être corrigé en ajustant la taille dans les options de biseau et de gaufrage. Plus la taille est élevée, plus vos montagnes peuvent monter. N'oubliez pas que cela met à rude épreuve les systèmes bas / moyens. Si vous disposez de deux calques dans un même document avec un nombre de pixels élevé, Photoshop peut se verrouiller lorsque vous essayez de l'ouvrir. Gardez vos images petites et pixellisez autant de calques que possible.

Une fois familiarisé avec la création de vallées, vous pouvez modeler la couche de montagne à votre guise et la modifier à tout moment.

entrez la description de l'image ici

Thomas rétablit Monica Myron
la source
3

Utilisez ce qui est disponible:

Photoshop possède au moins 6 ans d'outils 3D. L'un d'eux est "Créer un maillage à partir de la couche BW". Vous pouvez donner la carte de hauteur sous forme de nuances de gris. Un gradient signifie une pente. Un bord tranchant signifie un précipice ou une escarpement. Vous pouvez définir la lumière et la direction d'observation pour le rendu.

Ceci est un exemple. La carte de hauteur a une couleur de base gris moyen, un rectangle plus clair et une forme ronde plus foncée. Les deux sont flous pour rendre les changements de hauteur moins nets. Sur la droite, la même carte est utilisée et le résultat est affiché dans 2 directions différentes.

entrez la description de l'image ici

L'exemple suivant essaie d'être une crête

entrez la description de l'image ici

C'est un dégradé linéaire double face du blanc au noir qui a goûté à quelques poussées de bavure dans le filtre Liquify.

user287001
la source
Après quelques expérimentations, j'ai trouvé que c'était une méthode bien meilleure que je ne le pensais. Avec un peu de pratique, il est en fait assez facile de créer des changements d'altitude, même après le rendu de la 3D (tant que votre système peut le prendre). Les seuls inconvénients sont la difficulté de visualiser le terrain (l'outil de visualisation est un peu maladroit), et le problème de l'eau: j'ajouterais simplement un autre plan 3D plat comme l'eau, mais je n'arrive pas à comprendre comment l'enclencher au premier avion. Un conseil à ce sujet?
Thomas Reinstate Monica Myron
1
@ThomasMyron Dessinez une sélection pour un lac. Vous pouvez réserver de la hauteur (= nuance de gris) à l'intérieur de la zone sélectionnée pour la surface d'un lac et remplir la zone sélectionnée avec ce gris. Assurez-vous que rien à la frontière n'est plus profond. Sinon, vous avez une cascade ou vous essayez quelque chose que Moïse a fait en quittant l'Égypte. Faites un remplissage bleu sur un autre calque dans la même sélection. Brouillez la bordure de dépassement hors de l'eau. . Peignez les rivières manuellement sur la couche d'eau colorée.
user287001
2

J'ai découvert une réponse à cette question.

J'ai trouvé que si je définissais la dureté du pinceau à 50% (variant en fonction de la texture de la carte) et que je faisais un simple cercle noir, puis embossais le cercle, puis définissais le calque sur `` Superposition '', une belle `` bosse '' était créée sur la carte. Un autre mode d'écran qui fonctionne et est un peu moins vibrant est «Lumière douce». La hauteur du gaufrage peut être ajustée, de sorte que les bords à plumes se rencontrent au milieu du cercle. Cela évite l '«effet plateau» et garantit que la colline présente un gradient uniforme et en pente. J'imagine que vous pourriez créer des lignes de crête et n'importe quelle quantité de détails en utilisant cette méthode, en dessinant sur le cercle noir, même si je n'ai pas essayé cela.

Thomas rétablit Monica Myron
la source
2

Le faisant à la main, j'utiliserais l'esquive et la brûlure pour maintenir la couleur en dessous.

Tout d'abord, orientez votre carte de manière à ce que le soleil soit directement au nord (vous devriez avoir le soleil quelque part du côté nord plutôt que du sud de toute façon). Ensuite, avec l' outil d'esquive, commencez l'aérographe dans les côtés nord des collines que vous souhaitez ajouter. Prenez ensuite l' outil de gravure et assombrissez les côtés sud. Il suffit de faire des allers-retours avec Dodge and Burn et de jouer avec différentes tailles de pinceaux.

user6811
la source
Hmm, cela semble très bien fonctionner. Le seul problème que je vois avec cela est que vous êtes obligé de modifier l'image (destructrice). Avec la méthode d'embossage, vous pouvez simplement supprimer ou désactiver les collines. Existe-t-il un moyen de le faire avec cette méthode? En plus de reproduire tout ce sur quoi je voulais travailler?
Thomas Reinstate Monica Myron
blog.photoshopcreative.co.uk/blog/tutorials/… Ajoutez une nouvelle couche. Réglez-le en mode "Overlay". Ensuite, allez dans "Edition> Remplir" et sélectionnez "50% gris" dans la liste déroulante.
user6811
1

Un exemple un peu plus précis de ce que je recherche.

Pour moi, cette image ressemble à une illustration. Pas quelque chose de créé dans Photoshop.

Si vous souhaitez toujours créer votre image avec un ordinateur, je pense que la meilleure approche pour ce genre de chose est d'utiliser une application 3D. Je commencerais par une carte des hauteurs, où les pixels plus clairs représentent un sol plus élevé.

Cela a été créé en utilisant FilterRenderCloudset FilterRenderDifference Clouds, puis quelques cercles noirs avec une opacité de calque de 20% sur le dessus. Assez ennuyeux, mais cela devrait montrer la technique en action.

Carte de hauteur Photoshop

La carte de hauteur peut être utilisée pour créer un maillage. L' reliefobjet dans Cheetah 3D fait exactement cela - chargez l'image et il l'utilisera pour la hauteur du maillage. Photoshop peut restituer des objets 3D, il peut donc faire de même.

Guépard 3D

Cette scène n'a qu'un seul objet en relief (le maillage de la carte de la hauteur) et une seule lumière. Je pense que le résultat est bien plus agréable que d'utiliser des effets de type biseau et gaufrage dans Photoshop. Il a l'avantage d'abstraire les données de hauteur et le rendu et le matériau. Vous pouvez modifier la hauteur, puis effectuer un nouveau rendu pour obtenir une nouvelle image. La lumière est également un Sky Light, qui vous permet de modifier l'heure et la date, ce qui facilite la production de résultats très différents (midi vs aube, etc.).

Rendu dans Cheetah 3D

Vous voudrez peut-être même envisager un logiciel de rendu de paysage spécialisé, comme Bryce Pro .

Voici quelques trucs que j'ai faits pour un jeu il y a quelques années, en utilisant une technique similaire. Ce ne sont que quelques cartes de hauteur et quelques arbres, puis quelques retouches par la suite dans Photoshop (les lignes peintes, etc.).

Course latérale

Course latérale

Ceux-ci ont été créés dans Bryce et Photoshop, mais si je le faisais aujourd'hui, j'utiliserais Cheetah 3D et Photoshop. Terragen a également l'air incroyable. Cela pourrait valoir la peine d'être considéré.

Marc Edwards
la source
Pour autant que je sache, ces deux programmes sont exclusifs à Mac. J'utilise un PC. Que recommanderiez-vous pour cela?
Thomas Reinstate Monica Myron
Mon hésitation à utiliser la 3D est que si vous voulez éditer quelque chose (prenez la carte de hauteur que vous faites dans Photoshop), vous devez refaire le tout. Ajuster l'élévation peut également être un problème, car vous ne pouvez jamais regarder exactement où quelque chose va atterrir, et vous êtes limité en hauteur à la différence entre le blanc et le noir. Existe-t-il un moyen de créer le plan 3D, de le garder modifiable et de pouvoir placer des objets 3D supplémentaires par-dessus (qui sont ancrés, pas seulement flottants)?
Thomas Reinstate Monica Myron
@ThomasMyron Yep, Cheetah 3D est uniquement Mac. Bryce est Mac et Windows, mais très ancien et il semble qu'il ne reçoive pas de mises à jour. Mais, je viens de trouver Terragen. Il a fière allure et est disponible pour Mac et Windows. planetside.co.uk
Marc Edwards
@ThomasMyron En ce qui concerne les hauteurs, il y a pas mal de solutions à cela. Pour le jeu sur lequel j'ai travaillé, j'ai utilisé quelques objets avec des cartes de hauteur distinctes pour les différents éléments (herbe, route, barrières), ce qui m'a donné un contrôle explicite de la hauteur pour chaque élément de l'application 3D et m'a également permis d'utiliser un matériau différent pour chaque. Utiliser quelque chose comme Terragen vous permettrait également de placer facilement des arbres et des maisons.
Marc Edwards