标签 地图制作 下的文章

8.jpg
上一节:[post cid="578" /]

第三节 1-地形和植被绘制篇之山脉的画法

1.山脉的几种画法

练习山脉画法,最基础的,先做到两笔画单独一座山,左低右高,左高右低,然后熟练左中右三笔的高山。
好了,我们打开山脉常用画法图片,开始简单介绍下山脉的三种常用画法:
第一种,先画近处山体轮廓,然后中距离山体轮廓,最后远处最高山脉,注意视觉中心和三座山脉布局别太拥挤,山体轮廓尽量简单而流畅,不需要精细刻画,
之后补充小山丘,柔和线条,不需要直线和棱角,最大的山丘别超过你最小的山脉
第三步刻画细节,画出主山脊走向,对两侧补充细节,注意只在阴影面绘制较多的山体走向,向阳面只刻画少量悬崖和石块
第四步,山丘只在阴影面绘制1-3条走向一致的柔和线条即可,不做其他细节描写

为了美观,三座山脉主脉与前山脉衔接处一般位于前山脉的2/3~3/4高度
如果你后期会对阴影部分上色,可以去掉小山丘背面的线条。
第二种,群山:画一条左右游走的不断起伏的曲线,作为起伏的山脊线,曲线上所有的凸起拐点就是一座山峰,补齐所有山脉轮廓,绘制一些基本山脉走向细节,就可以获得连绵起伏的山脉轮廓了
第三种,俯视视角群山:先画一条完整的柔和蜿蜒的曲线,然后再补上一些小的曲线,类似田地间裂口的土块,最后补充一些细节,就获得了俯视视角山脉轮廓了,后期补上阴影效果,俯视效果就会很形象了。

2.绘制山脉

利用之前的技巧,开始绘制我们的山脉,先shift+鼠标左键选中除背景外所有图层,然后ctrl+G编组,组名LAND AND SEA,如果没有出现组名,重启你的ps看看
然后点击下方菜单栏文件夹图标新建组,双击组名位置进行重命名:TERRIAN
在此文件夹内新建图层:Mountains Sketch,准备绘制我们的山脉
首先,确定我们大部分山脉走向,这个一般根据陆地形状即可,可以布局少量不同方向的山脉;
其次,注意湖泊和入海口分布规律,遵循河流分布规律,在合适的地方或者某些地方是必定有山脉的。
第三,确定山脉图标大小,以定位整个地图尺寸是否美观为宜;
最后,脑海中思考下整体山脉布局是否符合剧情和审美,我们通过缩放草稿感受一下,机械的走向,连绵不绝没有分段的长山脉,在地图上一般表现都不太美观,可以适当分成几段。满意后调整图层透明度10%,然后再开始绘制:
新建Mountains图层,
先绘制山脉主山脊线,硬边圆压力大小,4-5像素点尺码。一些山丘,然后补充一些走向细节,山丘绘制阴影面线条,绘制完毕,整个地图就开始体现一些内容和故事了
注:
①山脉轮廓绘制讲究一个简洁,一座主脉尽量只用2-3条线条勾勒出来,尽力减少各种不必要的起伏和线段,多余的线条会让整体山脉看上去非常凌乱。
②山丘永远要比附近的山脉尺寸要小,所以山丘轮廓左右宽度务必要小于山脉的宽度,
③山丘永远要比附近的山脉平缓,所以山丘轮廓高度差要小于山脉的高度
④山脉走势讲究一个走向,别整个屏幕机械分布,没有主次和方向,这样会显得杂乱和平板,没有立体感和距离感。
⑤山体重叠感要把握好位置,别太分散(这会导致没有立体感),别太紧密(这会导致山脉走向和进深欠缺,没有立体感)
可以建立多条参考线,控制前后山脉起步点位置,ctrl+;隐藏参考线。
⑥高耸的代表山脉,所以山脉两侧尽量别往外拱,体现出竖直方向的耸立挺拔,山丘则用外凸曲线为多,体现柔和与绵延感。
⑦主峰峰顶走向决定山脉整体走向。
山脉绘制完毕后,记得删除Mountains Sketch图层。
下一节:[post cid="582" /]

3.jpg
上一节:[post cid="574" /]

请配合视频观看以便理解:

一、新建自己的画笔组和笔刷

点击画笔菜单,如果没有,那打开视图菜单,勾选中画笔菜单即可显示,拖放至合适位置固定
如果你想全部自建,可以自己拿工具在稿纸上涂抹,扫描或者拍照导入ps进行加工,简单点就找网络素材,调整灰度,选取合适范围获得笔刷样本。更简单的,只是要个形状的话,自己手动绘画就行,对于咱们不是专门研究这些的,直接拿现成笔刷稍作修改就可以得到比较满意的效果,这里主要带大家熟悉下画笔设置,通过调整参数得到自己的笔刷效果:
如果你是最新版的photoshop cc,那么在画笔设置点选三横杠菜单,勾选旧版画笔和旧版工具预设,可以调出丰富的旧版本画笔,我们就可以充分挑选利用现成画笔预设进行加工了:
笔尖形状:选择Kyle46号喷溅,调整像素为250像素,1%间隔,
双重画笔:选择29号样本笔尖,模式:颜色加深,非翻转,间距15%-25%左右
勾选传递(使得多次涂抹可以叠加颜色),建立(获得喷枪涂抹效果),平滑(使得涂抹更自然)
不透明度:25%左右,启用:始终对不透明度施加压力,流量25%,再次确认是否开启喷枪样式
涂抹看看效果满意后,别忘记点击画笔设置框右下侧的新建画笔,命名:浅色涂抹,保存,记得勾选保存工具设置,让我们刚才的参数全部保存下来,用来给陆地海洋进行初步涂抹上底色。
再次调整画笔参数,在以上参数调整不透明度为100%,关闭始终对不透明度施加压力,转为画笔压力感应调整,关闭流量的喷枪建立效果,获得墨迹般渐浓浸润效果,再次新建为深色墨迹,保存,此画笔用来
这样,我们就获得了自己的画笔组和两个新笔刷了

二、给陆地上色

在Land图层上方新建Land Colour图层,选择浅色涂抹画笔,画笔下载地址见后面,ctrl+鼠标左键Land图层缩略图获得陆地轮廓选区,ctrl+H隐藏选区,方便涂抹上色。
如果对之前Land图层填充基本色不太满意,直接在Land图层ctrl+缩略图选中Land选区,shift+F5后填充合适的前景色,再开始我们的颜色涂抹。
注意我们的浅色涂抹画笔透明度和流量是否为默认设置的25%,方便多次涂抹叠加达到比较真实质感的上色效果,这样就比纯色笔刷多一些表现力和自然的上色感。
颜色板选择一个比之前陆地颜色稍深一些的黄棕色,开始涂抹上色,颜色稍深比较暗都没事,后面我们会将此图层效果调淡,为了拿到比较有立体感的纸质效果,此刻并不需要着重颜色的渲染。
选择较浅的黄棕色,缩小画笔尺码为40左右,对海岸边地形进行上色
按键E,使用橡皮擦工具,选择柔边圆画笔,20%不透明度,调整合适尺码100左右,对海岸边缘进行适量涂抹,涂浅图层颜色,同时也能让海岸和内地颜色过渡质感更自然一些。
然后设置Colour图层混合模式为正片叠底,不透明度在25%-50%之间,自己调整,获得满意的纸质材质效果即可
另外,我们还可以仿照之前海洋波纹特效,双击Land Colour图层,添加一些陆地效果,比方说勾选内发光,
混合模式:选择>正常,
颜色:选择一个暗色系,棕黑底色,
然后调整这三项参数:
不透明度,图素大小和品质范围,
自行调整,获得由内陆往整个海岸的暗色浸染发光效果,将之前的纸质材质陆地附带一定的羊皮纸油亮厚实质感效果。
最后别忘记ctrl+D取消之前的选区(没错,就是之前ctrl+H隐藏掉的Land选区)

三、给海域上色

ctrl+shift+N新建Sea图层放置于Coastal Waves图层下方,ctrl+鼠标左键选中Coastal Lines图层缩略图,获得海岸线选区,扩选9像素,平滑9像素,然后ctrl+shift+I反选,拿到远海海域选区,海洋比较简单,我们直接选择浅色涂抹笔刷,选择浅蓝色,开始涂抹,注意不透明度和流量建议归位到25%,方便获得自然的海水效果。
ctrl+D取消选区
下一节:[post cid="580" /]

4 (1).jpg

简介

Photoshop的入门其实并不难,不过对于新人来说,较多的功能和按钮,以及没有一个完整的工作流程的清晰认识,会让新人很难短时间对ps融会贯通,此分享以一个完整实用的项目:制作游戏世界地图,带领大家熟悉ps基础而实用的许多功能操作,同时也能有效将基础操作连通甚至举一反三,实现新的提升。
Image00001.jpg

这套文字版本是配套视频分享使用的,方便大家整理和闲暇之余看看流程备忘,不明白的地方建议看看视频,步骤较多,此套分享就不在文字版截图了,具体流程看视频解决吧:

一、海岸线绘制

我们打开谷歌地图,寻找合适的地图区域,比方说英国苏格兰群岛
利用此网站:
自定义谷歌地图
自定义大分辨率地图,这里示例长3000x4000高,然后通过FireShot之类的插件截图
Fireshot插件
将截图保存到我们的素材文件夹(G:\素材\map textures)
当然,如果你不需要超过屏幕分辨率的地图素材的话,直接f11全屏显示,截图保存,导入ps里就可以开始工作了。
Alt+鼠标滚轮缩放地图,B键选择画笔工具,ctrl+shift+n新建图层,或者在右下角图层菜单栏选项按钮打开,选择新建图层,命名Coastlines(海岸线),右上角画笔设置为硬边圆。
选中此图层情况下,开始绘制海岸线,如果你的画布尺寸显示比例不是默认的100%,可以用ctrl+1来归位,或者通过视图>100%也行,如果画笔粗细不太满意,可以利用[]键来调整线条粗细,这里用默认的5个像素点来绘制,绘制注意不要太柔顺,真实海岸线是曲折多变的,同时也别太尖锐,注意多观察真实地形获得一个平衡点,鉴于咱们经常写汉字,竖直方向容易快速画竖线,容易左右猛提,形成突兀的弯折,所以建议按住R键,拖动鼠标旋转整个画布,调节到合适的角度,方便我们的绘制。
space+鼠标左键拖拽画布,Alt+ctrl +c 调整图层画布大小,使得创建的地图海岸线轮廓画布空间足够。比方我这张截图下方空间太多,可以调整高度4000降低为3600,定位选择以上方中部为参考点,将下方多余部分裁剪掉,这样地图分布就更佳合适了。
勾勒出小岛和内陆湖,新建图层命名Background,ctrl+delete填充背景色,或者alt+delete填充前景色,达到快速获得白色背景色图层,关掉原谷歌地图背景图层,就可以获得纯白底色海岸线轮廓地图了。
当然,你也可以在选中新的背景图层情况下,按G键选择油漆桶工具,然后点击左侧菜单调整合适的前景色,对此背景图层进行前景色填充,或者在编辑菜单,选择填充(shift+F5),都是可以的。
最后ctrl + s 保存项目,选择合适的目录保存(G:project>Photoshop>maps),项目命名Island map

二.海岸线效果

按键W选择魔棒工具(wand),选中Coastlines图层,在任何非陆地区域点击一下,就可以选中所有海岸线了,部分未自动选择区域,按住shift+鼠标左键进行补充勾选。
放大画布查看选中效果,为了使选区贴近海岸线,我们在选择菜单>修改(M)>扩展(E),扩展2个像素点,使得选区符合海岸线走势,最后ctrl+shift+I,获得反选区域,得到陆地轮廓。
ctrl+shift+N新建图层命名Land,拖拽到Coastlines图层下方,背景图层之上,选中Land图层情况下,ctrl+delete将陆地选区填充背景白色,或者shift+F5填充合适的颜色,或者G键油漆桶,选择合适前景色对Land图层选中的陆地区域进行白色或者你喜欢的颜色填充,测试效果范围熟练后建议换为淡淡的棕色填充,上色我们在后面单独做一个图层。这里我们暂时只需填充淡棕色。

ctrl+D取消选择,就可以看到比较理想的陆地区域了,如果你是填充的纯白色,可以只显示陆地图层,就可以看到单独的陆地区域了,ctrl+鼠标左键点击Land图层前的缩略图,就可以再次全部选中陆地区域轮廓,ctrl+D依然是取消选择
ctrl+shift+N新建图层命名为Coastal Rings,准备给海岸线新建环绕特效,将刚才的Land区域选择扩展7个像素点。获得基础海岸线等高线效果后,我们放大画布查看一些近海岸细节,会发现很多狭小的近海岸出现很多封闭的回环选中效果,现实中这些近海区域是没有深水区的,我们可以通过选择>修改>平滑,添加平滑(smooth)7个像素点,将近海区域环绕等深线范围排除出去。
查看ring范围比较理想后,编辑菜单>描边功能,2个像素,black颜色,75%Opacity透明度,进行等深线特效绘制
然后选区拓展9个像素,第二次平滑9像素,描边Opacity改为50%
第三次拓展11像素,第三次平滑,描边25%
一般可以做4-5圈海陆过渡环绕效果
最后ctrl+1恢复正常画布大小,选择橡皮擦把你看的不太爽的等深线描边擦除即可

三.海岸线特效二

新建图层Coastal Waves,ctrl+鼠标左键Land图层缩略图,获得land选区
拓展10像素点,平滑10,shift+f5填充浅蓝色,就可以获得浅蓝色环海效果了,再做一个灰色描边100%,关闭之前的环绕等深线特效图层,差不多就是这效果了。
另外注意:此图层请放置在Land图层下,就是浅蓝色环海效果,如果放在Land图层上,整个陆地都是浅蓝色,这不是我们需要的效果

四.海岸线特效三

新建Waves图层,拖拽于Coastal Waves图层下方,ctrl+鼠标左键选中Coastal Waves图层缩略图,获得选区,拓展选区5像素,羽化15像素范围,填充纯白色,我们准备叠加一个海浪波纹图案,
新建一个64x64像素的文件,新建图层命名Wave Pattern,用硬边圆/柔边圆压力大小笔刷刷一些长波纹,然后取消背景图层选中,仅保存波纹图层为图案:ctrl+A全选画布,编辑>定义图案,随意命名wave保存,然后回到Island Map文件,双击Waves图层,
选择刚才新建的横条水波纹图案效果,scale自行调节,比如75%,确定,ctrl+1查看原始画布大小检查海洋波纹示意特效,当然你也可以自己制作喜欢的图案,按此方式进行图案叠加羽化区域。
满意后,显示Coastal Waves和Waves图层,通过ctrl+E合并Coastal Waves 和Waves图层,调整合并后的Coastal Waves图层不透明度,达到合适的效果即可。
下一节:[post cid="578" /]