β

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

设计达人 30 阅读

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

01.从参考到草稿

草稿的意义是把想法从抽象变成具象,有的放矢的寻找和使用素材,避免进入到制作环节,被素材左右,来回动摇想法,可以节省很多时间。参考是一个3D渲染加合成的作品,感谢这些大神的分享,让我们感受到合成设计的魅力,认清距离大神还需要多少努力。 1.根据需要确定画幅,参考是方画幅,我需要的是横画幅; 2.根据产品的拍摄角度确定透视,可以看到参考图的视平线(绿色线)比我需要的视平线低得多; 3.根据经典的三分法,做构图辅助,安排画面元素分布,用常见的事物,比如人,来确定元素的比例大小,完成草稿。 4.确定想要的气氛,找到气氛参考,很多光影细节不是靠想象能解决的,一定要有参考,一边观察,一边分析,然后重现。

02.拼接场景

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

03.绘制素材

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

04.素材重组

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

05.主体处理

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

06.加装其他配件

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

07.贴材质

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

08.景别层级处理

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

09.统一色彩倾向

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

10.光影推算

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

11.调整主体受光

摄影棚拍出来的产品通常都是多光源,放到环境里就会特别违和,这里我将剃须刀的右侧反光压下去,调整为主要受天光影响,同时追加一些产品固有色。

12.近景树林调整

打光以后,感觉近景的树林受光源色的影响还不够,对比也可以再加强。

13.细节完善

之前做的都是比较大的调整,可能很多细节有疏忽,检查画面,尽可能找出需要完善的细节。

15.增强冷暖对比

亮部受光源色影响,更偏暖,暗部受蓝色天光影响,更偏冷,可以适当强化这种对比。

16.最后的调整

最后再整体观察一下画面,用主观感受做出调整,通常完成的当天都会觉得很满意,台果不急着交稿,等等,第二天再看看,可能会发现新问题。 还是感觉起重机不够结实,添加更多的钢索,继续增强稳定感和力量感。 因为过多的强化亮部的暖色调,导致饱和过高,甚至有烧焦的感觉,这是大多数合成,调整到最后都有可能出现的问题,需要降低饱和度,同时把烧焦的部分用滤色图层提起来。

17.总结

其实归纳起来我们要做的只有三件事

完成效果

合成教程不是一次就能做得好,需要多多练习才能更好把握,以下是此文章的图片素材,同学们可以下载来学习,喜欢请分享本文给更多小伙伴们吧! 本教程素材下载链接:https://pan.baidu.com/s/1nk1zeCEmIEVZ43Tqi-4cBg 密码:4p9e


(ノ◕‿◕)ノ*:・゚✧ 查看最受欢迎 301 个设计网站 *:・゚✧ヽ(◕‿◕ヽ)

UI设计QQ群 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
作者:设计达人
爱设计,爱分享。
原文地址:大气高科技产品Banner合成教程, 感谢原作者分享。

发表评论