啊这音乐般的节奏~你把握得住吗?

用户头像
深圳/设计爱好者/4年前/567浏览
啊这音乐般的节奏~你把握得住吗?

视觉设计小妙招,今天你学到了吗~


大家好,这里是冰枫营前哨站,为大家带来游戏视觉领域的前沿资讯。



01 观察频谱

在频谱上我们可以清晰看见,音乐节奏可视化的呈现。



02 概念转化

将频谱的波段,转化成城市的大厦场景,我们得到了一个大概的轮廓 。



03 提炼线条

我们能清晰的看到图形的线条节奏在有规律的循环变化。

短—长—略长—略短—长—短 在客观的规律里寻找随机。



04 填充色块

填充为块面之后,大小粗细带来的节奏变化更加明显。



05 添加细节

我们继续加强细节,在主次层级上也找到节奏。



06 概括规律

不难发现视觉层级主次之间的节奏规律:

主体视觉是复杂的、比重大的、内容清晰的;

次级视觉是简单的、分量小的、内容模糊的;

节奏是层次推进的,但曲线又不是完全线性,中间会有适度的随机来打破。



07 总结要点

我们不难总结两个简单的关于节奏的要点。



08 转化思路



09 画作赏析

我们来看一张英雄联盟的插画,并分析其画面的节奏。

 


大框架下,主体视觉结构复杂、色彩鲜艳、对比强烈。



中景部分结构相对简单、轮廓隐约可见、视觉对比较弱。



远景部分结构简单、色彩单一、内容模糊、分量较轻。



局部场景中,近中景明显占比更大,结构更复杂,轮廓更清晰。



中远景则分量相对较轻、结构相对模糊、轮廓相对简单。



远景部分则是结构模糊、轮廓简单、分量最轻。



10 延展分析

我们继续看一张多角色的LOL原画。



角色和背景在结构的复杂程度上,形成鲜明的对比。



第一层级有光源引导,色彩鲜艳,质感强烈,结构清晰。



第二层级饱和下降,质感相对粗糙,部分结构开始模糊。



第三层次开始过渡层次,分量小且相对清晰。



第四层级结构模糊,低饱和弱对比,视觉占比分量轻。



11 设计总计

综上,我们得出了几个关于画面节奏感的简单设计结论:

第一,把控住画面整体的节奏;

第二,注意元素与元素之间组合、排列的节奏;

第三,需要在线性的节奏递推过程里,增加不稳定的随机性来变换节奏,丰富层次。



今天的学习就到这里啦~队员们GET到没有呢?

记得点赞收藏嗷~


18
阅读原文
|
Report
|
17
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in