动画的设计思路(动画设计思路阐述)

本文主要介绍动画设计思想(动画设计)，下面跟着东辰网详细了解一下吧。

通过前面的三节课，我们已经掌握了制作动画的方法，虽然动画还是很简单。还记得学基础部分的时候，我接触单一色块很久吗？那还没有。;t影响了每个人。;目前的比赛水平。同样，我们将很快开始制作更精细的动画。但在这一切到来之前，我们也必须学习一些必要的设计思维。所谓设计思维，是指制作动画之前的策划考虑，包括很多方面。

首先，让我们让我们来谈谈层次的组织。最终的动画不包含层信息。这里说的层只是指生产。对于通过改变图层位置制作的动画来说，有一个明显的问题就是必须合理安排图层，因为运动的最小单位是图层，所以如果需要制作多个运动轨迹不同的物体，就必须分布在不同的图层中。还要提前考虑移动的距离，图像的大小，图像的位置，给移动留出足够的空间，这是其一。二是考虑是否会与其他层交叉，交叉时如何处理，谁覆盖谁，也就是层的层次排列。如下图，相交有三种，最左边的一种是两层都是100%时，绿色覆盖红色。另外两个显示了不同图层在50%不透明度下产生的不同覆盖效果。如果绿色覆盖红色，那么十字路口将是绿色，反之亦然。这都是正常的混音模式。如果选择叠加等其他混音模式，就更要注意层次了。

以上都是技术问题。现在让我们让我们来谈谈这个情节。一般来说，如果一个物体在图像中一直在运动，就不需要解释了。但如果物体本来不在画面中，后来进入了画面，或者本来在画面中后来移出了画面，就要对物体的出现和消失做一个交代，这是一个过渡，让观者有一个更自然的心理变化。常见的手法是让物体逐渐出现(也叫淡)或逐渐消失(也叫淡)。如下图所示，演示了在同一文本移动中淡入和淡出处理的效果对比。

可以将鼠标移入播放区观看实际动画效果，移出播放区停止播放。通过对比，相信大家会觉得加入淡入淡出处理的效果更好。

示例动画1示例动画2

另外，循环设置也是一个剧情问题，这个我们之前其实也提到过，就是在某些场合可以使用无限循环动画，而在另一些场合就不适合了。比如一个栏目标题文字淡入的动画，如果不断重复，会让整个页面看起来凌乱不堪，让观看者感到不适。这时候最合适的就是播放一次，既能展现效果又不影响整个页面。设置为2到3次的循环一般可以连接。再多也不好。不过最好把只播放一次的动画放在网页的最上面，这样一进网页就能看到。如果你把它放在网页的底部，当浏览者阅读时，你可能已经播放完动画了。那样的话，做动画就没有意义了。最好用静态图片代替。

示例动画3(每个人都在新窗口中打开此图片以查看效)示例动画4

需要注意的是，GIF动画图片每次被调用都会被重播。如果有些人已经具备了网页制作的知识，可以利用这个属性在网页制作软件中设置相应的动作。比如大家把鼠标移到这里看例子的动画。动画总是在每次移动后从头开始播放。这样，即使动画只播放一次，也可以在网页中多次播放。唐如果你不担心。;Idon’我不知道如何制作网页。;不影响我们以后的动画学习。如果你想知道，你可以看GoLives视频教程。

为了一个好看的淡入效果，有一个重要的问题需要考虑，就是浏览器可以设置禁止动画。此时动画只会显示开始帧的画面。然后像静静的来来去去上面的网页将是空白的，因为开始个框架是空白的。这很容易引起观者的误解。可能大家会认为没有人会故意关闭动画显示，但是既然不能排除这个因素，那就需要从最广的层面考虑访客的情况。在网页的整体布局中，要避免在重要的文字或说明中使用淡入淡出动画。动画放入网页后，最好手动关闭动画播放，检查是否有问题。除了关闭动画之外，如果访问者在页面显示时按了ESC键，动画会被中断，画面会停留在中断的瞬间。

如果要同时照顾到禁止和允许播放动画的游客，并在两者之间取得平衡，那么在制作动画时就要遵循一个原则，即主体部分不动，装饰部分动画化。如下图所示，文字本身没有动画，只是在文字边缘做了动画效果。这不会影响观众即使播放或中断静态动画，也能理解内容。

播放示例动画5

本课讲述的内容与制作动画的技术无关，但当你想将动画应用到网页中时，你要从大的角度考虑动画的制作和表现方法。单纯学习这些内容有点枯燥，给大家留下印象就好了，以后的制作会用到。这个作业是制作静静的来来去去。此外，还制作了以下两个衍生动画。

示例动画6示例动画7

了解更多动画设计思想(动画设计思)相关内容请关注东辰网。