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

深圳/设计爱好者/3年前/536浏览
啊这音乐般的节奏~你把握得住吗?

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


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



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