本着放在收藏夹里吃灰永远不亏的思想,我们恨不得网罗所有的素材网站,但只有自己真正做图的时候才发现,想要的素材永远找不到,后宫佳丽三千,终究还是错付了。
授人以鱼不如授人以渔,今天由王子老师现身说法,用实际案例教大家如何手搓UI,自制素材。
去年,我们和三只松鼠共同策划的七夕活动页面上架后受到了广泛的好评
但这些临摹的朋友未免有些过于不走心了,除了外形,质感和光影就一言难尽了。
为了让大家未来能够更好地临摹,今天就拿这个“招魂幡”给大家具体讲讲如何极致地手搓素材。
再勾出旗帜的内部面块,颜色可以自己搭,也可以参考我们这边的数值
同理,用钢笔工具勾勒出旗杆、横梁、牌匾以及飘带的外形。
至此,轮廓勾勒工作完成,接下来进入“一看就会”的手搓材质阶段。
从这根又长又细的棒棒开始,我们先将这个平面形状做出立体感。
利用反向蒙版,配合画笔工具画出一道阴影区:
同样的手法,运用反向蒙版配合画笔在阴影区旁画出高光区
但是呢,总感觉旗面和木棍直接缺少连接感,旗面像是悬空一样
因此,我们去花瓣上找一些绳结素材,适当调整增加元素之间的关联感
如果透视和方向存在略微的不匹配,我们可以用变形工具轻度调整
由于绳结本身颜色过于抢镜,用色相/饱和度进行去色处理:
接下来,按照旗杆的逻辑,用曲线将绳结的立体感做出来:
另外,不要忘了用曲线画出绳结与旗杆相接处的闭塞阴影:
好,旗杆的制作就告一段落,接下来我们从上至下,从横梁开始强化它的质感:
和做旗杆一样的思路,先用曲线压暗,配合蒙版画出阴影区,制造体积感:
不难发现,叠入素材后整个区域的色彩饱和度明显过高,所以用色相/饱和度压低它的饱和度:
最后再借用曲线工具提亮,配合蒙版让边缘显得不那么锋利:
横梁的木质结构的体积做法就不过多赘述啦,和旗杆是一样的制作逻辑:
为了保证配色比,让画面不是单调的原木色和红色,在两边用青色的绳结进行装饰:
一个优秀的稿子必须注意的就是避免大面积死黑的出现,通过可选颜色,缓解死黑现象:
但这么看,依然有浓浓的纸片感,不够立体,因此,我们再对其边缘进行处理:
选择正片叠底,擦去不必要部分,这样旗面的厚度就做出来了。
再用色彩平衡进行一个整体的偏色调整即可完成旗面的材质渲染:
看看整体效果,是不是有内味儿了
:
再叠入丝绸的褶皱贴图,注意褶皱要和红色底面的褶皱匹配:
如果要增加褶皱纹理,还可以使用正片叠底模式叠上去,但是注意用色阶降低暗部饱和度:
接下来,为了后续调色便捷,先用色相/饱和度降低色彩饱和度:
现在金色旗面整体偏暗,所以我们曲线工具适当提亮,增加画面明亮感:
金属圆环怎么制作呢,新建圆环,双击图层样式,在斜面和浮雕处调出圆环3D感:
调节颜色,避免圆环颜色过重,根据穿透逻辑用蒙版擦去不必要的部分:
最后,在底部加一点例如宝石之类的装饰元素,增加画面观赏性,当然,不要忘了调色调明暗哦
叠入布纹素材,ctrl+鼠标左键点选轮廓,描边2.5像素,做出飘带厚度:
再找一些中国风的花纹,叠入金色布面,增加画面细节,提高画面耐看度:
至此,一个旗帜的人工制作就完成啦~
这样的素材自制思路不仅适用于旗帜的制作,像这个页面中桌面和桌布其实都是依照这样的制作逻辑全程手搓“搓”出来的