loading请求处理中...

Banner设计的表现技法-合成

2021-12-02 09:09:57 阅读 10051次 标签: banner设计 作者: a454466904

今天给大家分享的是学习平面设计和UI设计中比较重要的环节—合成。为什么说合成是我们UI和平面学习中的重要一课呢?在以后的工作中,banner设计是我们经常接触的工作内容,一个好的banner设计,绝对不能缺少合成的分量,合成是banner设计中的一种高层次的技法。但当看过千篇一律的banner设计后,自己作为一个设计工作者都感觉厌烦,没有新意,没有创意,无层次,无氛围,透视关系错误,光影关系不到位,色彩调整不和谐,这些都是做不好合成的通病。

Banner设计的表现技法-合成

Banner设计的表现技法-合成

在电商崛起的近几年,大批量的banner风格采用扁平风,电商类的banner运用了色彩的强烈对比,图形图案和主体物的结合,确实能再最短时间吸引用户视线,但是这种雷同,久而久之会让用户感到视觉疲劳,合成的出现是一股清流。不需要强烈的色彩对比,不需要大文字的排版,确能在第一时间抓住用户眼球,合理的透视关系,分层次的虚实景深,照顾到每一处的光和影,都能让观看者有种身临其境,因为每一张合成都是以观看者的角度,以观看者的视线来合理的拼接素材,拉伸透视,调光调色。往往看的人经常都会质疑,这些是拍摄的还是合成的,这些是真实的,还是PS的??就因为你的好奇,就因为合成的作品能让你眼睛穿透进画里,所以他才更吸引人,更让人惊叹。

扁平化类型的banner:

Banner设计的表现技法-合成

Banner设计的表现技法-合成

合成的场景化banner:

Banner设计的表现技法-合成

Banner设计的表现技法-合成

做好一张合成不简单,这需要有一个长期修炼的过程,每一个步骤都是你长期的练习和积累。以下是我总结的做合成的步骤,我一一细讲。

1

思考,找灵感

当接到需求以后,我们第一步该做的不是立马动手,而是认真读懂需求,认真分析什么样的作品能够打动用户,记住请站在普通用户的角度来想这些问题。大致的构思出创意点以及合成的内容。

找灵感(吸墨水):有句熟话这样说,你肚子里要装的有墨水,才写的出文章。做设计也这样,每天都有学员对我说,老师我没有想法,不知道怎么做。那是因为看的太少,即使手上功夫暂时还达不到,但是有创意有想法也会让你进步更快。所以在认真分析需求后,去查找一下同类行业,同类产品的设计风格怎样,或者上网看看大神的合成作品,激发自己创意的灵感。

找灵感:

Banner设计的表现技法-合成

2

画草图

想好创意点以后,动手画出草图,用纸和笔勾勒出大致的透视关系。就像做logo一样,也许你说你可以不用画草图,直接上手用软件操作,但是画草图,易于修改,调整。当确定好设计方向以后,在转移到软件上去操作,就避免反复的修改,大师都不敢说不画草图,直接动手做,所以..........(自己去想)

画草图:

Banner设计的表现技法-合成

3

素材,拼接素材

构思好了,草图好了,当然就是上手开始做设计了,但是拿什么做????拿什么做????拿手板做啊?所以没点蔬菜(素材),就做不出一盘菜。那好吧,先整点蔬菜(素材),这个环节好多新手会遇到问题,大神的合成哪里找的素材啊,怎么我就找不到呢???他们花钱买的??当然这也是起决定性因数的,设计师连几块钱一个月的资源站点VIP都舍不得冲,你何来好的素材?免费的永远比不上花钱买的,就像朋友喊你“某某,空不?帮我做个logo三,你分分钟就搞定的事”在不好拒绝的情况下,你肯定对待这个logo的态度是用几分钟搞定,因为重点你明白,他~~~~不~~~会~~~给~~~你~~~钱(好基友你好意思问他要一顿饭钱?)。那换个人“某美女(帅哥),能帮我们设计个logo吗?我们预算是$$$$”这个时候我估计你初稿都要交十几二十个出来,才对得起人家给你$$$$和喊你的一声美女(帅哥)。所以这就是花钱和不好钱的区别。

下载素材:

Banner设计的表现技法-合成

好了蔬菜有了,该做菜了。那你总该把这盘菜里的搭配准备好吧?要点蒜,来点葱,在加点辣椒润润色~~~。这个就是我们在合成中的拼接素材的过程,根据你的草图,把找好的素材拼接一下,有个技巧,可以分分钟看出你的素材合适不合适,把素材拖到你的设计面板中,调整透明度为50%-65%之间,然后在你的设计图中调整、摆放。合适就保留,截掉多余的部分。不合适就在来其他素材重复刚才的工作。

这里有个提高工作效率的方式,在做找素材到拼接的这两步工作时,最好不要分开进行,就是说最好不要先去找一堆素材,在一个一个丢进面板看适合不适合。这样是最浪费时间的,往往你会发现我找了上百张素材,其实好多都没有用上(下载了我,连拼接的机会都不给我,突然想起连100块钱都不给我,哈哈哈),所以一边下素材,立马丢进去拼接,这样不浪费时间效果也立竿见影。在后来就是搭好了素材就把多余的不需要的部分隐藏,手法很多,比如直接删除和运用蒙版隐藏,当然后者肯定是极好的,这样小主就可以随时随地切换到素材原始状态再调整。

拼接素材:

Banner设计的表现技法-合成

4

透视、虚实、色调

透视关系(棋盘理论):其实在前面的拼接素材的时候,已经在有意识的进行了,所以到这一步应该是做更深入和正确的调整。透视关系注意几点:棋盘理论,视平线,透视比例,消失点。什么是棋盘理论呢,说的是把你画布当成一个棋盘,上面要合成的东西,当成这个棋盘上的棋子,用我们现实生活中看到过的棋盘和棋子的透视去理解。视平线:做透视的时候,不可能所以的视觉都是平行视觉,有的是仰视,有的是俯视,所以呢确定好视平线很重要,这样才能清晰的梳理出哪些细节该出现,哪些细节不和常理。透视比例:根据近大远小,可以模拟出透视关系,但是精确到素材的摆放位置,素材的具体大小,就需要对透视比例的深刻理解,根据视平线,视心点,灭点,透视比例辅助线,规划出合适的位置,合理的大小才是透视关系逼真度的体现。消失点:很多时候在处理合成中的透视关系时,都只注意到一个灭点(一点透视)。根据透视理论,物品在视平面产生角度,就会变成两点透视,视平线不和地平线重合,有仰视和俯视的效果,就会变成三点透视,所以我们往往只关注一点透视 ,却忘记了画布外,看不见的其他消失点。

Banner设计的表现技法-合成

场景虚实:这个就好比让你用专业的相机来拍摄一副有场景的相片,在拍摄中,如果我们定焦在近景,那么中景会比近景虚化一些,清晰度弱化一些,远景更虚更模糊。如果定焦在中景,远景虚化,近景最模糊。定焦在远景,他们虚化的排序又有变化,近景最模糊,中景相应的虚化。所以分清楚定焦在哪里,分清楚他们虚实的层次,是营造更真实场景,烘托氛围的利器。

Banner设计的表现技法-合成

色调调整:透视正确了,虚实拉开了,一看,怎么还是哪里不舒服,那绝对是颜色的过度不和谐。我们既然营造的是一个统一的场景,那么之前拼接的素材都在不同的场景中找来的,所以颜色,饱和度,明度肯定不会协调,就需要观察直方图把所有的素材的色值进行调整。

Banner设计的表现技法-合成

Banner设计的表现技法-合成

5

氛围,光影

处理光和影,是为了让我们后期拼接的素材增强立体感,更好的融入背景中,这里要注意几点,高光、转折、暗部、投影、倒影

Banner设计的表现技法-合成

高光:原有素材中即使有高光,但是并不一定符合现有场景,所以我们需要人为的去添加高光面,高光点。正确找到高光的位置很关键。

转折:在合成的画面中,既然光源改变了,转折肯定也会做出相应的改变,把他们刻画的更细致一些,拉开层次。

暗部:由于不同的素材放在一起,就需要理解并相应的添加暗部。

投影:对影的正确理解应该是闭塞影,接触影,遮挡影,交叉影等,还要根据不同的材质去分析影的呈现。比如同样的一个物体,在相同光源下,它的影子呈现在沙地和呈现在瓷砖上是不一样的。特别注意是否形成交叉影。

倒影:认真分析承载面的材质,会不会使上面的物体产生倒影,如产生倒影,那么倒影是否会拉长,是否清晰,是否改变颜色,都是我们该思考的。

以上就是我对合成的理解,配图来自于网络,文字来自多年工作的理解和积累,有些不错的观点,来自跟大神学习 以后所吸收,所以设计的道路不管你走了多长,比你优秀的人大有人在,你需要学习的知识点,永远都有。祝大家都能够成长为大神。

设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论