中国知青网-中国知青网络家园

标题: 想学习动画制作的朋友请进来 [打印本页]

作者: 魏绪增    时间: 2016-1-17 06:41
标题: 想学习动画制作的朋友请进来
本帖最后由 魏绪增 于 2016-1-17 06:45 编辑

“老小孩FLASH初学者园地群组”


老魏欢迎喜欢制作简单动画小品的朋友光临此楼

作者:魏绪增


    为了满足很多网友学习制作动画的愿望,这里可以学习、制作、交流一些简单动画制作的方法和例子,由于本人能力、时间、精力所限,不可能系统、详细、全面的传授所有有关知识和技能。在这里只是给想轻松入门、兴趣依存的朋友、学习、交流、展示制作动画小品的一个小舞台,目的是使喜欢制作简单动画的朋友老有所乐、共享快乐。 其实,制作小动画很简单,而且可以随时制作、上网发表或者保存(大型动画作品除外)。 欢迎兴趣相投的朋友来这里看看。





学习制作简单动画小品的朋友,请您首先下载一个软件,这个软件最新的版本是【ADObe  Flash  cs4 10版】或者CS8,其他版本也可以。不会下载的朋友可以让自己的子女帮忙。
下面是这个软件的图标:
【1】在电脑上的图标:  
【2】这是这个软件的界面:
【3】点一下FLASH文档就可以打开制作舞台了:




【4】下面的图是打开的工作界面:





建议学习FLASH动画制作小品性子急的朋友,可以到当地新华书店购买以下三本书,先自己看看,有利于尽快入门:



作者: 魏绪增    时间: 2016-1-17 06:47
要想学好 FLASH动画小品制作,首先必须要熟悉它的工作环境,然后再深入学习其他的功能和创作技巧。
下面是它的基本工作界面:

下面逐一解释工作界面里的各项功能:
菜单栏:这里面包括了FLASH的全部功能和命令,单击任意一项,都会弹出其相应的下拉菜单。例如单击“文本”菜单,将弹出其子菜单。
工具箱:又叫工具面板,它位于工作界面的左侧,绘图的所有工具都按照一定规律分布在工具箱中。
时间轴:它位于舞台的上方,它是制作FLASH动画的关键部分。时间轴在纵向上划分为图层,将图层在横向上划分为帧,并以此来控制FLASH动画的显示。图层最下面的图标可以对图层进行添加、删除、分类等操作。
舞台工作区:在默认情况下,舞台显示为一个白色的矩形。工作区就是在舞台周围呈灰色显示的区域,可以用来暂时存放对象,但是在测试动画时,只显示舞台(白矩形)里面的动画。
“属性”面板:它用于显示和修改所选对象的参数,它随着所选对象的不同而不同变换,当不选择任何对象时,“属性”面板中显示的是文档的属性。
面板组:在默认情况下,它一般停靠在工作界面的右侧,1.颜色/样本;2.“库”面板等。在“颜色/样本”面板里可以设置笔触、填充颜色及透明度;“库”面板用于存储和组织在FLASH中创建各种元件,还用于存储和组织导入的文件,包括位图、声音文件和视频剪辑等。
【还有一些其他面板,这里先不赘述。】
建议 :
【1】这前两步您准备好了,下面就可以先自学了,建议您先熟悉软件的界面、工具及操作方法,有什么具体问题可以发上来,咱们互相交流、探讨。如果不看书,也可以看看以后的《动画制作教程》视频,不过,这样学习比较慢,可能问题会很多,有的网上不是几句话就可以解决。
.
【2】下面结合看书,就可以上机做简单的操作和练习了。为了增加感性认识可以有选择的观看下面的FLASH动画制作教程视频1—15集,如果您学习进度快,可以下载别的有关视频,其实网上有很多制作实例的视频可供您选择。
【3】如果您有一定的绘画基础,可以先制作一个简单的“逐帧”动画,这样很快就可以直接在咱们的网站上发表。






作者: 魏绪增    时间: 2016-1-17 06:48

     第一课   逐帧动画《运动的球》   
(适用人群:没有绘画基础,动画制作初学者)

      通过学习,我们初步了解了FLASH CS4的启动与退出、基本工作界面(工具、时间轴、图层、舞台、“属性”面板、面板组等)的作用和使用方法,要熟悉、使用以上这些功能,还要经常上机练,只有这样才能熟练、灵活的运用它。
        下面就要练习制作动画,在FLASH中可以将所有动画大致分为:逐帧动画、运动补间动画、形状补间动画、遮罩动画、时间轴特效动画和虑镜的使用。
      逐帧动画:它与传统的动画片类似,每一帧中的内容要不同,当连续播放关键帧中的图形时,即可形成动画,如下图:
         这是是用9个关键帧完成一个动作,“帧速率”可以改变动作的快慢。
         下面的图例是用10个帧完成的动画:

学习效果:练习使用FLASH绘图工具画一个由远到近的运动球体。

制作步骤:
1、单击右边“属性”框下面的“编辑”,在弹出的“文档属性”,
设置宽/高分别是:550、400,背景颜色:浅蓝,帧频:24fps,
点“确定”。

2、单击工具栏里“矩形工具”,在下拉菜单里点“椭圆工具”,
单击工具栏下面“填充颜色”,在弹出的“颜色样本”最下面点
“红色放射状”图标。

3、将鼠标移到舞台的右上角,按住左键,同时按“Shift”键不
放,拖动鼠标画出一个红色正圆球体。

4、在时间轴上,在10帧右键单击,在下拉的菜单里,单击“插入
关键帧”。
5、将鼠标移到舞台中间,画一个稍大一点的球体,然后单击“选
择工具”,点右上角的小球体,按“Delete”键,删除掉。

6、在时间轴上,在20帧右键单击,在下拉的菜单里,单击“插入
关键帧”。

7、将鼠标移到舞台左下角,画一个更大一点的球体,然后单击
“选择工具”,点中间的小球体,按“Delete”键,删除掉。
8、点时间轴上的30帧在下拉的菜单里点“插入帧”,按下键盘上
的“Ctrl+Enter”组合键,测试动画效果。

9、单击“文件”/“导出”/“导出影片”,弹出“导出影片”对
话框,从中选择合适的位置(如图片文件夹),在“文件名”里
为您的作品命名,在“保存类型”下拉的菜单里点“动画GlF”,
最后点“保存”,在弹出的“导出GlF”对话框上点“确定”。
第一课动画效果图

【我的小经验】如果使物体运动更加流畅,可以用更多的关键帧,在每个关键帧上都要编辑(绘制)物体的细微变化,不过此文件的容量会加大很多,工作量会很大,如果不是特别需要,建议不采用逐帧动画形式。还有可能受网络的限制不能发表。
老魏作品欣赏


作者: 无锡知青    时间: 2016-1-17 16:18
多谢老魏在此开设学堂,望喜欢学动画的朋友们积极参与学习,老魏编制教程花了很多精力,我们要珍惜这个学习机会,认真完成作业,踊跃跟帖,勇敢提问,早日掌握做动画的基础知识。
作者: 魏绪增    时间: 2016-1-17 16:39
感谢 老师的鼓励和宣传!其实我们的家园里已经有不少动画制作高手啦,这里只是应老知青的要求上传一些简单的制作教材,以满足他们的需要。您是家园里的电脑专家,我这里还需要您多多指教呀!

作者: 魏绪增    时间: 2016-1-17 16:41

第二课、传统补间动画《滚动的球》
        (适用人群:同第一课)

       上一课的逐帧动画,由于关键帧用的很少,只用了3个,所以画面有跳跃的感觉,从而影响动画的流畅性。其实,表现运动的物体最好的方法是用传统补间动画,下面这一课,我们就用它制作滚动的球。
         传统补间动画,也叫动作补间动画,它分为运动补间动画和引导层动画,这里先讲运动补间动画。书上写的很专业不好懂,简而言之,运动补间动画是物体从一个状态到另一个状态,如位置、大小、角度等等,它只需要创建两个关键帧的内容,两个帧中间的所有动画都是由FLASH创建,因此其制作方法简单方便。

制作步骤:
      1、双击桌面上的FLASH软件快捷图标,单击“新建”栏目里的第二行,打开软件。

2、在右侧的“属性”面板,点“大小”后面的“编辑”,在弹出的“文档属性”面板设置:“尺寸”:宽550/高400,“背景颜色”:浅蓝,“帧频”:12fps,单击“确定”。

  3、在舞台上画出一个球体,方法按第一课做,然后用“选择工具”将球体拖到舞台外(灰色区域)的左下侧。

  4、在时间轴85帧上右键单击,在下拉的菜单里选择“插入关键帧”,然后用“选择工具”将球体拖移至舞台的右下边。
  5、在1—85帧之间的任意一帧右击鼠标,在下拉的菜单里选择“创建传统补间动画”。

  6、在“属性”面板,设置“旋转”为“顺时针”*2次。

  7、单击“菜单栏”上的“控制”/“测试影片”,查看制作的影片效果。
  8、导出、保存动画,方法按第一课。
第二课动画效果图


【解释:通过这一课的制作,使大家认识到由于传统补间动画,不需要手动绘制每个帧的内容,只要绘制两个帧的内容,而两个帧之间的所有动画都是由FLASH完成。因此,生成的动画效果过渡更自然连贯,而且制作方法简单,文件占用内存很少。】

老魏作品欣赏


作者: 魏绪增    时间: 2016-1-17 16:45
本帖最后由 魏绪增 于 2016-1-17 16:46 编辑

也可以抽空儿看看下面的视频教程,对您会有一些帮助:
动画制作教程【1】

http://player.youku.com/player.php/sid/XNjM1ODM5NTUy/v.swf
作者: 壮志凌云    时间: 2016-1-17 21:52
感谢魏绪增老师开办这一学习贴,按照老师的教程学做了一个运动的小球动画,老师看看是否合挌。


运动小球.gif (44.54 KB, 下载次数: 63)

运动小球.gif

作者: 壮志凌云    时间: 2016-1-17 21:59
教程中所述  "在属性面板中设置旋转为顺时针2次"  没搞清怎么做.

作者: 魏绪增    时间: 2016-1-18 05:14
本帖最后由 魏绪增 于 2016-1-18 06:20 编辑
壮志凌云 发表于 2016-1-17 21:52
感谢魏绪增老师开办这一学习贴,按照老师的教程学做了一个运动的小球动画,老师看看是否合挌。


壮志凌云老师制作的作业很好,

欢迎您快乐学习,老有所乐!
http://img1.oldkids.cn/upload/260793000/u260792614/2013/09/07/group_20130907043113431390.swf


作者: 魏绪增    时间: 2016-1-18 05:30
本帖最后由 魏绪增 于 2016-1-18 06:21 编辑
壮志凌云 发表于 2016-1-17 21:59
教程中所述  "在属性面板中设置旋转为顺时针2次"  没搞清怎么做.

老魏答复:这个步骤是让小球滚动时旋转,如下


如果没有这个步骤,小球只是移动,不旋转啦,如下:
在软件界面的“属性”面板上操作,如下(点击图片放大看):

小球旋转的操作方法.jpg (176.28 KB, 下载次数: 32)

小球旋转的操作方法.jpg

作者: 魏绪增    时间: 2016-1-18 06:23

第三课:形状补间动画《心形变文字》
    (适用人群:初学者,会简单鼠绘)

        形状补间动画是物体从一个物体变化到另一个物体,如由方形渐变成圆形,红色渐变成蓝色,也就是在两个关键帧中的对象可以互相转换,这个变化过程由FLASH在两个关键帧中创建。如果对组、实例或者位图图像进行形状补间动画,还需要分离这些元素,对文本进行形状补间动画,需要将文本分离两次,从而将文本转换为形象。
    制作思路:在起始关键帧和结束关键帧中分别绘制心形和写出文字,在这两帧之间创建形状补间动画。
制作步骤:
1、打开FLASH界面,单击“修改”/“文档”,在“文档属性”面板设置“尺寸”宽:550,高:200,“背景颜色”:黄色,“帧频”:12fps。

2、单击第1帧,按F7键插入空白关键帧,选择“钢笔工具”,在“属性”面板,将“笔触颜色”设置为红色在舞台中间绘制一个心形(钢笔画出的是直线,要用“选择工具”调整为弧线形,方法是:鼠标箭头移到直线上会出现一个小弧线,这时按住左键拖动直线,使弧线达到满意的位置)。

3、单击10帧,按F6键插入关键帧(这时10帧格上会出现一个黑色实心小圆圈),单击30帧按F7键插入空白关键帧选择“文本工具”在“属性”面板里选择您自己喜欢的字体(点“系列”栏右边的小三角),设置“大小”为70点,“颜色”:红色,然后在舞台中间打出“火热的心”四个字。

4、用“选择工具”分别打散心形和文字(方法是点第10帧,按住Ctrl键按B键;然后点第30帧,按住Gtrl键按B键,注意,文字需要按B键两次。)

5、在第10帧到30帧之间的任意一帧右击鼠标,在弹出的菜单中,点击“创建补间形状”。

形状补间在时间轴上的表示(此图不是本课图例)

6、选择第40帧,按F5键插入普通帧(这时40帧格上会出现一个空心小方形),以延长动画时间。

7、单击“控制”/“测试影片”,观看动画效果。
8、“导出”/“保存”(按第一课的方法)。

【经验:在这一课大家看到,点击键盘的某一个按钮就可以直接创建帧,不去使用菜单命令。例如:按F5键是插入普通帧,按F6键是插入关键帧,按F7键是插入空白关键帧,方法比较简单。】

第三课动画效果图
老魏作品欣赏


作者: 魏绪增    时间: 2016-1-18 06:24
本帖最后由 魏绪增 于 2016-1-18 06:26 编辑

也可以抽空儿看看下面的视频教程,对您会有一些帮助:
动画制作教程【2】


http://player.youku.com/player.php/sid/XMzg5ODk4NTI=/v.swf
作者: 无锡知青    时间: 2016-1-18 10:27
老魏说得非常详尽,是个学习FLASH的好教材,要珍惜啊!
作者: 魏绪增    时间: 2016-1-18 10:41
无锡知青 发表于 2016-1-18 10:27
老魏说得非常详尽,是个学习FLASH的好教材,要珍惜啊!

谢谢 老师的再次支持!

作者: 壮志凌云    时间: 2016-1-18 16:46
老师:  “创建补间形状”在哪里?点击右键只岀现"创建补间动画"

作者: 壮志凌云    时间: 2016-1-18 16:54
老师:  能否加您QQ?我的QQ:875819945   在QQ里可以截图交流更方便。 谢谢。
作者: 壮志凌云    时间: 2016-1-18 17:13
老师:钢笔工具不会用,那个心形我怎么也画不好。形状补间只做成这样了,交第二份作业,请老师指正。



作者: 魏绪增    时间: 2016-1-19 06:07
壮志凌云 发表于 2016-1-18 16:46
老师:  “创建补间形状”在哪里?点击右键只岀现"创建补间动画"

老魏回复:

作者: 魏绪增    时间: 2016-1-19 06:09
壮志凌云 发表于 2016-1-18 16:54
老师:  能否加您QQ?我的QQ:875819945   在QQ里可以截图交流更方便。 谢谢。

十分抱歉,我不怎么玩QQ,请您原谅。
作者: 魏绪增    时间: 2016-1-19 06:12
本帖最后由 魏绪增 于 2016-1-19 06:14 编辑
壮志凌云 发表于 2016-1-18 17:13
老师:钢笔工具不会用,那个心形我怎么也画不好。形状补间只做成这样了,交第二份作业,请老师指正。






老师:钢笔工具不会用,那个心形我怎么也画不好。形状补间只做成这样了,交第二份作业,请老师指正。

壮志凌云老师制作的作业很好, http://img3.oldkids.cn/upload/260793000/u260792614/2013/06/12/bbs_20130612050403042400.swf


请您继续努力!


作者: 魏绪增    时间: 2016-1-19 06:16

第四课:引导层动画《气球冉冉上升》
        (适用人群:初学者)

       引导层动画应用很广泛,它是在时间轴上创建一个特殊图层,在这个
图层中有一条直线或者曲线,可以让一个对象沿着这条线运动,从而制作
出沿着这条线运动的动画效果。一般引导层上的内容只作为对象运动的参
考线,不会在最终效果里出现。

制作步骤:

  1、打开FLASH软件界面,单击“插入”/“创建新元件”,“名称”里
填“气球”,“类型”填“图形”,点“确定”。

  2、用“椭圆形工具”和“铅笔工具”在舞台上画一个气球形状,然后
点击“窗口”/“颜色”,在颜色面板中,设置“类型”为“放射状”,
颜色为白到粉红色。选择“颜料桶工具”填充图形。(如果填充不进去
请您选择“工具栏”最下面的“封闭小空隙”试试。)

  3、用“选择工具”把气球的轮廓线删除,(有一个一步删除的方法
待以后讲解),用“铅笔工具”在气球的下边画一条线。

  4、用“选择工具”选择(框定)所有图形,点击“窗口”/“对齐”,
在“对齐”面板中点击第2和5的按钮进行水平居中和垂直居中对齐,使
图形与舞台中心对齐。

  5、单击“场景1”返回到场景,点击“窗口”/“库”,用鼠标把气球
从库里拖到舞台的左下面。(这里可以用“任意变形工具”调整其大小
和位置。

  6、右击图层1,点击“添加传统运动引导层”,添加一个图层。

7、选择“铅笔工具”,画一个气球上升的路径。

  8、在图层1的第50帧按F6键插入关键帧,在“引导层”的第50帧按F5
键插入帧。

  9、选择图层1的第一帧,把气球拖到路径的起始端,选择图层1的第50
帧,把气球拖到路径的结束端,(注意,一定要使图形中的小圆圈与路径
的两端重合,引导层才有效果)。

  10、选择图层1——50帧的任意一帧,右击,点“创建传统补间”

  11、在“属性”面板上,在“调整的路径”框上打勾,(这样可以调整
气球在路径上的状态)。

  12、点击“控制”/“测试影片”,观看动画效果。

  13、导出、保存。(方法见第1、2课)
第四课动画效果
老魏作品欣赏


作者: 魏绪增    时间: 2016-1-19 06:17
本帖最后由 魏绪增 于 2016-1-19 06:19 编辑

也可以抽空儿看看下面的视频教程,对您会有一些帮助:
动画制作教程【3】

  http://player.youku.com/player.php/sid/XMzg5OTA0MzY=/v.swf

动画制作教程【4】
http://player.youku.com/player.php/sid/XMzkwNDMwMzI=/v.swf

作者: 壮志凌云    时间: 2016-1-19 16:13
老师: 根据您的教程的截图我发现咱们用的flash软件不是一个版本,所以有些操作界面不一样,不知你用的是哪个版本?我用的是flasn8,是一个较早的版本。不知什么原因我加补间时常常是岀现一条虚线而不能播放?

  

文字变换.gif (185.2 KB, 下载次数: 33)

文字变换.gif

作者: 魏绪增    时间: 2016-1-20 06:17
本帖最后由 魏绪增 于 2016-1-20 06:21 编辑
壮志凌云 发表于 2016-1-19 16:13
老师: 根据您的教程的截图我发现咱们用的flash软件不是一个版本,所以有些操作界面不一样,不知你用的是哪个 ...

老魏回复:

1、您的作品我看了,很好,活学活用呀!
2、我的软件是 FLASH 10.版本,界面不同,可以一样用,慢慢摸索,熟能生巧,您的基础很好且聪明灵动!

3、“补间动画”有两种,一种是“运动补间”表现形式是两个关键帧之间呈蓝色底箭头,如:

另外一种是“形状补间”表现形式是两个关键帧之间呈绿色底箭头,如:
4、注意:进行“形状补间”时,一定要先把两个关键帧上的图形进行“分离”(打散),不然会出现您所描述的结果。



作者: 魏绪增    时间: 2016-1-20 06:23
本帖最后由 魏绪增 于 2016-1-21 04:08 编辑


第五课:遮罩层动画《北京欢迎您》
       遮罩动画需要在时间轴上增加一个遮罩层,在这个遮罩层上绘制的对象具有透明效果,可以把下面图层的某一部分图形显露出来,也就是说,您在遮罩层上画出的对
象放在下层图形的某个部位那个部位的图形或者文字就能显示出来,而其他部位是被
遮罩的。
制作步骤:
           1、打开FLASH软件,单击“文件”/“导入”/“导入到舞台”,在您的图片文
件夹里选一张您喜欢的,和主题有关的图片,并点40帧,按F5键插入帧。

      2、点击“修改”/“文档”,在“文档属性”面板,设置宽600、高400,帧频
12.点“确定”。
      3、单击图层下面第一个图标,“新建图层”2,点图层2的第1帧,点“文本工具”,在“属性”面板上设置“大小”:80,“颜色”:红色,任选自己喜欢的字体。
      4、在图片右边打出“北京欢迎您”五个字,点击图层2的40帧,按F6键插入关
键帧,
      5、用“选择工具”同时按住Shift键将这五个字从图片的右边拖到左边,要经过
扇形窗口。在图层2的1——40帧之间右击,选择“创建传统补间”。

      6、按照第三步,“新建图层”3,点图层3的第1帧,选择“矩形工具”在扇形
内窗口绘制一个同样大小的扇形,并且与其重合。(这里要用“选择工具”将矩形
调整成扇形)

   7、右击图层3,在下拉的菜单中选择“遮罩层”。

   8、点击“控制”/“测试影片”,观看制作的动画效果。
   9、“导出”/“保存”(这一步按照前几课做)。
下面是动画效果图
老魏作品欣赏

http://img3.oldkids.cn/upload/260793000/u260792614/2013/03/04/bbs_20130304054818579322.swf

作者: 魏绪增    时间: 2016-1-20 06:24
也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【5】

http://player.youku.com/player.php/sid/XMzkxMDI5NTY=/v.swf
作者: 壮志凌云    时间: 2016-1-20 22:57
本帖最后由 壮志凌云 于 2016-1-22 15:19 编辑

老师:今天这个气球做了好几遍,气球就是不肯沿引导线飞,最后一次不知怎么碰巧了,终于做成了。这里有什么技巧请老师教教吧。


引导层.gif (62.12 KB, 下载次数: 27)

引导层.gif

作者: 壮志凌云    时间: 2016-1-20 23:01
本帖最后由 壮志凌云 于 2016-1-20 23:09 编辑

老师:  能否将你的flash cs4的软件发给我,我的邮箱: 875819945@qq.com  谢谢!
作者: 壮志凌云    时间: 2016-1-20 23:07
老师: 遮罩效果也终于完成了,你看合格吗,借用了你的素材。
钢笔工具的使用还是不熟练,我是没有一点绘画功底。


遮罩.gif (556.07 KB, 下载次数: 32)

遮罩.gif

作者: 魏绪增    时间: 2016-1-21 04:21
壮志凌云 发表于 2016-1-20 22:57
老师:今天这个气球做了好几遍,气球就是不肯沿引导线飞,最后一次不知怎么碰巧了,终于做成了。这里有什么 ...

您的这幅作业很成功,“运动引导层”操作起来比较困难,不会一下子就成功,我刚开始学习时还不如您哪!另外,您的气球画得很棒
http://img2.oldkids.cn/upload/260793000/u260792614/2013/06/27/group_20130627044901980140.swf
作者: 魏绪增    时间: 2016-1-21 04:26
本帖最后由 魏绪增 于 2016-1-21 04:31 编辑
壮志凌云 发表于 2016-1-20 23:01
老师:  能否将你的flash cs4的软件发给我,我的邮箱: 875819945@qq.com  谢谢!

壮志凌云老师好,《卡通女孩跑过来》动画制作“源文件”【FLASH 10.0版本】,已经发出,收到后请您回复。(里面的动画素材SWF,全部删除后就可以使用啦)。

作者: 魏绪增    时间: 2016-1-21 04:33
本帖最后由 魏绪增 于 2016-1-21 04:43 编辑
壮志凌云 发表于 2016-1-20 23:07
老师: 遮罩效果也终于完成了,你看合格吗,借用了你的素材。
钢笔工具的使用还是不熟练,我是没有一点绘画 ...



http://img3.oldkids.cn/upload/260793000/u260792614/2013/08/31/group_20130831053515670251.swf
老魏回复:没有绘画功底没关系,其实有很多技巧不用绘画,只要慢慢地、熟练地掌握了软件里的“工具”使用方法,照样可以制作出精美的动画作品,您一定要有信心,坚持练习,吃透教材,就没有任何困难克服不了的,况且您还有毅力和聪智
  http://img1.oldkids.cn/upload/260793000/u260792614/2013/10/03/group_20131003051008809272.swf
作者: 魏绪增    时间: 2016-1-21 04:46

       第6课:如何在FLASH软件里面抠图     
    制作一幅动画小品,需要很多动画素材,光靠鼠绘费时费力,对于没有绘画基础的我们是不可能完成的事情。最省事的方法是“导入”网上的动画素材,如果找不到您需要的动画素材,还有一种方法就是在FLASH软件里面抠图。抠图的方法很多,可以用“橡皮擦”、“套索”、“魔术棒”等工具,还可以使用“钢笔工具”来完成抠图任务,这个方法简单、好用,抠出的对象轮廓准确、清晰。下面是静雪老师的课程视频,供朋友们学习、参考。

http://player.youku.com/player.php/sid/XMjE3ODM4ODY4/v.swf
作者: 魏绪增    时间: 2016-1-21 04:48
也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【6】

http://player.youku.com/player.php/sid/XMzkwOTk1NjA=/v.swf
作者: 拉兹    时间: 2016-1-21 16:18

作者: 魏绪增    时间: 2016-1-22 06:20
拉兹 发表于 2016-1-21 16:18


http://img2.oldkids.cn/upload/260793000/u260792614/2015/07/10/group_20150710054641085102.swf  
作者: 魏绪增    时间: 2016-1-22 06:22
本帖最后由 魏绪增 于 2016-1-22 06:26 编辑

         第7课:认识界面和动画生成的原理:(1)                      
      制作动画,打基础阶段最好使用前面我提供给大家的flash 10版本,它的优点是占用内存少,反应快,运行流畅。基本操作功能基本都具备。flashcs4以上的版本也可以用(它的界面,其“属性”面板不在下面而是在界面的右面,它与“库”、“动画预设”互动使用。)
      下面学习、认识界面和动画生成的原理:(1)http://player.youku.com/player.php/sid/XNDQ3MDcxMjM2/v.swf


作者: 魏绪增    时间: 2016-1-22 06:27
认识界面和动画生成的原理:(2)
学习制作一个简单的动画http://"http://player.youku.com/player.php/sid/XNDQ3MDU2OTMy/v.swf

作者: 壮志凌云    时间: 2016-1-22 15:22
老师: 毎到第三頁之后就岀现一种噪音,是什么原因?
作者: 魏绪增    时间: 2016-1-22 15:51
本帖最后由 魏绪增 于 2016-1-22 15:53 编辑


第8课:如何在FLASH里导入声音、歌词、动画透明图片
http://player.youku.com/player.php/sid/XMTg3NjgzMTU2/v.swf
例图

http://img4.oldkids.cn/upload/260793000/u260791863/2013/04/20/group_20130420201021004378.swf

作者: 庐山南    时间: 2016-1-22 22:44
魏老师制作的动画很漂亮。水平很高。请问老师有没有长期保存免费的网站。谢谢。
作者: 魏绪增    时间: 2016-1-23 06:59
本帖最后由 魏绪增 于 2016-1-23 07:03 编辑
庐山南 发表于 2016-1-22 22:44
魏老师制作的动画很漂亮。水平很高。请问老师有没有长期保存免费的网站。谢谢。 ...

欢迎九江的朋友来这里看看!
这里就是免费的,您还可以点击、进入下面的链接看看:
1、
群组首页>“老小孩FLASH初学者园地群组”
2、[教程] FLASH制作自习室   ...23456..160
魏绪增2013-1-3187280479魏绪增2016-1-8 09:24


作者: 魏绪增    时间: 2016-1-23 07:05

第9课:让汽车按自己设置的路线行走——创建引导层动画
1、打开FLASH软件,点击“修改”/“文档”,设置“尺寸”为宽600,长400,其他为默认值。

2、点击图层第一帧,点击“文件”/“导入”/“导入到舞台”,把您在电脑里的一张有公路的背景图片点“打开”在舞台上。

3、用“变形工具”将导入到舞台的背景图片缩放到舞台大小(方法是:先将图片的左和上边与舞台左上边对齐,再将图片中心的小白圈移动到左上角,按住左键拖动右下角与舞台右下角对齐。)

4、在时间轴的第40帧右击鼠标点“插入帧”,双击时间轴上的“图层1”删除,输入“背景”二字。

5、点“新建图层”(在时间轴左下角的第一个图标),新建图层2,双击“图层2”删除,输入“汽车”二字。
6、锁住“背景”图层(点击背景图层上第二个小黑点,会出现一个锁图形。)目的是在编辑汽车时,不会影响背景画面。

7、点击“汽车图层”的第1帧,点击“文件”/“导入”/“导入到舞台”,把您在电脑里的一张汽车图片导入到舞台。

8、“打散”汽车图片,用“魔术棒工具”将汽车抠图(也可以用“橡皮擦工具”,最好把图片放大一些,这样利于擦涂干净。方法:点击舞台右上角“显示窗口大小”来确定放大倍数。)【注意:1.一定要先打散图片,才能对汽车进行编辑;2.先点击“套索工具”再选择“工具栏”下面的“魔术棒工具”进行设置。】

9、用“选择工具”或者“任意变形工具”点击已经抠好的汽车,选择“修改”/“转换为元件”,点“确定”,(这时您抠好的汽车就放到“库”面板里了,可以随时从库里拖到舞台进行编辑、修改。)

10、将库里的汽车元件拖到舞台,用“任意变形工具”调整其大小、角度,并把它放到背景图片的右边。(为了有透视效果,可以把汽车调小一些)
看下面的图:
11、在“汽车图层”的第40帧处“插入关键帧”,右击“汽车”图层,在下拉的菜单里选择“添加传统运动引导层”,这时汽车图层上面会添加一个引导层。

12、然后选择该引导层的第1帧,并使用“铅笔工具”在公路上绘制一条曲线。【注意:1.引导线不能出现中断;2.引导线不能不能出现交叉和重叠;3.引导线的转折不能过多或者过急;4.被引导对象对引导线的吸附一定要准确。】

13、选择“汽车图层”的第1帧,用“选择工具”,并按下“工具栏”下面的“贴紧至对象”按钮,把该帧的汽车移动到上一步绘制的曲线的开始位置,并保证“汽车”的中心吸附在曲线上。【注意:汽车上会有一个小空心圈,一定要和曲线上交叉】

14、选择“汽车图层”的第40帧,并用同样的方法将其中心吸附到曲线的另一端,同时可以把汽车放大。
看下面的图:
15、在“汽车图层”第1帧至第40帧之间的任意一帧右击鼠标,在下拉的菜单中选择“创建传统补间”。

16、按回车键,测试影片效果(或者点击“控制”/“测试影片”)。
17、保存:点击“文件”/“导出”/“导出影片”,确定作品名称,在“保存类型”下拉的菜单里选择“动画”,点击“确定”。
动画效果看下图:



作者: 魏绪增    时间: 2016-1-23 07:09
本帖最后由 魏绪增 于 2016-1-23 07:10 编辑

也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【7】

http://player.youku.com/player.php/sid/XMzkwOTY2NjQ=/v.swf

动画制作教程【8】

http://player.youku.com/player.php/sid/XMzkwOTgzNDg=/v.swf
动画制作教程【9】
http://player.youku.com/player.php/sid/XMzkxMDIwNDA=/v.swf


作者: 魏绪增    时间: 2016-1-24 05:41

第10课:蝴蝶围绕香水瓶飞舞——引导层动画

本课难点:
        首先要注意,运动轨迹可以做得很复杂,但是尽可能不要使用交叉和曲律变化太大的路径,运动曲线尽量要平滑圆润。再要注意,在向曲线路径两端放入元件(蝴蝶)时,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导。
1、打开Flash软件,单击“修改”/“文档”,在“文档属性”面板中设置“尺寸”:宽680,高480,其他为默认值,单击“确定”。

2、点击“文件”/“导入”/“导入到舞台”,导入一张有香水瓶的背景图片,双击“图层1”改写成“背景”。选择“背景”图层的第100帧,右键单击,左键单击“插入帧”。

3、新建“图层2”和“图层3”(两次单击“新建图层”图标即可),选择“图层3”,使用“钢笔工具”并且选择“笔触颜色”为黑色绘制一条曲线作为蝴蝶的运动路径。(用钢笔画完后,再用“选择工具”将曲线调整流畅一些,方法是:鼠标移动到线段时出现一个小弧线,按住鼠标左键移动到合适位置。)

下面如图:
4、双击“图层2”改写成“蝴蝶”,点击“文件”/“导入”/“导入到库”,将您在电脑里储存的蝴蝶透明素材导入的库里(最好是正面展翅的蝴蝶)。
5、选择“蝴蝶图层”,将“蝴蝶”元件从库里拖到舞台,在“变形”面板上进行设置,(方法是:点击“窗口”/“变形”,“旋转”为144度,使其正对路径前端,用“任意变形工具”调整蝴蝶的大小,使其适合比例。

下面如图:

6、使用“选择工具”,将蝴蝶的中心点与曲线左端交叉,在“蝴蝶图层”的第75帧右击鼠标,左击“插入关键帧”,并在该图层的第1帧至第75帧之间右击“创建传统补间”。

7、选择“蝴蝶图层”中的第75帧,将舞台上的蝴蝶移动到曲线的末端,并将其的中心点与末端交叉,并在“变形”面板上设置“旋转”为49度,使其的角度变为正面。

下面如图:



8、点击“蝴蝶图层”的第1帧至第75帧之间的任意一帧,在“属性”面板上的“调整到路径”复选框前勾选。

9、选择“图层3”并单击鼠标右键,在弹出的快捷菜单中选择“引导层”命令。
10、点“回车键”测试影片效果,可预览蝴蝶围着香水瓶飞舞的效果。
11、单击“文件”/“导出”/“导出影片”,写好影片名称,在“保存类型”下拉菜单中选择“动画”,最后点“确定” 。
效果图如下:





作者: 魏绪增    时间: 2016-1-24 05:43
也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【10】

http://player.youku.com/player.php/sid/XMzkxMDc1MDQ=/v.swf
作者: 壮志凌云    时间: 2016-1-24 22:26
本帖最后由 壮志凌云 于 2016-1-24 22:27 编辑

老师: flash影片格式的图像怎样上传到网站上来?存为gif格式的文件很大。

引导.gif (1.35 MB, 下载次数: 30)

引导.gif

作者: 魏绪增    时间: 2016-1-25 05:39
本帖最后由 魏绪增 于 2016-1-25 05:41 编辑


第11课:学做《花儿逐渐生长》逐帧动画小品
导语:逐帧动画是最基础的动画类型,它是把运动过程中逐渐变化的画面内容附加在每个关键帧中,当画面连续播放时,利用人的视觉暂留现象,形成流畅的动画效果。本课教会学生在不同的关键帧上依次绘制不同时期的花儿生长矢量图。
操作步骤:
1、打开Flash软件,新建一个Flash文档。点击“菜单栏”上的“修改”/“文档”,在下拉的“文档属性”里,设置“尺寸”为:宽400,高300;“背景颜色”为:浅蓝色,“帧频”为:6 fps。
2、双击“图层1”,重命名为“花盆”,用“钢笔工具”画出花盆轮廓,再用“选择工具”修改轮廓(使用方法在上一课讲过),再用“颜料桶工具”填充颜色;设置“笔触颜色”为黑色,“填充颜色”为灰色。(也可以用“线性”灰色,我这里就是用的“线性”灰色)
如下图:

3、选择“花盆图层”的第15帧,按F5键“插入普通帧”,用“任意变形工具”选择舞台上的花盆,点击“工具栏”下面的“笔触颜色”,在“颜色面板”的右上方点击“消除笔触”图标,删除花盆的轮廓线。
如下图:

4、单击“时间轴”面板下的“新建图层”图标,将“图层2”双击,重命名为“花儿”。
5、在“花儿图层”中,用“刷子工具”在花盆上方绘制两片刚发芽的叶子形状,并用“选择工具”进行修改。(在“工具栏”最下边,可以选择刷子大小和形状,也可以设置“填充颜色”为浅绿色)
如下图:

6、在“花儿图层”中,右击第2帧“插入关键帧”。然后用“任意变形工具”选择叶子,再点击“修改”/“变形”/“缩放和旋转”,在弹出的对话框里“缩放”文本框中输入“120”,其他参数为默认值,单击“确定”。
7、用同样的方法绘制第3——6关键帧花儿的前期生长过程图。(绘制时适当用“任意变形工具”“工具栏”下面的“扭曲模式”调整叶子和茎的形状)
如下图:

8、在“花儿图层”中,选择第7帧,按F6键,“插入关键帧”,绘制出花儿又长出两片小叶子和冒出的小花图形。(花儿用粉红色做为填充色)
如下图:
9、用同样的方法,配合“任意变形工具”中的“扭曲模式”绘制第8——10关键帧的叶子与花儿的生长过程,在“花儿图层”的第15帧右击“插入帧”。
如下图:

10、至此,全部动画完成,可以反复按回车键预览动画效果,最后进行保存。(方法见以前课程)
本课动画效果如下图:




作者: 魏绪增    时间: 2016-1-25 05:42
也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【11】

http://player.youku.com/player.php/sid/XMzkxMDU4NjQ=/v.swf
作者: 魏绪增    时间: 2016-1-25 05:46
本帖最后由 魏绪增 于 2016-1-25 05:51 编辑

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

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

1、http://img3.oldkids.cn/upload/260793000/u260792614/2013/09/06/group_20130906043224709747.swf      
2、http://img3.oldkids.cn/upload/260793000/u260792614/2013/09/06/group_20130906044307114953.swf
3、http://img1.oldkids.cn/upload/260793000/u260792614/2013/09/06/group_20130906044547116927.swf
4、http://img2.oldkids.cn/upload/260793000/u260792614/2013/09/06/group_20130906045349930437.swf
4[A]  http://img4.oldkids.cn/upload/260793000/u260792614/2013/09/06/group_20130906051842989586.swf
5、http://img2.oldkids.cn/upload/260793000/u260792614/2013/09/06/group_20130906050241966340.swf
6、http://img2.oldkids.cn/upload/260793000/u260792614/2013/09/06/group_20130906050949993158.swf

作者: 魏绪增    时间: 2016-1-25 05:52
如何在《老年人之家》发表动画作品:
1、http://img2.oldkids.cn/upload/260793000/u260792614/2013/03/09/group_20130309090033737413.swf
2、http://img4.oldkids.cn/upload/260793000/u260792614/2013/03/09/group_20130309085922475086.swf
3、http://img3.oldkids.cn/upload/260793000/u260792614/2013/03/09/group_20130309085821685253.swf
4、http://img3.oldkids.cn/upload/260793000/u260792614/2013/03/09/group_20130309085624735924.swf


作者: 魏绪增    时间: 2016-1-26 06:01
本帖最后由 魏绪增 于 2016-1-26 06:03 编辑

第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影片”,点击“保存”

本课效果作业:
【注:本课图例有删改,不影响制作效果】


作者: 魏绪增    时间: 2016-1-26 06:02
也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【12】

http://player.youku.com/player.php/sid/XMzkxMDYwMDA=/v.swf
作者: 魏绪增    时间: 2016-1-27 06:22

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

效果图
[flash] http://img3.oldkids.cn/upload/260793000/u260792614/2013/02/18/group_20130218075518436398.swf[/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] http://img3.oldkids.cn/upload/260793000/u260792614/2013/02/18/group_20130218075518436398.swf[/flash]







作者: 魏绪增    时间: 2016-1-27 06:23
也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【13】



http://player.youku.com/player.php/sid/XMzkxMDg1NjQ=/v.swf
作者: 魏绪增    时间: 2016-1-28 06:26
本帖最后由 魏绪增 于 2016-1-28 06:28 编辑

第14课:熊猫举重(综合补间动画)

      本教程用Flash来制作一个“熊猫举重”的动画,感兴趣的朋友可以打开Flash一起来学习。希望本教程能给你带来快乐!
      北京奥运会上,中国举重队取得了8金1银的好成绩,令国人振奋不已。今天我们就用Flash来制作一个“熊猫举重”的动画,主要用到椭圆工具,矩形工具和直线工具等,操作简单易懂,适合练习。先看下效果吧:
效果预览:
[flash] http://img1.oldkids.cn/upload/260793000/u260792614/2013/03/07/group_20130307072047975303.swf[/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】
 祝大家制作成功。


作者: 魏绪增    时间: 2016-1-28 06:30
本帖最后由 魏绪增 于 2016-1-30 06:14 编辑

也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【14】



http://player.youku.com/player.php/sid/XMzkxNDIzMjQ=/v.swf
作者: 壮志凌云    时间: 2016-1-28 11:39
老师:  认真的看过您的每个帖子和推荐的视频,并且也学着做了一些实例,收获很大,十分感谢您。
但学习flash动画确实是需要不断的实践,老师推荐的简单实例还可以,后面较复杂的实例就很难了。过一段我再发几幅我的制作请老师指导。
作者: 魏绪增    时间: 2016-1-29 08:04
本帖最后由 魏绪增 于 2016-1-29 08:05 编辑
壮志凌云 发表于 2016-1-28 11:39
老师:  认真的看过您的每个帖子和推荐的视频,并且也学着做了一些实例,收获很大,十分感谢您。
但学习flas ...

老魏回复:
……慢慢来吧,我们年纪都不小啦!还是多注意身体呀!能够制作多少就制作多少,还是快乐最重要。您是这里第一位敢于吃螃蟹的人,老魏很敬佩您,打退堂鼓也是很正常的呀,哈哈!
http://img3.oldkids.cn/upload/260793000/u260792614/2016/01/24/group_20160124075542390246.swf
作者: 魏绪增    时间: 2016-1-30 06:13
本帖最后由 魏绪增 于 2016-1-30 06:15 编辑

第15课:制作《含羞草》互动动画的方法
制作效果图如下http://"http://img2.oldkids.cn/upload/260793000/u260792614/2016/01/30/group_20160130061109469990.swf





作者: 魏绪增    时间: 2016-1-30 06:16
也可以抽空儿看看下面的教程,对您会有一些帮助:
动画制作教程【15】

http://player.youku.com/player.php/sid/XMzkxMTE1MTY=/v.swf

作者: 壮志凌云    时间: 2016-1-30 20:10
老师:  flash的动画太丰富了,同时难度也越来越大,尤其是许多需要鼠绘的素材可是难住了我啊!
作者: 壮志凌云    时间: 2016-1-30 20:16
前面讲的内容我每天还在练习,不善长鼠绘我就选一些自己拍照片吧,下面是遮罩效果,请老师指导。

遮罩1.gif (606.74 KB, 下载次数: 10)

遮罩1.gif

作者: 壮志凌云    时间: 2016-1-30 20:20
这种形状补间效果我才掌握了它的规律, 做了好多,发一张老师看看如何请指导

形状补间3.gif (1.21 MB, 下载次数: 11)

形状补间3.gif

作者: 魏绪增    时间: 2016-1-31 06:00
本帖最后由 魏绪增 于 2016-1-31 06:02 编辑

看了您的两个作业都非常好!
做动画只是一种兴趣不是学习任务,您已经入门了,还是继续玩下去吧!
我也是自学的,也不会鼠绘,是利用软件上的工具画出来的,很容易。
请老师您不要把他看做负担,而是快乐的动力,如果确实没有信心啦,就放弃吧,不要为它而伤害身体和精神。
我说话直请老师不必在意啊!


作者: 壮志凌云    时间: 2016-1-31 18:10
谢谢老师,信心还是有的,不会放弃,希望您继续介绍一些较简单的例子。
作者: 魏绪增    时间: 2016-2-1 06:15
本帖最后由 魏绪增 于 2016-2-1 06:18 编辑

第16课:好玩的《快乐月饼大游行》制作方法


这是一张用CorelDraw、Photoshop、Flash绘制的中秋节贺卡,画面是月色中的月饼大游行,草图中依上而下的是路边的花墙、路灯、驾车的小兔、载月饼的车和兔子乐队。

  先画草图,用铅笔在纸上将草图画出来。

  在PHOTOSHOP中扫描后,将要作矢量绘制的部分裁下为一新图,增加一新图层,填充淡红色,选图层样式为变亮,将草图的线条处理成红色。

  我要将草图导入CORELDRAW中绘制矢量线条。将草图的线条处理成红色是因为可以和黑色的线条形成很强的对比,所绘线条一目了然。用COLRELDRAW来绘线的原因是个人习惯,感觉其绘线的能力十分强大且操作灵活,要比FLASH绘线好用得多。

  导入图片,锁定,绘好线条。

  解锁草图,删掉,就成这样。

  整个制作过程中,心中要对作品的每一个细节有数,哪里怎么绘事先了然于胸。还有草图没绘好的部分,可以在绘线的过程中补,这也要对作品心里有数。当然,这全是个人制作形式,若分工制作就不是这样了。

  绘好线条后,将其导出为SWF格式文件,将其在FLASH里导入。

  现在,来用PHOTOSHOP来画背景。矢量的背景和位图的背景我都用,主要是看如何运用,这里我选用位图背景,过程我就不详述了。若想用好PHOTOSHOP,网上教程有很多呢。推荐:Photoshop专栏

  OK,背景画好了,现在将其分开,天空和街道分开来,分别存为JPG和PNG格式。
月饼为了画得很好吃的样子,将在CORELDRAW里绘好的线条月饼导出为BMP格式在PHOTOSHOP里打开,涂抹一番后就将很好吃的样子的月饼画出来了。

  打开FLASH,设帧数为25帧/秒,将绘好的线条导入,按大类分开存在库里。

  然后将天空、街道的图在舞台上摆好,再放上装月饼的小车,在车上放上月饼与驾车的兔兔。


效果图如下:
http://img3.oldkids.cn/upload/260793000/u260792614/2013/07/02/bbs_20130702052007303067.swf

作者: 魏绪增    时间: 2016-2-1 06:21
本帖最后由 魏绪增 于 2016-2-1 06:22 编辑
壮志凌云 发表于 2016-1-31 18:10
谢谢老师,信心还是有的,不会放弃,希望您继续介绍一些较简单的例子。

快乐老朽暮夕阳,酷玩动画写春意。
玫瑰花香润肤肌,欣赏羡慕难及第。
酒醇何惧巷子深,弥久益坚葱葱绿。
孤芳四射透荧屏,坊间处处添情趣。



作者: 魏绪增    时间: 2016-2-2 07:18
本帖最后由 魏绪增 于 2016-2-2 07:21 编辑

第17课:制作扇面开合动画的方法



作者: 壮志凌云    时间: 2016-2-4 12:41
老师: 多次插入音乐都失败, 都是mp3格式,不知为什么不行?

菊花相册3.gif (1.61 MB, 下载次数: 7)

菊花相册3.gif

作者: 壮志凌云    时间: 2016-2-4 22:28
http://img1.oldkids.cn/upload/260841000/u260840266/2016/02/04/group_20160204222608070430.swf
作者: 魏绪增    时间: 2016-2-6 06:54
壮志凌云 发表于 2016-2-4 22:28


http://img1.oldkids.cn/upload/260793000/u260792614/2013/05/09/group_20130509050018544610.swf
作者: 凯文    时间: 2016-2-7 10:20
老师: 你好,很想学习。 能否将你的flash cs4的软件发给我,我的邮箱: 15643410177@qq.com  谢谢!
作者: 魏绪增    时间: 2016-2-8 06:02
凯文 发表于 2016-2-7 10:20
老师: 你好,很想学习。 能否将你的flash cs4的软件发给我,我的邮箱: 15643410177@qq.com  谢谢! ...



作者: 凯文    时间: 2016-2-8 07:12
魏绪增 发表于 2016-2-8 06:02

对不起老师,我记错了。10516241@qq.com 谢谢。
作者: 魏绪增    时间: 2016-2-9 07:01
今天早上已经发给您啦!

作者: 凯文    时间: 2016-2-9 07:55
魏绪增 发表于 2016-2-9 07:01
今天早上已经发给您啦!

谢谢老师,收到了。
作者: 凯文    时间: 2016-2-9 07:58
凯文 发表于 2016-2-9 07:55
谢谢老师,收到了。

还得询问一下,我预览打不开呀?请指教。谢谢。
作者: 凯文    时间: 2016-2-9 08:01
凯文 发表于 2016-2-9 07:58
还得询问一下,我预览打不开呀?请指教。谢谢。

邮件是:雪莲花.fia对吗?
作者: 魏绪增    时间: 2016-2-10 05:36
发给您的是FLASH软件源文件,应该能够打开,需要稍等一会儿呀!

作者: 迷迷糊糊    时间: 2016-2-26 16:13
老魏动画最精彩!
您辛苦了!


我也来向老魏学习一点动画的制作了。


作者: 魏绪增    时间: 2016-2-27 08:29
哈哈,您也有兴趣来这里看看呀!
很喜欢和迷迷糊糊老师一起玩老电影猜谜活动,只是我很忙偶尔去您那里看看,请您谅解啊!
老年人学习动画制作很难,有很多网友学习半截儿都打退堂鼓啦,哈哈!建议还是盖您的“电影楼”吧,我有空儿会去看看的。
http://img4.oldkids.cn/upload/260793000/u260792614/2013/08/26/group_20130826060017322689.swf

作者: 魏绪增    时间: 2016-3-27 07:14
以上自编教材发表完毕,下面是老年大学的FLASH教材汇编,请老知青朋友们根据自己的学习进度和学习能力,自行选择课目并且进行作业交流。有问题可以在本楼发帖,以便互相学习,互相交流。
风景图画鼠绘教材 http://img2.oldkids.cn/upload/260793000/u260792614/2013/03/22/group_20130322064647076689.swf
作者: 魏绪增    时间: 2016-3-27 07:14

江南水乡鼠绘教材:     http://img1.oldkids.cn/upload/260793000/u260792614/2013/03/22/group_20130322070111474273.swf
作者: 魏绪增    时间: 2016-3-28 06:38

可爱的小鹿鼠绘教材:   http://img1.oldkids.cn/upload/260793000/u260792614/2013/03/21/group_20130321080900014800.swf
作者: 魏绪增    时间: 2016-3-29 05:38
含羞草教材:           http://img1.oldkids.cn/upload/260793000/u260792614/2013/03/23/bbs_20130323051111034834.swf

作者: 魏绪增    时间: 2016-3-30 08:18

人物侧面走教材:       http://img3.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323073454862395.swf
作者: 魏绪增    时间: 2016-3-31 06:51

卡通头像教材:         http://img4.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323161250051532.swf
作者: 魏绪增    时间: 2016-4-1 05:39

可爱的妞妞:http://img2.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323160859654589.swf
作者: 魏绪增    时间: 2016-4-2 06:36
喇叭花开:             http://img1.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323161347149734.swf
作者: 魏绪增    时间: 2016-4-3 06:03
踢毽子:               http://img4.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323161651939627.swf
作者: 魏绪增    时间: 2016-4-3 06:04
森林一角(图文并茂): http://img3.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323161526084343.swf
作者: 魏绪增    时间: 2016-4-4 06:02
小蝌蚪找妈妈(图文并茂)http://img4.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323162018776854.swf
作者: 魏绪增    时间: 2016-4-5 05:35
小狗走路:             http://img4.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323162210232847.swf

作者: 魏绪增    时间: 2016-4-6 05:51
画小鸭子:             http://img3.oldkids.cn/upload/260793000/u260792614/2013/03/23/group_20130323162909660508.swf

作者: 庐山南    时间: 2016-4-6 14:49
魏绪增 发表于 2016-4-6 05:51
画小鸭子:

1  魏大师flash水平很高。 2   好教程。3     手绘是不是要什么工具? 4   动画制作的这么好,为什么不用3d软件?3d软件更加真实好看    5  flash好像只能做些小动画和一些网页。3d可干的事情就太多了。不好意思本人无意冒犯,只是觉得你很有才。
作者: 魏绪增    时间: 2016-4-7 06:22
本帖最后由 魏绪增 于 2016-4-7 06:37 编辑

1  魏大师flash水平很高。 2   好教程。3     手绘是不是要什么工具? 4   动画制作的这么好,为什么不用3d软件?3d软件更加真实好看    5  flash好像只能做些小动画和一些网页。3d可干的事情就太多了。不好意思本人无意冒犯,只是觉得你很有才。

感谢庐山南老师的回帖和热情指点!
1、我退休后一直在玩FLASH软件,只是会一般制作方法,制作不了动画影片,所以您的“水平很高”过奖了;
2、前面的具体教材是我自己编写的,后面的电子版教程是老年大学的教材;
3、FLASH软件里有手绘的各种工具可以灵活运用;
4、以前我也玩过Maker3D软件,只是因为玩惯了FLASH,熟能生巧,可以自行创意,所以玩FLASH是我开心、顺手的事情;
5、正像老师您所说的用FLASH只是制作一些小动画玩一玩,制作大型动画电影,一是没有那个能力,二是没有精力和时间,老有所乐每个人会有自己的表达方式,我在其它网上也有很多好朋友和我有共同的兴趣和快乐交流,在这里只是抛砖引玉,希望有愿意共同爱好的知青朋友一起度过快乐的晚年生活。
谢谢庐山南老师对我的抬爱!人各有好,勿施于人,这里只是我的小心愿,没有强求别人学习FLASH之意。希望老师海涵!希望看到老师的3D动画作品,共同分享制作快乐!

作者: 庐山南    时间: 2016-4-7 17:38
魏绪增 发表于 2016-4-7 06:22
1  魏大师flash水平很高。 2   好教程。3     手绘是不是要什么工具? 4   动画制作的这么好,为什么不用3d ...

首先向魏老师致歉。 1.  我是看到你的动画制作的非常好和3d教程里的原理差不多,只是麻烦些 所以有此一说,对不起就当我没说。 2.本人接触电脑较晚,单位原来没有电脑,退休后自己买了一个电脑。开始 怎么开.关都不知道直接关电闸,弄坏了2个硬盘。3.第1次请人安装了1个ps cs5和flash cs5绿色破解版学了一段时候后学不下去了,很多教程都是收费的。再说没有找到免费上传flash的网站所以放弃了flash。4.听maya教程的老师说maya很强大,所以也学着安装了1个,学了很长时间只学了一些简单的建模其他的内容(如着色.材质.贴图.动画.渲染)大都要收费学不成。目前只是会1点ps和一点视频剪辑pr。

作者: 魏绪增    时间: 2016-4-8 06:18
本帖最后由 魏绪增 于 2016-4-8 06:20 编辑

庐山南老师早上好:
请您不必道歉,您太客气啦,我喜欢您这样直率的帖子和诚心的交流!
其实制图有很多软件,我很喜欢Maker3D软件,也喜欢Ps软件,只是学习FLASH软件先入为主,轻车熟路,没有更多的时间和精力去学习其它软件了,我想制作一些小动画回帖,目的就是能够快捷的和网友交流快乐心情,自己玩得开心一些,仅此而已。我以前也学习了一段3D动画,可以把旧作品拿出来与您交流一下,也祘是回答老师您的期待之情:
http://img3.oldkids.cn/upload/260793000/u260792614/2012/12/03/bbs_20121203074912941785.swf http://img4.oldkids.cn/upload/260793000/u260792614/2012/11/27/bbs_20121127095953717626.swf http://img1.oldkids.cn/upload/260793000/u260792614/2012/12/03/bbs_20121203111134422257.swf




欢迎光临 中国知青网-中国知青网络家园 (http://chinazhiqing.com/) Powered by Discuz! X3.1