如何在带有丘陵的Photoshop中创建地图?


20

我是一位有抱负的作家,并且正在Photoshop中创建我的幻想世界的地图。该地图非常详细,包含有关风型,温度变化和构造板块运动等方面的信息。我已经能够成功传达所有这一切。我遇到的麻烦是山脉。

我已经能够使用自定义画笔中的符号来表示一座山/丘陵,但是我也想通过某种方式使地面“凸出”,从而看起来好像那里确实有一座丘陵。

我怎样才能做到这一点?

例子:

我要实现的一个相当通用的示例:

地形图

我正在寻找的更准确的示例。请注意,左下角的小山似乎是如何从城市“升起”的:

在此处输入图片说明

想要的:

在此处输入图片说明

更多详细信息以及我尝试过的方法:

通过绘制雪和冰川,我已经能够解决山区的这个问题。这不会使地面隆起,但您至少可以看到山的延伸位置。但是,这对于没有雪的较小的山脉或丘陵不起作用。

我尝试了Emboss函数,该函数确实产生了很好的平稳/熔岩流效果。虽然看起来不像小山。

我尝试了Pinch函数,将其变为负数,以使其凸出而不是收缩。不幸的是,功能是如此之大(影响整个图像),以至于我无法对它进行足够的本地化。另外,我似乎无法将其定位到图像的任何一个区域。

我最好的主意是以某种方式制作3D小山,将其栅格化为平面图像,然后以某种方式将其变成画笔。然后,我可以使用刷子对地面进行着色,使其看起来像小山。问题是我的3D创作能力令人怀疑,并且画笔只能是黑色/透明黑色才能起作用。灰色(将包含在3D小山的展平图像中)不会转换为自定义画笔。

我获得的最好结果是:黑色绘制,浮雕并将图层设置为“叠加”。看起来还算不错,尽管仍然像变形虫一样。

在此处输入图片说明


您可以发表自己的最佳尝试吗?我最初的感觉是用喷枪将其喷上,但不确定您所得到的。
瑞安(Ryan

在我看来,您需要刷一些阴影...(或添加阴影..根据地图的样式,也可以使用钢笔工具完成。)
Joonas 2015年

1
嗯..这实际上只是使用光,阴影和透视的插图技巧。在Photoshop中,实际上不会有一个“魔术”按钮。液化选项或变形选项将与在不实际绘制内容的情况下获得的效果一样好
Scott

@Ryan我没有最好的尝试,因为我还无法想到一种我认为可以使用的方法。我不确定喷枪的工作原理...
托马斯·恢复莫妮卡·迈伦

@Jenna感谢您提供的链接,但似乎无法正常工作。我同意,逼真的山脉深度将是我的问题。
托马斯(Thomas)恢复莫妮卡·迈伦(Monica Myron)2015年

Answers:


16

从一个非常宽松的想法开始:

想法松散

选框工具可快速移至高位:

选拔高

添加高色:

高原颜色

如果Cmd/Ctrl在“图层面板”上按+ Plataeu缩略图,它将为我选择它。然后做Select→交通Modify→交通Expand。我用了15像素。请注意,Plateau的底部和Selection现在具有偏移量:

偏移的高原

在下面创建一个图层,为其着色,然后重复。逐渐使用较小的扩展尺寸。您做得越多,它看起来就会越好:

注意:如果您具有Adobe Illustrator,则可以使用该Blend功能为您自动化一点

颜色

加水:

加水

给您的水添加一个很细的冲程:

中风水

然后,我使用绘图板向其中添加了一些细线。越低,它们变得越不明显。这可以用鼠标甚至是笔触和蒙版来完成,但是绘图板当然可以帮助:

在此处输入图片说明

好吧,让我们在水底添加一些滴水。在这一点上,我将使用画笔和绘图板,但是您可以再次使用之前使用的selection > expansion > fill方法。在我要进行喷枪操作后有了基本形状之后,我将添加一个图层蒙版:

在此处输入图片说明

然后,我可以使用喷枪对其进行平滑处理:

在此处输入图片说明

再次在此处和此处添加几行,仅用于一些纹理等:

在此处输入图片说明

好吧,现在它处于一个不错的地方,还没有任何人造结构或树木。右下角看起来有些杂乱无章,关键部分是至少有些东西看起来不像山脊,而更像是山丘。让我们尝试回过头来修复它。我只是在这里使用喷枪,如果您没有平板电脑,那么您的鼠标会使用很多颜色,甚至可能弄脏它:

在此处输入图片说明

但是,丘陵仍然有些掉落,因此只增加了很少的几行。

在此处输入图片说明

我要在这里停止。您添加的细节,纹理和颜色越多,效果越好。下一步是在小山已经固定的情况下,将水放到左下角。之后,我可能会从建筑物开始。一旦建筑物进入,我将在地面上添加较亮和较暗的区域,然后在建筑物之间添加树木,最后添加细节,例如桥梁,墙壁,也许还有一些纹理和标签。

请注意,光线来自左侧,因此在添加结构之后,我想要调整颜色以表明这一点。山谷的左侧应比右侧暗一些。我不确定执行此操作的“正确”方法是什么,但是我会在添加建筑物后执行此操作。就像这里看到的这一节要轻得多:

在此处输入图片说明


希望这可以帮助你。整个过程花了我一个小时,如果我不去截图和记录文档的话,那会少很多。最终外观:

在此处输入图片说明


感谢您抽出宝贵的时间来解决这个问题。我喜欢user6811的简单性和易用性,但是在绘制大山丘时确实会遇到麻烦。我相信您的方法更适合那些人。
托马斯(Thomas)恢复莫妮卡·迈伦(Monica Myron)2015年

我发现此方法最适合创建高程图。无需使用线条来表示峭壁,只需使用套索选择工具并添加几层白色地形即可,这很容易,然后我将其透明度提高了20%。地面越暗,光线越高。它并不是我要找的东西,但确实比我想要的要真实,并添加了我没有的高程细节。
托马斯(Thomas)恢复莫妮卡·迈伦(Monica Myron)

7

地图制作者使用压纹从高度图创建效果。您可以在代表身高字段的图像上使用浮雕滤镜。如果您必须为此使用photoshop,那么我将使用:

  • 滤镜→渲染→灯光效果,而不是浮雕。

首先用白色的小画笔开始,在黑色画布上流动很少,然后开始绘制表面轮廓,以便从山顶绘制出圆形山峰,沿着沙丘等线画出。您可以在一些路径后使用模糊处理然后添加更多层。

在此处输入图片说明

图片1:快速制作1个阶段

然后在图层调板中复制此图像R(B或G)通道以供进一步参考。

之后,在您的图像上应用渐变图,以使颜色随高度变化。合并图层。为了获得更好的效果,请对该图像等添加一些噪点。

在此处输入图片说明

图片2:快速制作的2阶段图片图

然后应用“ 灯光效果”,将保存的通道用作局部贴图。

在此处输入图片说明

图片3:快速产生闪电效果。请注意,我本可以使用较小的画笔,使其具有较少的流动性和模糊通过次数,并且具有更多的水平,但是您也可以在此画笔上绘画以获得更好的效果。

现在,您将获得不错的闪电效果和相当可观的提神能力。最后在此颜料上涂上颜色,以达到您所需的最终艺术效果。

最后

图片3:快速上山,花些时间慢慢建造,您会获得更好的效果,只是概述一下方法。

温馨提示

  • 使用非圆形刷子
  • 如果发现有问题,请保存图层
  • 在已建成的结构上用黑色绘制峡谷,在颜色图上绘制蓝色
  • 遵循@Ryans概述,认为黑白版本的Ryans方法。

PS真的应该花我超过15分钟的时间来重做图片。...我的意思是记录大约花了我10分钟的时间。
joojaa 2015年

4

我发现了一种比我在这里看到的任何其他答案都更好的方法,可以达到我一直在寻找的效果。它具有“非破坏性”的额外优点,这意味着它可以随时更改或编辑,并且不会影响下面的图像。它也非常类似于山脉的卫星图像。

缺点是高程难以控制。所有山谷都处于相同的海拔高度,山脉的海拔高度完全由其底面大小决定。海拔以稳定的速率增加,并且该速率不能改变。山脉也倾向于在外部边缘看起来有些发呆,但这可以通过足够的时间加以补救。因此,如果您对确切的海拔高度不满意,则此方法可能不适合您。但是,如果您只是追求完全可编辑形状的完美外观,那么您可能要使用它。

我首先创建一个基础。我正在使用添加了噪点的绿色云背景来模拟草,但是您可以使用任何想要的东西。您可以使其看起来越真实,越好。

草BG

添加另一层,用50%的灰色填充(纯色,而不是50%的透明度),然后将该层设置为叠加。您的图像可能会更亮一些,但是看起来应该基本相同(如果您希望它与以前的色调完全相同,则可以使用不同的灰色阴影进行播放)。

使用灰色图层,添加斜角和浮雕效果。您需要一个内斜角,然后将技术设置为“硬凿”。深度可以保持在100%。将方向更改为“向上”,然后将尺寸放大为“ WAY”。您可以根据自己与山脉的接近程度(从什么角度观看山脉)进行调整。我将我的像素设置为100像素。

在此处输入图片说明在此处输入图片说明

有趣的来了。您将要画山。或更准确地说,是形成山脉的山谷。您需要橡皮擦工具,并且应将其设置为相当小的尺寸。3或以下应该可以。然后只需画出山谷应该在哪里。较大的刷子可用于较大的谷底。

在此处输入图片说明

您可能会注意到图像的某些部分,其中山顶变平了。可以通过调整斜角和浮雕选项的大小来解决。大小越大,您的山脉就越高。请注意,这会对中低端系统造成一些压力。如果单个文档中有两个很多层且像素数很高,则Photoshop在尝试打开它时会锁定。保持图像较小并尽可能多地光栅化。

一旦熟悉了创建山谷的过程,就可以根据自己的喜好成型山层,并随时更改它。

在此处输入图片说明


3

使用可用的:

Photoshop已有至少6年的一些3D工具。其中之一是“从BW图层创建网格”。您可以将高度图指定为灰色阴影。梯度表示斜率。锋利的边缘意味着悬崖或悬崖。您可以定义光源和渲染的观看方向。

这是一个例子。高度图具有中间的灰色基色,较浅的矩形和较深的圆形。两者都是模糊的,以使高度变化不太明显。在右侧使用相同的地图,并以2个不同的方向显示结果。

在此处输入图片说明

下面的例子试图成为一个脊

在此处输入图片说明

这是一个从白色到黑色的双面线性渐变,在液化过滤器中尝到了一些污迹。


经过一些实验,我发现这是一种比我想象的更好的方法。通过一些实践,即使在渲染3D之后(只要您的系统可以使用它),创建高程更改实际上也非常容易。唯一的缺点是查看地形的困难(查看工具有点笨拙)以及水的问题:我只是添加了另一个平坦的3D平面作为水,但我不知道如何捕捉它到第一架飞机。有什么建议吗?
托马斯(Thomas)恢复莫妮卡·迈伦(Monica Myron)

1
@ThomasMyron为湖画一个选择。您可以在所选区域内为湖面保留一些高度(=灰色阴影),并用该灰色填充所选区域。确保边界没有更深的东西。否则,您会有瀑布,或者尝试从埃及退出时摩西所做的事情。在另一层上的蓝色填充到相同的选择中。在水外模糊陡峭的边界。。手动将河流绘制到有色水层上。
user287001

2

我找到了这个问题的答案。

我发现如果将笔刷的硬度设置为50%(根据地图纹理的不同而不同)并制作一个简单的黑色圆圈,然后对圆圈进行压花,然后将图层设置为“覆盖”,则会在地图上创建一个漂亮的“凹凸”。另一个有效且不那么活跃的屏幕模式是“柔光”。浮雕的高度可以调节,以使羽状边缘在圆的中间相交。这样可以避免“高原效应”,并确保山丘具有均匀,倾斜的坡度。我想您可以通过绘制黑色圆圈来使用此方法创建棱线和任何数量的细节,尽管我没有尝试过。


2

用手做,我会使用减淡和燃烧来保持下面的颜色。

首先,调整地图的方向,使太阳直接位于北(您应该将太阳放在北侧而不是南侧)。然后使用闪避工具在要添加的山丘的北侧开始喷枪。然后拿起燃烧工具,使南侧变暗。只需来回躲闪并燃烧,然后使用各种大小的画笔即可。


嗯,这似乎效果很好。我看到的唯一问题是,您不得不更改图像(破坏性的)。使用浮雕方法,您可以删除或关闭山丘。我可以用这种方法做到这一点吗?除了复制我想做的所有事情之外?
托马斯(Thomas)恢复莫妮卡·迈伦(Monica Myron)2015年

blog.photoshopcreative.co.uk/blog/tutorials/… 添加新层。将其设置为“覆盖”模式。然后转到“编辑>填充”,然后从下拉列表中选择“ 50%灰色”。
user6811 2015年

1

我正在寻找的更准确的示例。

在我看来,该图像看起来像一个插图。不是在Photoshop中创建的东西。

如果您仍然热衷于使用计算机创建图像,那么我认为这种事情的最佳方法是使用3D应用程序。我将从高度图开始,其中较浅的像素代表较高的地面。

这使用创建Filter→交通Render→交通CloudsFilter→交通Render→交通Difference Clouds,那么一些黑圈在顶部20%的层的不透明度。很无聊,但是它应该显示出实际的技巧。

Photoshop高度图

高度图可用于创建网格。猎豹3D中的relief对象就是这样做的-在图像中加载,并将其用于网格高度。Photoshop可以渲染3D对象,因此它可以执行相同的操作。

猎豹3D

这个场景只有一个起伏物体(高度图网格)和一个灯光。我认为结果比在Photoshop中使用斜角和浮雕效果要好得多。它具有抽象高度数据以及渲染和材质的优点。您可以编辑高度,然后重新渲染以获取新图像。指示灯也是一个Sky Light,可以让您编辑时间和日期,从而轻松产生截然不同的结果(中午与黎明等)。

在印度豹3D中渲染

您甚至可能要考虑使用专业的景观渲染软件,例如Bryce Pro

这是几年前我使用类似技术为游戏制作的一些东西。这些全都是几张高度图和几棵树,然后再在Photoshop中进行一些修饰(绘制的线条等)。

侧身赛车

侧身赛车

这些是在Bryce和Photoshop中创建的,但是如果今天我要这样做,我会使用Cheetah 3D和Photoshop。Terragen看起来也很棒。可能值得考虑。


据我所知,这两个程序都是Mac专有的。我正在使用PC。您对此有何建议?
Thomas Reinstate Monica Myron'Mar

我对使用3D的犹豫是,如果要编辑某些内容(使用在Photoshop中制作的高度图),则必须重做整个过程。调整海拔高度也可能是个问题,因为您永远无法准确注视某些物体会落在什么地方,而且身高受制于白色和黑色之间的差异。有什么方法可以创建3D平面,使其可编辑,并能够在其顶部放置其他3D对象(锚定的,而不仅仅是自由浮动的)?
Thomas Reinstate Monica Myron'Mar

@ThomasMyron Yep,猎豹3D仅适用于Mac。Bryce是Mac和Windows,但非常老旧,看起来好像没有更新。但是,我刚刚找到了Terragen。它看起来很棒,可用于Mac和Windows。planetside.co.uk
马克·爱德华兹

@ThomasMyron至于高度,有很多解决方案。在我开发的游戏中,我为不同的元素(草,路,障碍)使用了一些具有单独的高度图的对象,这使我可以对3D应用程序中的每个元素进行明确的高度控制,并且还可以使用不同的材质每个。使用Terragen之类的东西也可能使您轻松放置树木和房屋。
马克·爱德华兹
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.