游戏开发论坛

 找回密码
 立即注册
搜索
查看: 11101|回复: 0

动效如何表达情感-1

[复制链接]

1113

主题

1113

帖子

2853

积分

版主

Rank: 7Rank: 7Rank: 7

积分
2853
发表于 2021-10-15 14:01:41 | 显示全部楼层 |阅读模式
作为动效三大基础作用之一,情感相对较为抽象。

在具体的设计中,影响动效情感表达的因素被分散融入在几个部分中。

这些部分包括但不限于:视觉设计、曲线设计与节奏设计等。

视觉设计指的是静态设计稿中本来就明显传达出的情感。比如暖色的光线与彩条等元素传达出的愉悦感、冷色的光线与破碎的图形传达出的比较负面的情绪等。

曲线设计指的是我们常会提到的动作曲线设计。同种运动中,如果用不同的动画曲线,不仅能表现出不同的风格取向,还会表达出不同的情绪。

节奏设计可以看作是组成动画的不同部分,在一定的次序组合下表现出的一种特定秩序。不同的节奏也会传达不同的情绪。从而引导用户产生不同的情绪。

先看曲线设计如何影响动效的情感表达。

比如说一个简单的弹窗出现效果,如果用比较通用的方式,那就是这个样子:

微信图片_20211015135432.gif

此时它的运动曲线是这样的:

微信图片_20211015135442.jpg

但如果稍微对曲线进行微调,动作就变成了这样:

微信图片_20211015135446.gif

曲线是这样:

微信图片_20211015135450.jpg

这还只是对曲线的方向进行了反向修改。此时我们并没有感到明显的感觉差异,两个运动都比较轻柔。

如果在曲线里加入更多细节,就会变成这样:

微信图片_20211015135455.gif

曲线是这样:

微信图片_20211015135459.jpg

这时候的物体运动就会更加活泼一些。因为我们为这个运动增加了很多弹动动作。

如果想让这个动作更加“劲道”,也就是更显得精力充沛,只需要在曲线的细节上进行调整:

微信图片_20211015135504.jpg

这时候这个动画看起来就是这个样子:

微信图片_20211015135508.gif

而这是单一属性上的曲线变化,如果我们加上另外的属性影响,比如透明度:

微信图片_20211015135512.jpg

这是个闪切透明度变化曲线。将它直接套用在上一个效果上,会得到下边的效果:

微信图片_20211015135517.gif

发现了什么?对,它突然就有点科技感的意思了。

这说明不同属性上的曲线控制,都会透露出特定的情绪。

通常来说,表示越缓慢变化的曲线会让人感觉越放松,反之会越紧张一些。变化越剧烈的,会透露出物件本身的精力充沛,反之越慵懒。

比如说同样是一个用旋转属性制作的提示动画,就会用不同频次动作来表达不同的情绪。

如下图所示,我们用紫色方块表示一个可领取的宝箱,如果用缓慢的循环动画的话,它看起来是这个样子:

微信图片_20211015135521.gif

这时,它的曲线是这样的:

微信图片_20211015135525.jpg

一个横跨一秒钟的循环动画。虽然也是晃动,但并没有特别激动,让人感觉不到“急促感”。可以用在不那么强烈引导玩家去点击的提示动画上。

但如果有一个视觉级别很高。游戏设计师恨不得玩家一进入游戏时就被吸引注意力,而马上去点击的宝箱,就应该设计更激烈的提示动作。

比如像这样:

微信图片_20211015135529.gif

它的动作显然多了很多细节,这仅仅因为我在刚才那一动作上对曲线进行了更加细致的修饰:

微信图片_20211015135533.jpg

这些修改包括为抖动动作设计预备动作,剧烈的数值反复以及缓慢停到初始状态的过程。

这些修改的主要目的是增强原本运动的剧烈程度。

除此之外,还要为原本的循环设计一个静止区间:对于更剧烈的运动来说,应该给玩家更多呼吸的空间,否则会有过渡干扰的效果。在这里就是为物件每两次运动之间设计足够的静止时长。

关于曲线对物体运动的影响,以及因为曲线而表现出的运动所表达的不同情绪,还有非常多丰富的变化,这里就不再赘述,欢迎你的建议和补充。

本系列下篇我们将继续讨论节奏设计对动效情绪表达的影响,敬请期待!

以上。

文/欧型兔
来源:COTA五号
原文:https://mp.weixin.qq.com/s/TWaMM4Y-_UPRGpMiH-zRdg


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2024-4-25 07:29

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表