彩球螺旋动态边框的制作原理和方法01

教学目的:通过本节教学了解和熟悉影片剪辑元件及其实例名称的创建、设置,动作面板、as语句的运用,通过巧妙的设计与制作,进而实现彩球螺旋动态边框的动画效果。

教学对象:本教材是针对有一定动画制作基础和对属性面板、工具箱,动作面板、as语句及相关界面有所了解的朋友们编写的,因此省略了一些步骤,还望谅解。

教学重点:影片剪辑、实例名称、混色器、动作面板、as。

作前准备

准备一张动态透明的蝴蝶图片,规格适当,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

制作过程

1.启动flash8软件。

2.确立文档属性 设置动画尺寸为550*400,幀频12,其它默认,点击确定,进入场景1。如图1所示:

图1

3.首先将准备好的素材图片和音乐文件导入库中,待用。

(素材图)

4.创建图形元件

选择“插入-新建元件”,建立一个名为“01”的图形元件,点击确定,进入元件编辑区。就一个图层。

选择图层1第一帧,用椭圆工具在舞台拖一个规格为12*12的正圆,颜色随意,右对齐-垂直中齐。将其打散后,点击该实例,打开混色器,设置其参数,如图2所示:

图2

完成后的舞台实例,如图3所示:

图3

(此图已放大)

再用椭圆工具在舞台拖一个规格为12*12的正圆(也可复制粘贴),颜色随意,将其放置在上一个实例的左侧,垂直中齐。将其打散后,点击该实例,打开混色器,设置其参数,如图4所示:

图4

完成后的舞台实例,如图5所示:

图5

(此图已放大)

5.创建影片剪辑元件

(1)选择“插入-新建元件”,建立一个名为“02”影片剪辑元件,点击确定,进入元件编辑区。就一个图层。     选择图层1第一帧,从库中拖出“01”图形元件到舞台,规格不变,全居中。如图6所示:

图6

(此图已放大)

在第50幀插入关键帧,点击第1幀,在属性面板创建本区域间的动画补间,并设置其顺时针旋转一周。如图7所示:

图7

在第49幀插入关键帧,删除第50幀。完成后的时间轴,如图8所示:

图8

完成后的第49幀舞台实例,如图9所示:

图9

(此图已放大)

(2)选择“插入-新建元件”,建立一个名为“03”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为矩形、引导层、蝴蝶。

A.选择引导层图层第一帧,用矩形工具画一个规格为440*320的,无填充的白色矩形框,然后,然后用橡皮擦在齐左上角处擦出一个小口。如图10所示:

图10

在第200幀插入幀,上锁。

B.选择彩球图层第一帧,从库中拖出“02”影片剪辑元件到舞台,规格不变,将其移到引导线开口右边的端点处,其注册点和引导线开口端点重合。如图11所示:

图11

(此图已放大)

点击该实例,在属性面板填写其实例名称为:cq 。如图12所示:

图12

在第200幀插入关键帧,再将该实例移到引导线开口左边的端点上,其注册点和引导线开口端点重合。如图13所示:

图13

(此图已放大)

创建本本区域的动画补间,上锁。

C.选择蝴蝶图层第200帧插入空白关键帧,点击该幀,从库中拖出“蝴蝶”影片剪辑元件到舞台,调整好规格、将其移到引导线开口处的适当位置上。上锁。如图14所示:

图14

C.本环节完成后的尾幀时间轴,如图15所示:

图15

6.编辑制作场景

返回场景1,添加两个图层,共三个图层。自下而上命名为作品、边框、as。

(1)选择作品图层第1幀,导入或制作一个作品,规格自定,全居中。上锁。如图16所示:

图16

(2)选择边框图层第1幀,从库中拖出“03”影片剪辑元件到舞台,将其放置在舞台的左上角,通过测试调整好规格、位置。如图17所示:

图17

点击该实例,在属性面板填写其实例名称为:bk 。上锁。如图18所示:

图18

(3)选择as图层第1幀,按f9,打开作面板在as编辑区输入,如下幀语句:

bk._visible = 0;

for (i = 1; i

{

duplicateMovieClip(bk, "bk" + i, i);

this["bk" + i].gotoAndStop(i);

this["bk" + i].cq._rotation = i * 30;

}

锁定该图层。

7.本作业完成后的时间轴如图19所示:

图19

8.测试存盘

说明:

脚本中的阿拉伯数字30为螺旋的密度,可根据自己的喜好和作品的需要加以调整。

最终效果显示效果:

',1)">

http://hsb345.16789.net/domName/hsb345/[**************]56.swf

全屏下载

祝你成功

教学目的:通过本节教学了解和熟悉影片剪辑元件及其实例名称的创建、设置,动作面板、as语句的运用,通过巧妙的设计与制作,进而实现彩球螺旋动态边框的动画效果。

教学对象:本教材是针对有一定动画制作基础和对属性面板、工具箱,动作面板、as语句及相关界面有所了解的朋友们编写的,因此省略了一些步骤,还望谅解。

教学重点:影片剪辑、实例名称、混色器、动作面板、as。

作前准备

准备一张动态透明的蝴蝶图片,规格适当,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

制作过程

1.启动flash8软件。

2.确立文档属性 设置动画尺寸为550*400,幀频12,其它默认,点击确定,进入场景1。如图1所示:

图1

3.首先将准备好的素材图片和音乐文件导入库中,待用。

(素材图)

4.创建图形元件

选择“插入-新建元件”,建立一个名为“01”的图形元件,点击确定,进入元件编辑区。就一个图层。

选择图层1第一帧,用椭圆工具在舞台拖一个规格为12*12的正圆,颜色随意,右对齐-垂直中齐。将其打散后,点击该实例,打开混色器,设置其参数,如图2所示:

图2

完成后的舞台实例,如图3所示:

图3

(此图已放大)

再用椭圆工具在舞台拖一个规格为12*12的正圆(也可复制粘贴),颜色随意,将其放置在上一个实例的左侧,垂直中齐。将其打散后,点击该实例,打开混色器,设置其参数,如图4所示:

图4

完成后的舞台实例,如图5所示:

图5

(此图已放大)

5.创建影片剪辑元件

(1)选择“插入-新建元件”,建立一个名为“02”影片剪辑元件,点击确定,进入元件编辑区。就一个图层。     选择图层1第一帧,从库中拖出“01”图形元件到舞台,规格不变,全居中。如图6所示:

图6

(此图已放大)

在第50幀插入关键帧,点击第1幀,在属性面板创建本区域间的动画补间,并设置其顺时针旋转一周。如图7所示:

图7

在第49幀插入关键帧,删除第50幀。完成后的时间轴,如图8所示:

图8

完成后的第49幀舞台实例,如图9所示:

图9

(此图已放大)

(2)选择“插入-新建元件”,建立一个名为“03”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为矩形、引导层、蝴蝶。

A.选择引导层图层第一帧,用矩形工具画一个规格为440*320的,无填充的白色矩形框,然后,然后用橡皮擦在齐左上角处擦出一个小口。如图10所示:

图10

在第200幀插入幀,上锁。

B.选择彩球图层第一帧,从库中拖出“02”影片剪辑元件到舞台,规格不变,将其移到引导线开口右边的端点处,其注册点和引导线开口端点重合。如图11所示:

图11

(此图已放大)

点击该实例,在属性面板填写其实例名称为:cq 。如图12所示:

图12

在第200幀插入关键帧,再将该实例移到引导线开口左边的端点上,其注册点和引导线开口端点重合。如图13所示:

图13

(此图已放大)

创建本本区域的动画补间,上锁。

C.选择蝴蝶图层第200帧插入空白关键帧,点击该幀,从库中拖出“蝴蝶”影片剪辑元件到舞台,调整好规格、将其移到引导线开口处的适当位置上。上锁。如图14所示:

图14

C.本环节完成后的尾幀时间轴,如图15所示:

图15

6.编辑制作场景

返回场景1,添加两个图层,共三个图层。自下而上命名为作品、边框、as。

(1)选择作品图层第1幀,导入或制作一个作品,规格自定,全居中。上锁。如图16所示:

图16

(2)选择边框图层第1幀,从库中拖出“03”影片剪辑元件到舞台,将其放置在舞台的左上角,通过测试调整好规格、位置。如图17所示:

图17

点击该实例,在属性面板填写其实例名称为:bk 。上锁。如图18所示:

图18

(3)选择as图层第1幀,按f9,打开作面板在as编辑区输入,如下幀语句:

bk._visible = 0;

for (i = 1; i

{

duplicateMovieClip(bk, "bk" + i, i);

this["bk" + i].gotoAndStop(i);

this["bk" + i].cq._rotation = i * 30;

}

锁定该图层。

7.本作业完成后的时间轴如图19所示:

图19

8.测试存盘

说明:

脚本中的阿拉伯数字30为螺旋的密度,可根据自己的喜好和作品的需要加以调整。

最终效果显示效果:

',1)">

http://hsb345.16789.net/domName/hsb345/[**************]56.swf

全屏下载

祝你成功


相关文章

  • 光影魔术师的功能介绍
  • 影楼风格人像 发现没有?影楼拍的人像,不管人长得什么样子,拍出来皮肤都超白,特别朦胧.特别艺术的那种-呵呵,不管你是否喜欢这种风格,很多 MM很喜欢.你试试这个功能,不用设置参数, 1秒钟就能模仿出那种冷艳.唯美的感觉,是不是就是你的MM想 ...查看


  • 建筑工地生产实习日记
  • 实习很快结束了,在这次实习过程中,在实习工地的师傅的指导下,我对实习过程出现的专业知识困惑和 问题,虚心向他们请教和学习,通过这次实习,我收益匪浅,不仅学到了许多专业知识,而且还从老一辈 的施工员那学到了许多做人处世的道理. 在这次毕业实习 ...查看


  • 如何使用Dreamweaver制作一个网页
  • 如何使用Dreamweaver 制作一个网页? 创建网页页面 1.在Dreamveaver"文件-新建-常规-基本页-HTML",这样就建好了一个页面,英文版的默认的文件名为untitled.htm .中文版的的默认的文 ...查看


  • 人教版高中生物必修课本实验课设计大全
  • 人教版高中生物必修课本实验课设计大全 实验一:使用高倍显微镜观察几种细胞 一.实验目的: 1.学会如何使用显微镜观察细胞: 2.了解细胞的结构: 3.学会制作临时装片. 二.实验材料:(实验材料可换)松针.动物血液.动物神经细胞永久装片 三 ...查看


  • 小学生单词记录方法
  • 第一讲 CorelDRAW基本知识 一. 课堂纪律和要求,学校的规章制度,学校的基本情况,各学员的相互熟悉 二. CorelDRAW课时的安排,总计12讲,最后有一堂课考试 三. 教学目的:让学生了解CorelDRAW的应用以及CorelD ...查看


  • 彩球的设计说课稿
  • 人美版六年级美术<彩球的设计>说课稿 我说课的内容是人美版小学美术第十二册第七课<彩球的设计>,我将从教材分析.教学目标.教学重点和难点.教法运用.学法指导和教学程序四个方面加以说明. 一.教材分析 1.内容.地位. ...查看


  • 盾构机模型
  • 一.概述 1.装置特征 本方案是以本招标文件提出的整体构思.装置基本要求和规格尺寸为基础,结合我公司多年来制作各类重型机械,特别是盾构机同类仿真装置的实际生产经验和公司独特的工艺技术编写而成,力求突出如下特征: ①.采用目前装置最先进的&q ...查看


  • 制作多媒体素材的常用软件
  • 制作多媒体素材的常用软件 格式与所使用的压缩算法有关,打开和制作的软件也是和压缩算法相联系的,下面介绍几种典型的制作多媒体素材的软件. 1. 文字软件:Windows记事本.Word.WPS.COOL 3D等 2. 图像软件:Windows ...查看


  • 静态HTML网页制作
  • 第五章 静态HTML网页制作 5.1 HTML文件编辑环境介绍 5.1.1常用名词 在学习网页制作之前,我们有必要先了解一些常用的概念. (1)WWW万维网 "万维网"(Word Wide Web)简称WWW,这是号称除 ...查看


热门内容