大师之路GIF动画教程专题<04:动画的设计思维

日期:2019-10-07编辑作者:宠物

大师之路GIF动画教程专题<04:动画的设计思维> (载入中...)

通过前面3课的学习,我们已经掌握了制作动画的方法,尽管做出来的动画还十分简陋。还记得学习基础部分的时候,曾在很长一段时间内接触的都是单一的色块吗?那并未影响大家现在的水平发挥。同样的,很快我们就要开始制作较为精细的动画了。但是在这一切到来之前,大家还必须学习一些必备的设计思维。所谓设计思维就是指在制作动画前的规划考虑,这规划包括很多方面。

首先讲一下图层的组织,最终的成品动画是不包含图层信息的。这里所说的图层仅指制作中。对于利用图层位置变化来制作的动画而言,有一个显而易见的问题就是必须合理安排图层,因为移动的最小单位是图层,因此如果需要制作多个运动轨迹各异的物体时,它们就必须分布在不同的图层中。也需要事先考虑好移动的距离,图像的尺寸以及摆放的位置需要为移动留下足够的空间,这是其一。其二就是考虑好是否会与其他图层相交,以及相交时候的处理,谁遮盖谁,也就是图层的层次安排,如下图中就列出了3种相交的方式,最左边的是两个图层均为100%时候,绿色覆盖红色。另外两个则显示了在50%的不透明度下,不同层次造成的不同覆盖效果。如绿色遮盖红色,那么相交部位就偏绿,反而反之。这都是在正常混合模式下,如果选择了其他的混合模式如叠加等,就要更加注意层次。

图片 1800)this.style.width=800;" border="0" alt="按此在新窗口浏览图片" />

以上说的都是技术问题,现在来说一下情节方面的问题。一般来说,如果一个物体始终都在图像中运动,则无需对其进行交代。但如果物体原本不在画面中,是后来进入画面的,或原本在画面中后来移出了画面,则需要对物体的出现和消失做一个交代,这个交代就是过渡,让观看者有一个比较自然的心理转变。常见的手法就是让物体逐渐显现(也称淡入)或逐渐消失(也称淡出)。如下图所示,演示了在同样的一个文字移动中,是否采取淡入和淡出处理的效果对比。

图片 2800)this.style.width=800;" border="0" alt="按此在新窗口浏览图片" />

动画效果1

图片 3800)this.style.width=800;" border="0" alt="按此在新窗口浏览图片" />

动画效果2

图片 4800)this.style.width=800;" border="0" alt="按此在新窗口浏览图片" />

本文由百乐门app-百乐门app下载-[官方正版]发布于宠物,转载请注明出处:大师之路GIF动画教程专题&lt;04:动画的设计思维

关键词:

Photoshop绘制有缺口的红苹果图标

Photoshop绘制有缺口的红苹果图标 (载入中...) 来源:站酷作者:Dddfbb绘图之前的认真分析是必不可少的,先把实物按...

详细>>

PS男模质感时尚大片色调后期调色教程

; 这张照片很好的表现出人物的身体轮廓和肌肉线条,枯树与人物富有张力的动作形成对比, 有一种在逆境中努力前...

详细>>

百乐门官方正版appPhotoshop创设柔美的红光前卫人

Photoshop打造柔美的红光潮流人物海报 (载入中...) 来源:eNet硅谷动力作者:杨合峰一幅很普通的人物图片,如果合...

详细>>

【百乐门官方正版app】Photoshop合成抽象的靓妹迪

Photoshop合成抽象的美女迪吧海报 (载入中...)本教程主要使用Photoshop合成抽象的美女迪吧海报,创意之处是把吉他变成...

详细>>