啊这音乐般的节奏~你把握得住吗?
深圳/设计爱好者/4年前/575浏览
版权
啊这音乐般的节奏~你把握得住吗?
视觉设计小妙招,今天你学到了吗~
大家好,这里是冰枫营前哨站,为大家带来游戏视觉领域的前沿资讯。

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

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

03 提炼线条
我们能清晰的看到图形的线条节奏在有规律的循环变化。
短—长—略长—略短—长—短 在客观的规律里寻找随机。

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

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

06 概括规律
不难发现视觉层级主次之间的节奏规律:
主体视觉是复杂的、比重大的、内容清晰的;
次级视觉是简单的、分量小的、内容模糊的;
节奏是层次推进的,但曲线又不是完全线性,中间会有适度的随机来打破。

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

08 转化思路

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

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

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

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

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

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

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

10 延展分析
我们继续看一张多角色的LOL原画。

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

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

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

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

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

11 设计总计
综上,我们得出了几个关于画面节奏感的简单设计结论:
第一,把控住画面整体的节奏;
第二,注意元素与元素之间组合、排列的节奏;
第三,需要在线性的节奏递推过程里,增加不稳定的随机性来变换节奏,丰富层次。

今天的学习就到这里啦~队员们GET到没有呢?
记得点赞收藏嗷~
18
17
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
18登录即可同步推荐记录哦
17登录即可加入我的收藏
评论登录即可评论想法
分享分享















































































