大气高科技产品Banner合成教程

6 月 21, 2018 发表于: 视觉设计. 评论

Sponsor

上期和大家分享了合成文章《产品页面设计：拟人化合成教程》,通过拟人的气质来突出产品，而今天则分享大气高科技产品Banner合成案例，能过大气的场景及工程车来突出电子剃须刀的强劲、做工精湛、高端等等，喜欢的同学可以一起来学习此教程。文末附教程素材下载哦。

设计师：一次哥
个人主页：http://i.ui.cn/ucenter/1192047.html

01.从参考到草稿

草稿的意义是把想法从抽象变成具象，有的放矢的寻找和使用素材，避免进入到制作环节，被素材左右，来回动摇想法，可以节省很多时间。参考是一个3D渲染加合成的作品，感谢这些大神的分享，让我们感受到合成设计的魅力，认清距离大神还需要多少努力。

1.根据需要确定画幅，参考是方画幅，我需要的是横画幅；

2.根据产品的拍摄角度确定透视，可以看到参考图的视平线（绿色线）比我需要的视平线低得多;

3.根据经典的三分法，做构图辅助，安排画面元素分布，用常见的事物，比如人，来确定元素的比例大小，完成草稿。

4.确定想要的气氛，找到气氛参考，很多光影细节不是靠想象能解决的，一定要有参考，一边观察，一边分析，然后重现。

02.拼接场景

依据草稿的规划，从远景到近景，拼接出场景，只需要考虑透视和素材之间的衔接，抠图要尽量仔细。对于像树林、山体这类素材，即便是透视不能完全匹配也依然可以使用，这样在寻找素材的环节又可以节省不少时间。

03.绘制素材

大家都知道，合成设计在寻找素材这一环节非常容易让人崩溃，有些素材很难找到合适的，比如这个案例需要的平台，都是简单几何体组成，绘制简单，通过贴图调色可快速增强真实感，而这样的视角、景别，如果找素材，消耗的时间会远远超过自己绘制，效率始终是比较重要的。用素材、手绘、建模怎么方便怎么来。

04.素材重组

运用素材时，不一定非要找一张完整的合适的，比如这个案例的起重机，我没有非去找一台完整的、合适的，而是将不同起重机、不同部件拆分出来重新组合，这个技巧既可以帮我们提高素材的运用能力，又能节省寻找合适素材的时间。

05.主体处理

通过分析剃须刀结构，运用简单的绘制技巧，就可以将其中一环刀片组分离出来，赋予体积并且留下一个需要填补的洞，等待组装完成，为了加强剃须刀的稳定感，给他绘制一个固定架。

06.加装其他配件

找到一个合适的楼梯还是比较容易的，但要找到这种景别和造型的栏杆就不容易了，这时，绘制技巧再次派上用场，绘制一组正面的栏杆，通过变形处理，匹配透视。放入几个小人来暗示出剃须刀的巨大，同时要注意栏杆和楼梯的高度跟人的高度要保持比例一致。

07.贴材质

制作材质贴图时，为了让材质细节更丰富，可以多叠加几种纹理，在这个案例中要物别注意材质的比例，因为距离镱头比较远，要将制作好的贴图以人的高度为比例尺，缩到非常小，否则会变成巨型砖块。

08.景别层级处理

空气透视的基本规律：越近对比越强，暗部越暗，越远对比越弱，暗部越亮。这一步可以添加一个黑白观察层，先不用理会色彩，将景别按照空气透视的规律调整。景别之间还可以加入雾气强化层级。

09.统一色彩倾向

黑白关系大致确定后，先整体给一个色彩倾向，匹配光源的影响，然后把个别色彩偏离得较远的素材单独调整。

10.光影推算

确定受光面和投影，这一步还是比较难以做到完全准确的，所有栏杆的投影要一条一条画出来，比较考验耐心。利用光影知识，客观规律加上主观感受进行推算，大致准确就可以，要注意的就是，当投影遇到障碍时，会顺着障碍的结构走，另外因为光源的高度底，投影要画长一些。如果非要跟自己过不去追求物理上的绝对正确，那就建模渲染吧。