教你一个价值6位数海报的技巧！

文章来源：杰视帮

 

本着放在收藏夹里吃灰永远不亏的思想，我们恨不得网罗所有的素材网站，但只有自己真正做图的时候才发现，想要的素材永远找不到，后宫佳丽三千，终究还是错付了。

授人以鱼不如授人以渔，今天由王子老师现身说法，用实际案例教大家如何手搓UI，自制素材。

去年，我们和三只松鼠共同策划的七夕活动页面上架后受到了广泛的好评

后续还有不少店铺对这个页面进行了模仿和借鉴

但这些临摹的朋友未免有些过于不走心了，除了外形，质感和光影就一言难尽了。

为了让大家未来能够更好地临摹，今天就拿这个“招魂幡”给大家具体讲讲如何极致地手搓素材。

---

先用钢笔工具勾出旗帜大概外形，填充一个基本颜色

再勾出旗帜的内部面块，颜色可以自己搭，也可以参考我们这边的数值

同理，用钢笔工具勾勒出旗杆、横梁、牌匾以及飘带的外形。

至此，轮廓勾勒工作完成，接下来进入“一看就会”的手搓材质阶段。

 

从这根又长又细的棒棒开始，我们先将这个平面形状做出立体感。

从花瓣上找一个木纹材质的贴图

适当调整大小，叠入木棍中，注意遮挡逻辑。

打开曲线工具，先将旗杆整体压暗：

利用反向蒙版，配合画笔工具画出一道阴影区：

好，有一根曲线压暗，我们就再用另一根曲线提亮

同样的手法，运用反向蒙版配合画笔在阴影区旁画出高光区

当然，不要忘了处理上端的小部分木棍

但是呢，总感觉旗面和木棍直接缺少连接感，旗面像是悬空一样

因此，我们去花瓣上找一些绳结素材，适当调整增加元素之间的关联感

如果透视和方向存在略微的不匹配，我们可以用变形工具轻度调整

由于绳结本身颜色过于抢镜，用色相/饱和度进行去色处理：

再用色彩平衡进行着色，调成和旗杆近似的颜色：

接下来，按照旗杆的逻辑，用曲线将绳结的立体感做出来：

另外，不要忘了用曲线画出绳结与旗杆相接处的闭塞阴影：

好，旗杆的制作就告一段落，接下来我们从上至下，从横梁开始强化它的质感：

同样，我们先在花瓣上找一张合适的布纹材质贴图。

适当调整大小和方向，注意图层模式叠入横梁：

使用曲线工具对材质明暗不均匀的地方做一个平衡：

和做旗杆一样的思路，先用曲线压暗，配合蒙版画出阴影区，制造体积感：

再来根曲线，做出亮部区，强化体积感：

不难发现，叠入素材后整个区域的色彩饱和度明显过高，所以用色相/饱和度压低它的饱和度：

之后，用色彩平衡工具略微向洋红偏一点：

最后再借用曲线工具提亮，配合蒙版让边缘显得不那么锋利：

横梁的木质结构的体积做法就不过多赘述啦，和旗杆是一样的制作逻辑：

为了保证配色比，让画面不是单调的原木色和红色，在两边用青色的绳结进行装饰：

接下来，终于来到了重头戏——正面旗面的材质渲染！

从红色旗面开始，在网上找一些丝绸材质贴图：

调整好大小和方向，叠入红色旗面：

打开色相/饱和度，调节材质颜色，与横梁颜色匹配：

对于暗部的死黑，我们可以用可选颜色进行调节：

一个优秀的稿子必须注意的就是避免大面积死黑的出现，通过可选颜色，缓解死黑现象：

但这么看，依然有浓浓的纸片感，不够立体，因此，我们再对其边缘进行处理：

点选轮廓边缘，选择居中描边3像素：

选择正片叠底，擦去不必要部分，这样旗面的厚度就做出来了。

再用色彩平衡进行一个整体的偏色调整即可完成旗面的材质渲染：

最后，用曲线做出接缝处的闭塞阴影：

看看整体效果，是不是有内味儿了：

好，接下来我们来看一下金色绸面的处理方法：

先用布纹材质打底：

再叠入丝绸的褶皱贴图，注意褶皱要和红色底面的褶皱匹配：

用这样的逻辑，找到合适素材衔接底面褶皱：

对于颜色不一致的素材，我们用色彩平衡统一色彩：

如果要增加褶皱纹理，还可以使用正片叠底模式叠上去，但是注意用色阶降低暗部饱和度：

接下来，为了后续调色便捷，先用色相/饱和度降低色彩饱和度：

再用色彩平衡针对整体和高光分别添加色彩：

现在金色旗面整体偏暗，所以我们曲线工具适当提亮，增加画面明亮感：

最后，勾选边缘，制作旗面金边

接下来我们再来把两边的松鼠头形状的牌匾搞定~

复制一层，移动几个像素，做出牌匾厚度：

叠入金属素材：

点选，描边，做出嵌入边的厚度：

调色后，用曲线工具提亮：

复制一层，配合蒙版，做出嵌边厚度：

金属圆环怎么制作呢，新建圆环，双击图层样式，在斜面和浮雕处调出圆环3D感：

调节颜色，避免圆环颜色过重，根据穿透逻辑用蒙版擦去不必要的部分：

复制一层，调节大小，用锁链将横梁与牌匾连接好：

最后，在底部加一点例如宝石之类的装饰元素，增加画面观赏性，当然，不要忘了调色调明暗哦

打开之前勾好的丝带轮廓：

叠入布纹素材，ctrl+鼠标左键点选轮廓，描边2.5像素，做出飘带厚度：

再用曲线工具配合蒙版擦出飘带的高光区：

另外，不要忘了给牌匾上的文字也叠入材质哦：

再复制一层文字，左移几像素，做出文字立体感：

按照这样的方法，将左边牌匾和飘带也进行一个制作：

再找一些中国风的花纹，叠入金色布面，增加画面细节，提高画面耐看度：

至此，一个旗帜的人工制作就完成啦~

这样的素材自制思路不仅适用于旗帜的制作，像这个页面中桌面和桌布其实都是依照这样的制作逻辑全程手搓“搓”出来的