第1页,共66页 123451151 ... 持续持续
结果1-10的655

Thread: [获奖者]使用GIMP创建艺术性的区域RPG地图

  1. #1

    讲解 [获奖者]使用GIMP创建艺术性的区域RPG地图

    职位1:简介

    首先,我想说是Pyrandon的城市地图教程启发了我写这篇文章,所以我会偷用他的格式 。我一直在研究使用GIMP制作(看起来很漂亮)地图(我认为是)的各种技术,并且感觉到现在它们已经足够打磨,因此任何人都可以跟随并做同样的事情。

    我打算在制图师协会网站的“操作方法”论坛中依次发布本教程,并希望将其合并成一个pdf文件,以便在完成后下载。

    为什么选择GIMP?
    如果您不知道,GIMP(GNU图像处理程序)是一个光栅图形编辑器。它是在 GNU通用公共许可证 并可以从以下位置下载 www.gimp.org 适用于许多计算机系统,包括Windows和Linux。

    本教程是使用GIMP 2.4版开发的,可能引用了旧版本中不可用的功能。此外,从此版本开始,菜单结构已经改组。有一些超级新功能使升级值得(我认为)。

    大多数这些技术在Photoshop,PaintShop Pro和其他栅格编辑器中也具有等效功能。将使用的主要功能是“图层”,“图层混合模式”,“图层蒙版”,“蓝色和噪波(云)”滤镜,“渐变贴图”和“凹凸贴图”。此外,一些更高级的技术将涉及通道和路径。

    我对GIMP有多了解?
    不必担心,因为所有内容都会通过比较系统的方式进行解释,并且会通过许多屏幕抓图来显示含义。希望完整的菜单路径(例如 颜色->Auto->Normalize) 会一直提供,尽管偶尔会错过更常见的命令。

    什么类型的地图?
    本教程的结果将产生与以下内容相似的地图(但与某些技术的变化不完全相同):
    Click image for larger 版. 

Name:	Post1-1.png 
Views:	30624 
Size:	817.5 KB 
ID:	1417

    这种类型的地图非常适合代表较大的陆上区域,在这些区域中可以识别山脉,河流,湖泊,道路和森林等细节。此处探讨的技术不适用于整个世界地图或本地地图。

    我需要开始什么?
    1)好吧,GIMP(当然)。
    2)希望有一个关于地图的想法。理想情况下,这是一张粗略的草图,显示出土地的总体形状,并标出山脉,森林和可能的城市等位置。此时最好不要太详细,因为所使用的技术将自动为您提供许多细节。如果您一无所知,则还会提供一些用于完全随机映射生成的选项,以供参考。
    3)配色方案。这将真正赋予地图独特的外观。对于此示例,我将使用与Pyrandon在其城市教程中使用的颜色相同的颜色。 GIMP调色板已与这些颜色放在一起,并将附加以供下载。

  2. #2

    默认

    帖子2:您坐得舒适吗?

    需要完成以下操作才能开始,但只需一次…

    下载并安装调色板。
    (位于附件部分中此帖子的底部)

    City-Map-Colors.gpl 文件应放入 C:\ Documents 和 设定值 \<User Name>\.gimp-<version>\palette\ GIMP将在下次运行时看到它。这些是调色板中可用的颜色:
    Click image for larger 版. 

Name:	Post2-1.png 
Views:	5746 
Size:	45.1 KB 
ID:	1419

    第一行显示草和森林的颜色,以及从最浅到最暗的渐变。

    第二行显示了污垢和岩石的颜色以及渐变。

    第三行显示水彩和渐变。 (一种用于海岸线和河流。)

    最下面的行具有道路颜色,50%的灰色(制作覆盖蒙版时经常使用),海岸线笔触颜色和标签颜色。所有这些都在面板中可用。或使用您自己的。只需保持大致相同的颜色数即可。保持较小的颜色设置可使地图看起来一致,并使所有地图看起来相似。

    设置GIMP窗口。
    启动GIMP时,您会发现与大多数Windows应用程序不同,对话框和图像都漂浮在自己的窗口中。除非您习惯了,否则可能会很痛苦。首先要做的是确保您需要的对话框可用。

    如果启动GIMP时出现的对话框没有以下所有内容:
    Click image for larger 版. 

Name:	Post2-2.png 
Views:	6795 
Size:	144.4 KB 
ID:	1420

    为了方便起见,您将希望他们以这种方式进行设置。您可以从GIMP主窗口中添加新对话框(称为Docks), 文件->Dialogs->Create New Dock->Layers, Channels & Paths文件->Dialogs->Create New Dock->Brushes, Patterns & Gradients.

    还有一些更有用的对话框。

    选择 文件->Dialogs->Histogram 调出图像直方图。

    在“笔刷,图案和渐变”对话框中选择“调色板”选项卡,然后单击 编辑面板 按钮。
    Click image for larger 版. 

Name:	Post2-4.png 
Views:	1729 
Size:	24.4 KB 
ID:	1422

    通过将其标题拖到所需位置,可以将这两个新对话框附加到现有文档。我希望“调色板”编辑器成为“画笔,图案”上的选项卡&渐变Dock,并且直方图将停留在选项卡组下方,因此它始终处于打开状态。这是GIMP布局,将在整个教程中使用:
    Click image for larger 版. 

Name:	Post2-5.png 
Views:	4039 
Size:	265.4 KB 
ID:	1423
    附加的文件 附加的文件
    最后由RobA编辑; 2009年9月27日于 下午10:27. 原因: 修复了路径。。谢谢Jeff_Wilson63!

  3. #3
    Community Leader RPMiller的头像
    参加日期
    2006年4月
    位置
    从这里看着你
    帖子
    3,223

    默认

    顺便说一句,如果您不能从每个人那里得到如此多的代表,我将开始用手拿一大把割礼敲门。
    比尔贴纸是无辜的!比尔在错误的地方闲逛并不是错。

    请努力标记所有线程。这将大大提高论坛的可用性。


    在Google+上找到我

  4. #4

    默认

    帖子3:然后开始吧(如果我有个主意)

    现在已经建立了环境,是时候开始了。此时,您可能已经在纸上或计算机上绘制了一张粗略的地图草图。这是本教程将使用的粗略草图:
    Click image for larger 版. 

Name:	Post3-1.jpg 
Views:	5127 
Size:	68.2 KB 
ID:	1424

    我当时在涂鸦一条像陨石坑一样形状的海岸线,并决定在它周围放置一些时钟数字。这将是我的出发点 克洛什地区

    将此图像加载到GIMP中,并将其缩放到所需的页面大小。我将缩小此尺寸(500x500),以使本教程更易于管理,但可以根据需要进行设置。确保图像是RGB,以及所需的尺寸。您可能必须根据地图的大小和比例来调整某些技术(缩放,凹凸贴图数量等)。

    现在创建一个新的透明层(层->New Layer) 并将其命名为“ Land”,选择一个黑色的大实心笔刷,并使用“铅笔工具”绘制轮廓,然后用黑色填充您想要的区域,将其他所有区域填充为白色。
    提示! –您可以将颜色从调色板或颜色选择器拖到图像上,它将用该颜色填充当前选择。
    Click image for larger 版. 

Name:	Post3-2.png 
Views:	5218 
Size:	210.1 KB 
ID:	1425

    现在反转图层 (颜色->Invert) 并模糊图像(过滤器>Bur->Gaussian Blur) 模糊程度将决定最终惯性运动的随机性。模糊程度越大,海岸线(在模糊区域)将越随机。如果您已经定义好了海岸,请使用较小的模糊度(50px)。如果您对海岸的定义不明确(使用随机海岸技术时就是这种情况),请使其模糊较大。
    Click image for larger 版. 

Name:	Post3-3.png 
Views:	4252 
Size:	225.4 KB 
ID:	1426

    我回过头去,用手在主海岸上模糊了一些区域,以使那里的随机性增加,但细节仍保留在岛环上。注意直方图。您想要的是一个不错的水平图像,与U形相反,黑暗和明亮的光线均匀分布。
    Click image for larger 版. 

Name:	Post3-4.png 
Views:	4540 
Size:	330.9 KB 
ID:	1427

    创建一个名为“ Land Noise”的新图层,并在其中填充云(过滤->Render->Clouds->Solid Noise)将细节设置为最大(15),将X和Y大小设置为最大(16.0)。大小越大,最终海岸的随机性就越大。给它一个新的随机种子并记下数字(我在之后将其放在图层名称中作为提醒)。并将混合模式更改为叠加。
    Click image for larger 版. 

Name:	Post3-5.png 
Views:	6866 
Size:	262.7 KB 
ID:	1428

  5. #5

    默认

    帖子4:我有个主意–第2部分

    创建一个名为“ Land Clip”的新图层,并在其上方填充白色,并将其混合模式设置为Lighten。您将获得白色图像。现在,选择此层后,打开级别对话框(颜色->Levels) 并抓住白色的输出滑块,然后将其向下拖动。发生这种情况时,土地将被揭露。停在您喜欢的地方,然后单击“确定”。
    Click image for larger 版. 

Name:	Post4-1.png 
Views:	7890 
Size:	322.7 KB 
ID:	1429

    现在,使用魔术棒工具(确保已选中“合并样本”并且阈值为0)在黑暗区域中的任意位置单击。这将定义您的海岸。如果要调整它,只需撤消选择(Ctrl-Z),然后更改“土地夹”图层的级别。我回去,拉紧了海岸。
    Click image for larger 版. 

Name:	Post4-2.png 
Views:	6079 
Size:	329.4 KB 
ID:	1430

    现在反转选择(选择->Invert),创建一个名为“ Land Mask”的新黑色层,并用白色填充所选内容。现在将所选内容保存到频道(选择->Save to Channel),然后将频道重命名为“ Land Mask”。稍后将使用它。
    Click image for larger 版. 

Name:	Post4-3.png 
Views:	5183 
Size:	246.8 KB 
ID:	1431

    现在清除选择(选择->None).

    该技术(噪声,形状和阈值剪辑层的三层三明治,或简称为TLS) )将是一种基本技术,将在噪声层(使表面有一些变化)和形状定义层之间使用不同的混合模式,一遍又一遍地使用。它将用于定义森林和山脉,甚至天空中的云彩。

    这可能是保存的好时机。始终将您的工作另存为 .xcf 文件。这是本机GIMP格式,将保留所有图像信息,包括图层,通道等。这种方式与Photoshop本机相似 .psd 格式。

  6. #6

    默认

    帖子5:绕道而行-然后开始吧(但我不知道!)

    如果您不了解地图,可以使用以下两个选项来生成更随机的地图…只需使用噪波层(设置为较小的尺寸,但保留细节),这将形成五种岛状形状。或对原始形状定义层使用渐变填充。或模糊的几何形状(圆形,弧形)这些都会产生不同的结果。以下是TLS技术制作的4个示例(从左上角,顺时针:50%灰色,一定角度的线性渐变,径向渐变,弧形,模糊):
    Click image for larger 版. 

Name:	Post5-1.png 
Views:	1367 
Size:	103.4 KB 
ID:	1432

    并与噪声层和剪贴层混合(变亮):
    Click image for larger 版. 

Name:	Post5-2.png 
Views:	1090 
Size:	113.7 KB 
ID:	1433

    选定的实体遮罩:
    Click image for larger 版. 

Name:	Post5-3.png 
Views:	1159 
Size:	8.8 KB 
ID:	1434

    并转换为轮廓:
    Click image for larger 版. 

Name:	Post5-4.png 
Views:	1446 
Size:	11.5 KB 
ID:	1435

    现在,您可能会看到这种技术与我不久前发布的“在GIMP中创建随机海岸线”和“在GIMP中创建不太随机的海岸线”相似。

  7. #7

    默认

    职位6:创造海洋。 (在一开始的时候...)

    为了制作海洋/水(以及陆地的基本轮廓),将使用三层三明治的两层变体。
    复制“ Land Mask”图层,然后将其重命名为“ Sea Shape”。应用高斯模糊(过滤->Blue->Gaussian Blur)足够大,可以消除图像的绝对黑白。在这种情况下,我使用了与图片相同的尺寸(500像素)。
    Click image for larger 版. 

Name:	Post6-1.png 
Views:	3567 
Size:	255.4 KB 
ID:	1436

    创建一个新层并将其命名为“ Sea Noise”。过滤器>Render->Clouds->Solid Noise) 设置为较小的尺寸(3),细节为15,重新播种随机数。将图层混合模式设置为“叠加”,然后通过右键单击图层并选择“向下合并”将其与“ Sea Shape”图层合并。
    Click image for larger 版. 

Name:	Post6-2.png 
Views:	2359 
Size:	364.7 KB 
ID:	1437

    复制此图层并将其重命名为“ Sea”。通过右键单击“ Sea”层并选择“ Add Layer Mask”来添加层蒙版。对话框打开时,选择“通道”(默认情况下,应显示“ Land Mask”通道并选中“反转”。单击添加。
    Click image for larger 版. 

Name:	Post6-3.png 
Views:	2099 
Size:	311.9 KB 
ID:	1438

    似乎什么都没发生,但是图层缩略图旁边有一个遮罩:
    Name:  Post6-4.png
Views: 132484
Size:  14.5 KB

    图层蒙版的作用就像过滤器,可以使图像的某些部分“尽显”。蒙版为白色的区域将使该图层可见。蒙版为黑色的区域将是透明的,而各种灰色阴影将具有不同程度的透明度。现在,右键单击“ Sea”层,然后选择“ Apply Layer Mask”。这将根据通过图层蒙版显示的内容删除部分图层。在这里,我使所有其他层都不可见,以查看结果:
    Click image for larger 版. 

Name:	Post6-5.png 
Views:	2668 
Size:	307.2 KB 
ID:	1440

    另外,请查看直方图...。这就是我们接下来要开始的地方。

  8. #8

    默认

    帖子7:继续创造海洋。

    现在我们要在整个黑色到白色范围内扩展“ Sea”层中的颜色。选择海层后,自动归一化图像(颜色->Auto->Normalize). 直方图现在将几乎没有间隙。由于灰色都已经散开了。要解决此问题,请选择非透明区域(通过单击“ Sea”层并选择“ Alpha to 选择ion”。选择->Invert) 并用白色填充该区域。删除选择(选择->None) 并应用20px高斯模糊。
    Click image for larger 版. 

Name:	Post7-1.png 
Views:	3441 
Size:	313.7 KB 
ID:	1441

    请注意,直方图现已填写。

    现在下一个魔术。通过在“调色板编辑器”(我们在开始时设置)中单击将前景色设置为最暗的水彩(水5),然后通过按住Ctrl单击在上面。
    Click image for larger 版. 

Name:	Post7-2.png 
Views:	2264 
Size:	30.7 KB 
ID:	1442

    现在,我们将通过单击将黑白变成彩色 颜色->Map->Gradient Map,而水几乎(目前)。
    Click image for larger 版. 

Name:	Post7-3.png 
Views:	2459 
Size:	283.5 KB 
ID:	1443

    最近,我想出了一种不错的技术(以我的观点)来完成海岸线水。人们通常会用浅色抚摸海岸线,或添加浅色模糊。这是一种使外观独特的快速技术……

    创建一个名为“ Seashore”的新图层,并用淡淡的水彩(水1)填充它。使用“ Land Mask”通道添加一个图层蒙版,并确保未选中“ 倒置”。

    (除非单击图层缩略图,否则您现在所做的任何编辑都将在蒙版形状上。您正在编辑的将有一个白框:
    Click image for larger 版. 

Name:	Post7-4.png 
Views:	1075 
Size:	31.3 KB 
ID:	1444

    为图层蒙版设置10 px高斯模糊。

    现在应用位移图(过滤器>Map->Displace). 使用X位移20和Y位移-20。对于两者,都选择“土地噪声”层。将“位移模式”设置为“笛卡尔”,将“边缘行为”设置为“涂抹”。

    重复此操作,翻转符号,因此将X设置为-20,将Y设置为20。此屏幕抓图是在第一个抓屏之后。
    Click image for larger 版. 

Name:	Post7-5.png 
Views:	4153 
Size:	295.7 KB 
ID:	1445

    一旦土地放置到位,这将给人一个漂亮的,随意的水边缘……

  9. #9

    默认

    (现在有商业信息...)


    我在这里暂停。我会尽快起床...

    到目前为止,随附的是该过程的pdf(5MB)。

    -Rob A>
    附加的缩略图 附加的缩略图 使用GIMP创建艺术性的区域RPG地图-第1部分。pdf  

  10. #10

    默认

    岗位8:让有土地。

    现在海洋已经建成,土地就可以建造了。创建一个“ Sea Shape”图层的警察并将其命名为“ Grass”。使用“ Land Mask”通道创建一个图层蒙版。单击图层图标,以便我们现在编辑图层,而不是蒙版。
    Click image for larger 版. 

Name:	Post8-1.png 
Views:	5069 
Size:	351.4 KB 
ID:	1456

    Ctrl-单击深绿色(沟渠)颜色使其成为背景,然后单击浅绿色(高地)使其成为前景色,然后 颜色->Map->Gradient Map.
    Click image for larger 版. 

Name:	Post8-2.png 
Views:	3954 
Size:	328.3 KB 
ID:	1457

    这是平淡的,所以让它稍微调味一下……创建一个名为Grass Texture的新层,并用云层噪声填充它(过滤器>Render->Clouds->Solid Noise),细节15,大小3和新种子。
    同样,使用“ Land Mask”通道添加一个图层蒙版,然后将图层的混合模式设置为叠加。
    Click image for larger 版. 

Name:	Post8-3.png 
Views:	3360 
Size:	398.3 KB 
ID:	1458

    看起来更好,但是可以使用一些纹理。
    创建一个名为“草凹凸贴图”的新图层。再次用渲染的云噪声填充它,这一次将大小和细节设置为最大,然后选择“湍流”。
    Click image for larger 版. 

Name:	Post8-4.png 
Views:	1360 
Size:	69.0 KB 
ID:	1459

    隐藏该新层(通过单击眼睛图标)。创建一个名为“ Grass Bumps”的新图层,并用50%灰色填充。将其图层模式设置为叠加。现在看来已经消失了。这就是叠加的工作方式。 50%的灰度不会改变基础图像,而较深的阴影会使图像变暗,而较浅的阴影会使图像变亮。
    现在,使用以下方法将此凹凸贴图应用于此“草皮凹凸”层 过滤器>Map->Bump Map.
    Click image for larger 版. 

Name:	Post8-5.png 
Views:	5744 
Size:	64.7 KB 
ID:	1460

    最后,像以前一样,将“ Land Mask”通道用作图层蒙版。

Posting Permissions

  • 不得 发表新主题
  • 不得 发表回复
  • 不得 发布附件
  • 不得 编辑您的帖子
  •