-模块二基础动画-1728197191459.pptx

→模块二：基础动画进度动画02《前端互动设计》课程讲授人：彭珂珂

上节课，我们学的是用文字的工具来实现进度动画，这节课，我们要换一种方式来实现进度动画，就是第一种方式，用线条绘制的方式实现效果，以前我们是用文字的形式来打，打出来的，这节课，我们要学习用线条绘制的效果来实现Morning文字的逐个出现。二、线条绘制效果：

一、让文字实现线条绘制的效果1.绘制字母M：新建一张纸，然后用钢笔工具画上M.

2.画出来之后，按esc键，它的线条将是这个颜色，我们找到属性面板里面，把轮廓线打开，让它呈现白色，让它的笔触改成2粗壮一点。

3.如果觉得我的M不漂亮，用节点工具改变它（点）的位置。

4.绘制字母o：现在我们画O，可以用一个圈（工具圆圈）。如果当你觉得选择不好选的时候，可以用放大镜工具把它放大一点。

5.可以调整M，尽量让它出一点手绘的感觉。

6.绘制字母r：画第三个字母r，可以按住alt键缩回一个触角，如果有同学觉得我画的不好看，你可以自己来优化一点，因为老师要节约时间。

7.绘制字母n：再画一个n，画错的情况下，我可以用移动工具选中它，按delete键它就消失了。

8.绘制字母i，复制字母n：继续画i，在木疙瘩里面，它的进度工具，有一个默认的设置，它能够记录笔触，会知道哪个是第一笔，哪个是第二笔，第三笔，第四笔。比方说这个n，我不需要重复画，n不需要重复画的情况下，用移动工具选中之前画好的n，ctrl+C，ctrl+V，可以复制一个出来，移动到适当的位置。

9.绘制字母g：最后画一个g，用钢笔工具画下半部分，然后用节点工具调整形状，我们在用钢笔画的时候不用太过于纠结，因为你用钢笔工具是操作不到决对的问题，我们需要通过节点工具调整形状。

10.制作进度动画：在木疙瘩里面的绘图工具，还需要好好的掌握一下。想画出一个漂亮的图形，你就得有耐心。这个时候我们已经把这个字母用钢笔和线条和圆形工具这三个工具相加来画出来了，画完了之后，我们一样，在15帧的位置上插入F5，然后在第1到15帧的任何一个位置右击，插入进度动画，一个手写的效果出来了。

11.文字工具与手绘文字的效果对比：单独页面预览，是不是有同学感觉到手绘效果写出来的文字，会比文字工具实现的进度动画更加流畅一点？今天的课就到这里了，再见。