[平面UI] 一张带有叙事性元素的图纸该如何画?叙事性插画风图纸解密...

查看:332 |回复:0 | 2019-12-3 01:48:44

您需要 登录 才可以下载或查看,没有账号?注册

x
本帖最后由 foxfox 于 2019-12-29 18:57 编辑

图纸就好像这个时代一样,需要不断地更新,才能站稳脚跟,叙事性的图纸往往都带有着独特的视角以及奇妙的元素来表达这块场地的精神,那么今天就来给大家解密这类图纸!

-前言-
解密开始之前,我们先看一些同样有着独特视角和奇妙元素的图纸
2.jpg
3.jpg
斑点元素采集与运用
▲两幅完全不搭界的图纸却在细节处有着表达的碰撞
优秀图纸总是在细微之处有着共通之处,需要我们细细揣摩以及生活中的不断积累,才能真正在使用的过程中非常流畅,例如一些渐变元素,一些三角,圆点的元素都是我们这类图纸永恒不变的经典元素。啥?你说你还想多看看名画,从人家名画中拿点东西?
▲日本版画,雷森村作品
▲森林元素采集,完成自己的绘制作品
▲日本版画,荷塘元素的采集
▲JOVEN原创,场地节点中荷塘月色元素的致敬与运用(部分截图)
▲美式漫画中田地表达元素采集
▲JOVEN原创,场地节点中草地元素的致敬与运用(部分截图)

-正文-
好啦,启发了大家的思路就该趁热打铁的来真正解密这份图纸啦!
1.打开模型,选择一个能遮蔽场地模型瑕疵的角度,并且选择“平行投影”(通常这类图纸我们会规避常规透视角度,选择一个比较新颖的角度),然后定义视图,保存场景。
▲最后的场景视口
2.利用Sketchup中的插件【一键通道】分别导出我们的TEXTURE纹理图,LINE线稿图,以及COLOR颜色通道图和SHADOW阴影图,没错,只需5秒钟,啥都不用设置。(一键通道插件可以在坯子库或者SUAPP PRO中免费下载),最后导出的图如下图。
▲COLOR颜色通道图
▲SHADOW阴影图
▲LINE线稿图
▲TEXTURE纹理图
3.将导出的四张图分别拖入PS,叠加关系为【SHADOW阴影图-正片叠底百分之65】【TEXTURE拷贝--明度百分之66】【COLOR颜色通道图--正常】【LINE线稿图--正常】,范例如下图,我们的画面已经有了基本的黑白灰关系,当然,这其中的COLOR通道图是需要后期适当修改颜色的,这里我已经把他调为了红色系。
可以点击放大看右下角图层关系,其实有的不想继续下去的同学,你们已经可以拿着这个交稿了........这么万金油的方法还不抓紧点击右上角收藏起来?
4.在我们步骤三中的LINE图中建立选选区,然后给文件夹添加蒙版,我们先来绘制大面积的草地区域和沙子区域,草地区域纹理我们使用已经整理好的这张纹理A,然后不需要改动,直接置入文件夹中,素材就被很快的放了进去。(加粗步骤可以理解为,制作模子,无论什么素材放进这个模子里最后出来的形状一定是一样的)。
▲草地纹理A,名画中采集整理而来
▲草地纹理A素材被快速的置入了画面中的植被区域
5.我们继续绘制中心广场区域以及一层草地空间,我们希望使用一些斑点或者直线元素来体现这块场地的活跃感,所以我们使用了一些小技巧,一层绿地中的大小不同的椭圆则是设置了我们的最基础的圆头笔刷后亲自绘制,而二层空间的小短线纹理则是使用了滤镜库中的绘图笔功能。
▲滤镜库中素描的绘图笔功能,随后采用滤色模式即可过滤黑色。巧妙地叠加
▲添加完纹理后画面效果
6.添加矢量人物,绘制阴影。然后给这些人物增加一些话框,把你想要表达的文字添加上去,不断地去丰富我们的画面。(关于素材获取,可以关注绘图小学堂)
▲添加完人物后画面效果
7.由于场地的右侧还是显得有点单调,所以我在右侧添加了处理过的植物,【滤镜库-干画笔】你会发现无论是多么LOW的素材,经历过这一步,会变得带有非写实色彩,最后给整副画添加一个画框,OK,我们大功告成啦!
▲普通树木素材木刻效果后带有了非写实元素。
▲画面最终效果
18.jpg

评分

参与人数 3元素币 +15 活跃度 +42 展开 理由
KL呆呆L + 2 + 20 【点赞】这很有大网气质!
源支始 + 13 + 10
胖纸Jeremy + 12 【感谢】楼主分享的内容!很棒!

查看全部评分

2019-12-3 01:48:44  
 赞 赞 0

使用道具 登录

0个回答,把该问题分享到群,邀请大神一起回答。

CG 游戏行业专业问题

图文教程技术文章技术文库UEUI
显示全部 11
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表