FLASH涂抹教材制作方法(改邪小妖)
教学目的:通过本节教学了解和掌握按钮上下翻页、AS语句的制作操作和运用,进而制作出涂抹动画效果。
教学对象:本教材是针对有一定动画制作基础和对工具箱及相关面板有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。
素材准备。一张适合制作背景的图片,和几张制作动画图片
教学要点:运用按钮。AS,循环背景制作,
制作步骤,
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为700*500,背景颜色黑色,点击确定,进入场景1。
(如图1)
3选择“插入-新建元件”,建立一个名为“图片1”的影片剪辑元件,点击确定,进入元件编辑区,就一个图层。
(如图2)
选择图层1第一帧,把准备好的第一张图片拉出来,修改图片尺寸宽500,高400,水平中齐,垂直中齐,
4选择“插入-新建元件”,建立一个名为“图片2”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第一帧,把准备好的第二张图片拉出来。修改尺寸宽500,高400,水平中齐,垂直中齐,返回场景。
5编辑场景
(1)添加4个图层,共五个图层,依次从下到上名称为,背景,按钮,影片剪辑,AS,边框,点击时间轴上的小锁,把图层都锁上,制作一个图层打开一个图层,防止制作时出错。
(如图3)
(2)打开图层影片剪辑的锁,点击第一帧,把库里的图片1影片剪辑拉进来。水平中齐,垂直中齐,点击场景中的图片,在下面属性里实力名称处,写上 pic
(3) 在影片剪辑第二帧,插入空白关键帧,把库里图片2影片剪辑拉动进来。水平中齐,垂直中齐,在实力名称处,写上 pic
(如图4)
锁上影片剪辑图层。
6插入新建元件,类型为按钮,命名为“1”点击确定。
(如图5)
在弹起帧的第一帧点击一下,把库里的图片1影片剪辑拉进来,水平中齐,垂直中齐。
7插入新建元件。类型为按钮。命名为“2”点击确定。
在弹起帧的第一帧点击一下,把库里的图片2影片剪辑拉进来。水平中齐,垂直中齐,返回到场景,
8打开按钮图层的锁。闭上影片剪辑的眼睛
(如图6)
(1)在按钮图层第一帧点击一下,把“2”的按钮元件拉进来,水平中齐,垂直中齐,点击按钮图片右键打开动作。
(如图7)
输入一段语句
on (release) { gotoAndStop(2);
}
(2)在按钮图层第二帧右键插入空白关键帧,把“1”的按钮元件拉进来。
(如果你制作的图片多。这一个拉进来的不是1而是名称3的按钮元件,到最后一张图片才把1拉进来,相对的下面的语句里也改3。这个在朋友制作时慢慢思考,我教材不讲了就)
水平中齐,垂直中齐,点击按钮图片右键打开动作。输入一段语句
on (release) { gotoAndStop(1);
}
锁上按钮图层,打开影片剪辑图层的眼睛
9打开AS图层的锁
(1)点击AS图层第一帧,按键盘上的F9,在动作里输入,以下语句,
stop(); var blur = new flash.filters.BlurFilter(10, 10, 2); _root.createEmptyMovieClip("square",2); _root.pic.setMask(square); _root.square.filters = [blur]; pic.cacheAsBitmap = true; onMouseMove = function () { square.drawCircle(_xmouse, _ymouse, 30); updateAfterEvent(); }; MovieClip.prototype.drawCircle = function (x, y, r) { this.moveTo(x + r, y); this.beginFill(136); this.curveTo(r + x, 4.142000E-001 * r + y, 7.071000E-001 * r + x, 7.071000E-001 * r + y); this.curveTo(4.142000E-001 * r + x, r + y, x, r + y); this.curveTo (-4.142000E-001 * r + x, r + y, -7.071000E-001 * r + x, 7.071000E-001 * r + y); this.curveTo(-r + x, 4.142000E-001 * r + y, -r + x, y); this.curveTo (-r + x, -4.142000E-001 * r + y, -7.071000E-001 * r + x, -7.071000E-001 * r + y); this.curveTo(-4.142000E-001 * r + x, -r + y, x, -r + y); this.curveTo(4.142000E-001 * r + x, -r + y, 7.071000E-001 * r + x, -7.071000E-001 * r + y); this.curveTo(r + x, -4.142000E-001 * r + y, r + x, y); this.endFill(); };
(2)在第二帧,插入空白关键帧按F9输入相同语句,放好后点击如图
(如图8),
返回场景,
锁上AS图层的锁
10插入新建元件。类型为影片剪辑。命名为“背景”点击确定。
(1)添加一个图层,共两个图层,图层1第一帧点击一下,点击文件----导入-----导入到库,把开始准备好的背景图片导入进来。从库里把图片拉进编辑区来图片尺寸宽700,高500,点击图片右键复制,在编辑区旁边粘贴,顺排摆放整齐,点复制的图片点击修改------变形------下面的水平翻转,在把图片复制一张摆放好。
如图展示
(如图9)
放好后点击图层1的第一帧点击上面的修改-------下面组合。这样三张就组合一了。点右边对齐面板,右对齐,垂直中齐,锁上图层1
(2)点击图层二,第一帧,点矩形工具。在编辑区画一个矩形宽700,高500,该矩形右键转换为图形元件,点右边对齐面板,右对齐,垂直中齐,在70帧插入帧,锁上图层2,打开图层1的锁。点击图层1在70帧插入关键帧,点击70帧把图片向右移动。移动到巨型工具的左边,和图片的左边对齐,点对齐面板的垂直中齐。
(如图10)
在图层1的第一帧到70帧之间创建补间动画。
(3)在图层2 点右键------遮罩层,返回场景中。
(如图11)
11点击背景图层,
打开背景图层的锁。点击第一帧,把库里的背景影片剪辑。拉进来点击背景图片,在属性里尺寸宽700,高500,水平中齐,垂直中齐。在第二帧插入帧,锁上背景图层
12点击插入---新建元件,建一个边框,的图形元件,点击确定
进入编辑区,点击矩形工具。在里面画一个600宽。高为400的矩形块,在旁边在画一个500宽,高300的矩形,
看如图展示
(如图12)
弄好后。点击矩形框。在颜色里选择自己喜欢的颜色,当然你也可以自己创意一个边框制作,返回场景。
13把边框图层打开
点击第一帧,把边框拉进来点击对齐面板。水平中齐,垂直中齐,第二帧插入帧。
制作完成,看图所有时间轴效果和图层效果
(如图13)
作品展示
制作好后。在边框层上在添加个放歌曲名字和你名字的图层和放歌曲图层,如果在多加几张图片和照片。会更加精彩。发挥你的想象力。去制作出不同的画面。如果把这些照片制作成特效是不是更加漂亮.
|