《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧

Recommanded by editor
上海/UI设计师/247天前/884浏览
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧Recommanded by editor
是什么设计能得到鹰角的青睐,频频出现在《明日方舟:终末地》的宣传片中?这种方法又该如何运用在自己的设计上?本期设计技巧将带你揭秘鹰角用了都说好的等高线设计,据说认真学完的同学都被鹰角拉去快乐打工啦!
(本文共2300个字,阅读需6分钟)
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
《明日方舟:终末地》的特别映像 —《终末地:守候》不知道大家有没有关注呢,在这支游戏概念先导片(骗氪广告)中,鹰角使用了大量平面和立体的等高线来表现塔卫二的地理环境,吊足了玩家胃口。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
而除了表现地理环境,这个中学地理中最易“送分”的图形,还出现在了:HUD、服装、书籍和地板上!
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
甚至在终末地的Logo中,也使用了等高线元素。鹰角,你真的好爱等高线!
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
那么,怎么制作出这种连鹰角都情有独钟的等高线设计呢?
朋友,既然你有缘点进这篇公众号,我今日便将毕生所学—
如何应付甲方需求之设计师职场生存三十六计之等高线设计篇
传授于你!
首先,我们要明确需求,也就是定位。如果沟通顺利自然你好我好大家好,但可惜的是现实往往并不如我们所愿,我们经常会遇到给的工期短资金少又不好沟通甲方。这个时候要怎么办呢?
当然是
赶紧跑路
搜索免费网站啦!
打开任意一个素材网站,都可以找到大把的免扣等高线素材。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
你甚至可以搜 —
“中学地理地形图真题”
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
我们把搜到的图拿到实际项目上看一下,以这个咖啡杯的设计为例,有字但又懒得抠图的地方,用杯套这么一挡,诶,是不是还挺像那么回事的。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
那如果你说,毕竟收了钱,这样草草敷衍感觉有点于心不安怎么办呢?我是一个有梦想的设计师,怎么能只堆素材呢?根据我多年的经验,我只能说,朋友,太有良心的话是做不了设计师的,因为这样的设计师,可能不是累死了,就是饿死了...
当然作为设计行业的中流砥柱啊,我们有素材的时候可以靠素材,但最终还是要自己动手丰衣足食的,因为不动脑子的设计师是很容易被AI取代的。
那么要如何自己制作出等高线的效果呢,其实非常的简单啊:
首先打开PS,选择
滤镜—渲染—云彩。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
把图层转换成智能对象,方便我们后面修改。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
接着再打开滤镜,选择高斯模糊,参数调整为20左右。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
接着再打开滤镜库,选择
海报边缘
,其他参数调成0,海报化调为3。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
海报化决定的是等高线的层数,参数越高做出来的效果就越密集,可以根据自己想要的效果进行疏密调整。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
最后,选择
滤镜—风格化—查找边缘。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
这时候呢,我们就得到了一张等高线的纹理图。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
你可以通过颜色反相得到更酷炫的黑底白线的效果。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
你可以用这种等高线装饰高科技产品,让产品获得终末地buff加成。终末地隐藏联名厂商竟被我给找到了!
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
但你会发现啊,用这种方法做出的等高线地形比较单一,类似山顶和盆地的相似的闭合非常多。毕竟是PS自动生成的,就像不能指望笔自己画画一样,你不能指望PS帮你设计。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
那我们说,风水宝地一定是案山明堂,水流曲折,地形平陡缓急,相得益彰,毕竟寻龙分金看缠山,一重缠是一重关,好,此处应有惊堂木声。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
总而言之,软件自动生成的东西往往并不能百分百贴合我们的需求,就像是甲方乙方往往并不能和谐相处一样,那这个时候要怎么办呢,当然是 — 愿天堂没有甲方,深入了解甲方的需求,根据需求提供定制化服务!用在设计中呢,也就是需要了解PS等高线的生成原理。
简单来说,PS里的等高线是通过前景色和后景色形成的明暗关系,叠加不同效果后,提纯边缘实现的。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
亮部的位置可以理解为是山头,而暗部的位置相当于是平原或者河流。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
我们双击进入图层,选择
窗口-排列
中的
双联垂直
,方便我们对比查看。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
接着新建一个空图层,方便修改。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
以这一块的等高线地形为例,我选择在原有图层上吸取亮部的颜色进行涂抹,这样两个山头就合并成一个山顶了。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
有了山还得有水对吧,我们这次吸取暗部的颜色,在画布上绘制出河流的走向。可以绘制一些支流,让整个地形看起来更加自然。从平面设计的角度来说,河流的穿插也起到了破形的效果,如果觉得整个等高线的线条太密,太紧凑,可以调配整个界面的明暗比例,来主观控制地形起伏。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
甚至可以把等高线的四周都增加暗部,形成海岛的地形效果。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
除了明暗关系外,我们也可以通过等高线本身进行破形,增加画面节奏感。我们把在PS里制作完成的图片导入AI进行矢量化处理。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
选择视图中的图像描摹,阈值调整为243左右,把路径,边角,杂色调至最低。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
最后关闭填色,选择描边,这时候就得到了一个边缘线更粗的等高线图,方便我们做效果。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
在对象-扩展中,分别勾上
“对象”“填充”
两个选项。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
右击取消整张图的编组。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
这时候我们点击不同的线条,就可以控制对应闭合等高线的效果了。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
我们按照,
粗线,细线和线段
三种不同效果,来破坏现有的等高结构。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
其中,粗线可以规范整个地形的主视觉轮廓,让地形的整体更清晰,线段可以包裹在粗线的两侧,内圈勾勒山体,外圈指代分界线。其余的部分我们保留细线效果。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
相比之前的版本,我们会发现这样的地形图更有层次,设计感更强。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
你也可以把它平铺在具有年代感的牛皮纸素材上,进一步强化等高线作为地形可视化的属性。
《明日方舟:终末地》都在用的等高线设计 学完鹰角直接叫我去上班?| 设计技巧
Collect
到这里呢,一个纯手搓的等高线就完成啦。你会发现自己动手做出来的等高线,效果的可控性和可修改性更强,和只堆素材是非常不一样滴。
也希望大家做设计的时候,不要只做素材搜集拼贴的机器,而是多从原理上进行思考。
那么,今天的分享就到这里啦,如果你喜欢我们的分享内容,别忘记点赞和收藏。同学们对操作步骤有疑问,或是有其他想了解的设计技巧,欢迎在评论区留言,期待与同学们的互动!
58
阅读原文
|
Report
|
77
Share
相关推荐
教程学习
教程学习
教程学习
教程学习
作品收藏夹
如果美术当了老板,产品能做成什么样?
Homepage recommendation
文章内容含视频
「新怪谈」如何用美术 营造诡异氛围
Homepage recommendation
文章内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
#想赢的都在亨氏里!
Homepage recommendation
相关收藏夹
教程学习
教程学习
教程学习
教程学习
作品收藏夹
设计学习
设计学习
设计学习
设计学习
作品收藏夹
文章
文章
文章
文章
作品收藏夹
学习
学习
学习
学习
作品收藏夹
小教学
小教学
小教学
小教学
作品收藏夹
教程
教程
教程
教程
作品收藏夹
大家都在看
Log in