想学习动画制作的朋友请进来

魏绪增

壮志凌云 发表于 2016-1-24 22:26
老师: flash影片格式的图像怎样上传到网站上来？存为gif格式的文件很大。

老师: flash影片格式的图像怎样上传到网站上来？存为gif格式的文件很大。
老魏回复：
如何在《老小孩网》获取自己的SWF作品代码——

1、      
2、
3、
4、
4[A]  
5、
6、

魏绪增

如何在《老年人之家》发表动画作品：
1、
2、
3、
4、

魏绪增

第12课：《会动的车轮》

      这个作业是初学者的鼠绘作业，通过鼠绘制作汽车运动、缓停的动画，复习补间动画，同时，练习运用FLASH绘画工具，画出简单的汽车。

     一、创建车轮动画

     1、打开 FLASH 文档，点击“修改”/“文档”，设置“大小”宽：600，高：400，帧频：12 fps。

     2、点击“插入”/“新建元件”，在“创建新元件”对话框的“名称”里输入“车轮”，选择“类型”为“图形”【如图1】，单击“确定”。

     3、先用“椭圆工具”、“线条工具”画一个车轮简笔画，（方法：按住Shift键画正圆形，在里面再画一个小圆，用“线条”画△）最后填充颜色；按 Ctrl+K 键，打开“对齐”面板，对准注册点。【如图2】

     4、点击“插入”/“新建元件”，在“创建新元件”对话框的“名称”里输入“车轮动”，选择“类型”为“影片剪辑”【如图3】，单击“确定”。

     5、按 Ctrl+L 键，打开“库”面板，把车轮元件拖放到场景中，然后按 Ctrl+K 键打开“对齐”面板，将车轮元件对齐注册点。

     6、在第50帧上单击鼠标右键，在弹出的菜单中选择“插入关键帧”，然后在1—20帧之间单击鼠标右键，在弹出的菜单中选择“创建补间动画”，在“属性”面板上，在“旋转”下拉表框中选择“顺时针”，（后面是默认旋转1次）。

     二、创建汽车动画

     1、点击“插入”/“新建元件”，在“创建新元件”对话框的“名称”里输入“汽车动”，“类型”选择“影片剪辑”，单击“确定”。

     2、双击“时间轴”面板上的图层名称，将图层重新命名为“车身”，单击第1帧，在场景中用绘图工具画出汽车车身的简笔画。（填充颜色任自己喜好进行填色）【如图5】

     3、在时间轴左下方，点击“插入图层”图标，新建一个新图层，并重新命名为“车轮动”。

     4、把“车轮动”图层拖动到“车身”图层的下方。

     5、单击“车轮动”图层的第1帧，将“库”面板里面的车轮动元件拖放到场景中。【如图6】

     6、选择工具箱上的“任意变形工具”，按住 Shift 键，调整车轮的大小，并对齐与车身的位置。【如图7】

     7、选择“选择工具”，按住 Alt 键，选择场景中的车轮实例，拖动并复制一个新的车轮实例，放到汽车的另一个车轮位置，调整车轮与车身的相互位置，【图10】完成汽车车轮动画的全部分。

    三、创建汽车行走与缓停的补间动画

    1、单击编辑栏左上角的“场景1”按钮，双击图层名称改为“汽车实例”。

    2、打开“库”面板，把“汽车动”元件拖放到场景（舞台、白框）以外的粘贴板中（舞台外的左下方）【图8】。

    3、单击第50帧，按 F6 键，“插入关键帧”，将第50帧的“汽车动”实例拖动到舞台的右下方。【图9】

    4、单击第1帧，在“属性”面板上，设置“补间”为“动画”，“缓动”设置为：100（停车时会逐渐慢下来）。

    5、在第51帧“插入关键帧”，将场景中的汽车“打散”两次，（这样汽车车轮就不会转动了），最后，在70帧“插入普通帧”，完成整个制作。

    6、点击“控制”/“测试影片”，看看制作效果。【完】

    7、保存，点击“文件”/“导出”/“导出影片”，在“保存类型”下拉菜单里选择“Flash影片”，点击“保存”

本课效果作业：

【注：本课图例有删改，不影响制作效果】

魏绪增

也可以抽空儿看看下面的教程，对您会有一些帮助：

动画制作教程【12】

魏绪增

第13课：小白兔玩跷跷板
这个Flash实例制作了两只可爱的小兔子玩跷跷板的动画，主要用到椭圆工具、渐变填充和任意变形工具等，操作简单易懂，适合练习。

　　先看下效果吧：

效果图

[flash] [/flash]

　　制作步骤：

　　1、新建一个默认大小的Flash文档。先画天空背景，用矩形工具画一个矩形，在对齐面板中按下“相对于舞台”，再点“匹配宽和高”按钮，最后点“垂直中齐”和“水平中齐”按钮。与舞台对齐之后给矩形设置如下从白色到天蓝色的渐变，方式为“线性”。

　图1　

　　2、草地。画一个草绿色的矩形，在对齐面板中与舞台“匹配宽度”并“底对齐”。

　　3、用挑选工具在草地的线条上拖拉以调整为自然的曲线。

　　4、画跷跷板的基座。先用钢笔工具画出如下三角形，在任意两点间单击即可画出直线。

[url=]回复[/url] [url=]引用[/url]
[url=]分享到：[/url][url=][/url][url=][/url][url=][/url][url=][/url]


[1楼]回复：魏绪增2013-02-18 07:41:44(123.121.117.77)

[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

5、用挑选工具将三角形调整为如下形状并填充橙色#FF9900。

　　6、用椭圆工具在基座上画出如下小椭圆，将基座一起选中Ctrl+G群组。

　　7、画杠杆。用矩形工具画出如下长条矩形，使杠杆与基座上的圆圈齐平，并与基座水平中齐。完成跷跷板。

　

　　8、Ctrl+F8新建一个元件，命名为“兔子”。用椭圆工具画一个椭圆作为兔子的头，填充如下从白色到粉红#FF99FF的渐变，类型为“放射状”。用填充变形工具调整渐变的位置如下。

　　9、身体。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。通过右键菜单中的“排列”可以调整各个椭圆图层的位置。

[2楼]回复：魏绪增2013-02-18 07:42:25(123.121.117.77)

[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

　10、腿。Ctrl+D再次复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。

　　11、脚。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，填充纯粉色。

　　12、尾巴。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。

　　13、胳膊。Ctrl+D复制椭圆，用任意变形工具调整椭圆到如下形状，并用填充变形工具调整渐变的位置如下。

　　14、Ctrl+D复制出另一支胳膊，填充纯粉色，放在身体最下层。

[3楼]回复：魏绪增2013-02-18 07:43:14(123.121.117.77)

[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

15、Ctrl+D复制一支胳膊作为耳朵，用任意变形工具调整形状，并用填充变形工具调整渐变的位置如下。

　　16、Ctrl+D复制出另一只耳朵，填充纯粉色，用任意变形工具调整好角度后放在身体最下层。

　　17、眼睛。用椭圆工具画出如下小椭圆，填充白色。

　　18、再用椭圆工具画出如下黑色的眼珠。

　　19、鼻子。用椭圆工具画出如下小椭圆，填充红色。

[4楼]回复：魏绪增2013-02-18 07:43:57(123.121.117.77)

[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

20、嘴巴。先用直线工具在兔子脸上画出如下三角形。

　　21、再用挑选工具将线条调整为如下曲线后填充红色。

　　22、用矩形工具在兔子前面画一块跷跷板的扶手，因为要后面要随兔子一起做动画，画在一起很方便。至此兔子元件完成。

　　23、回到场景中，将画好的兔子元件拖到舞台上来，放在跷跷板上如下位置。

　　24、复制一个兔子，选择菜单/修改/变形/水平翻转，放在跷跷板另外一边。在对齐面板中将两只兔子垂直中齐，并Ctrl+G群组。

[5楼]回复：魏绪增2013-02-18 07:44:40(123.121.117.77)

[url=]回复[/url]| [url=]引用[/url] |修改 |[url=]删除[/url]

　25、整理一下图层。把兔子和杠杆都放在“杠杆”层，并将它们全部群组。基座独占一层，草地和天空各占一层。

　　26、在各个图层的第18帧处都按F5插入帧，表示画面延续到这一帧。选中“杠杆”层的第1帧，选择任意变形工具，先将变形中心点移动到鼠标所指的位置，即基座上的圆圈中心点处，然后将杠杆和兔子一起旋转到如下位置。

　　27、选中“杠杆”层第1帧点右键选“复制帧”，然后在第9帧和第18帧处点右键“粘贴帧”，分别添加动画补间。

　　28、选中第9帧，将杠杆和兔子一起旋转到如下位置就完成了。Ctrl+Enter测试一下效果吧。

　　29、最终效果：[flash] [/flash]

魏绪增

也可以抽空儿看看下面的教程，对您会有一些帮助：

动画制作教程【13】

魏绪增

第14课：熊猫举重（综合补间动画）

      本教程用Flash来制作一个“熊猫举重”的动画，感兴趣的朋友可以打开Flash一起来学习。希望本教程能给你带来快乐！

      北京奥运会上，中国举重队取得了8金1银的好成绩，令国人振奋不已。今天我们就用Flash来制作一个“熊猫举重”的动画，主要用到椭圆工具，矩形工具和直线工具等，操作简单易懂，适合练习。先看下效果吧：

效果预览：

[flash] [/flash]

　　制作步骤：

1、新建Flash文档，尺寸：600*500，其他为默认（背景可选择有草地的图片，或者自己绘制）。

2、用工具画出熊猫。（注意：把1、胳膊、2、杠铃和双手、3、其余部分，三组画分别“转换为图形元件”入库。）。【图1】

3、做动画之前整理一下图层。把两只胳膊放在“arm”层，杠铃和双手放在“hand”层，其余部分全部放在“body”层，这样做起动画来会比较方便。可以用Ctrl+X剪切，再Ctrl+Shift+V原地粘贴的方法来整理图层。除了胳膊层之外，其他图层的对象全部Ctrl+G群组。【图2】

4、在三个图层的第16帧处都按F5插入帧，使画面能延续到这一帧。【图3】

5、在“hand”层的第4帧处按F6插入关键帧添加动画补间，将本层对象全部向上移动一段距离，可用向上的方向键来移动。【图4】

6、在“arm”层的第4帧处也F6插入关键帧并添加形状补间，用任意变形工具将将此帧上的手臂向上拉长直到与双手接上。【图5】

7、选中“hand”层的第4帧，点右键选“复制帧”，在第10帧处点右键选“粘贴帧”。对“arm”层也进行同样的操作。【图6】

8、选中“hand”层的第1帧，点右键选“复制帧”，在第12帧处点右键选“粘贴帧”，并添加动画补间。对“arm”层也进行同样的操作，但添加的是形状补间。【图7】

　祝大家制作成功。

魏绪增

也可以抽空儿看看下面的教程，对您会有一些帮助：

动画制作教程【14】

壮志凌云

老师:  认真的看过您的每个帖子和推荐的视频，并且也学着做了一些实例，收获很大，十分感谢您。
但学习flash动画确实是需要不断的实践，老师推荐的简单实例还可以，后面较复杂的实例就很难了。过一段我再发几幅我的制作请老师指导。

魏绪增

壮志凌云 发表于 2016-1-28 11:39
老师:  认真的看过您的每个帖子和推荐的视频，并且也学着做了一些实例，收获很大，十分感谢您。
但学习flas ...

老魏回复：……慢慢来吧，我们年纪都不小啦！还是多注意身体呀！能够制作多少就制作多少，还是快乐最重要。您是这里第一位敢于吃螃蟹的人，老魏很敬佩您，打退堂鼓也是很正常的呀，哈哈！