|
制作旋转的相册 一、设置文档属性 1.新建 Flash 文档； 2.在“属性”窗口中将舞台大小设置为 550*550，背景为黑色，帧频为 24fps； 3.“插入”——“新建元件” ，新建一个名称为“背景”的影片剪辑元件； 4.在背景元件的编辑区，绘制无边框，颜色为＃636563，大小为 400*400 的圆形； 5.在“对齐”面板中将所绘制的圆相对于舞台居中； 6.打开“变形”面板，锁定纵横比，设置缩小为原来大小的 90％后，单击“复制并应用” 。 则会在元件的编辑区出现一个比原来绘制的圆小的大院之上的小圆。 7.不取消小圆的选中状态，打开颜色面板，设置小圆的填充色为＃006633，然后取消圆的选 中状态。 二、制作大图片 1.“文件”——“导入”——“导入到库” ，将所需要的图片导入到文档中； 2.“插入”——“新建元件”,设置新元件名称为 tu0，类型为“影片剪辑” ； 3.打开库面板，将一张图片拖到舞台中间； 4.在对齐面板中，将图片调整到相对于舞台居中； 5.制作第二个影片剪辑元件，即打开库面板，选择 tu0 元件，右击，选择“直接复制”; 6.将新复制的元件名称改为 tu1； 7.双击 tu1 元件，进入编辑区中的图片，在属性面板中单击“交换”按钮； 8.在弹出的“交换位图”对话框中选择所要换入的图片。 9.用同样的方法一次创建其余的 6 个影片剪辑元件，名称从 tu2 开始一直到 tu7 结束，分别 编辑元件将其他图片换置到编辑区中，将其余元件制作完成。 三、制作小图片 1.“插入”——“新建元件” ，新建一个名称为“遮罩圆”的影片剪辑元件； 2.在该元件的编辑区中，绘制一个没有边框，填充颜色为任意色的圆； 3.选中绘制的圆，在信息面板中，设置大小为 130*130; 4.在对齐面板中将圆相对于舞台居中； 5.“插入”——“新建元件” ，创建一个名称为“小背景”的影片剪辑元件； 6.在该元件编辑区中绘制一个笔触颜色为无，填充颜色为＃636565 的圆； 7.在信息面板中设置大小为 150*150； 8.在对齐面板中设置其相对于舞台中心点对齐； 9.“插入”——“新建元件” ，新建一个 xiaotu0 的影片剪辑元件； 10.打开库面板，将库中的小背景元件拖放到元件的编辑区中，相对于中心点对齐； 11.双击小背景图层，将其重新命名为“背景” 12.在“背景”图层上方新建一层，命名为“图片” ，将导入到跨中的图片拖放到本图层的第 一帧； 13.选中图片，在“属性”面板中设置图片大小，保持纵横比，高度为 130； 14.选中图片，打开“对齐”面板，利用“对齐”将图片相对于舞台垂直水平居中； 15.在“图片”图层上方新建一个图层，命名为“遮罩” ，打开库面板，将“遮罩圆”元件拖 放到本图层地第一帧中； 16.选中图片，打开“对齐”面板，将图片相对于舞台垂直水平居中； 17.右击“遮罩”图层，在弹出的快捷菜单中选择“遮罩层”; 18.制作第 2 个影片剪辑元件， 打开库面板， 右击 xiaotu0 元件， 在弹出的快捷菜单中选择 “直 接复制”选项； 19.在弹出的“直接复制元件”对话框中，命名为 xiaotu1； 20.打开库面板，找到 xiaotu1 元件并双击，进入 xiaotu1 的编辑区； 21.单击编辑区中的图片，然后单击“属性”面板中的“交换” ，在“交换位图”对话框中选 择所要换入的图片； 22.用同样的方法依次创建其余 6 个影片剪辑元件，名称从 xiaotu2 开始，一直到 xiaotu7 结 束，分别编辑元件将其他图片置换的编辑区中。 四、拼接图片 1.“插入”——“新建元件” ，新建名称为“空”的影片剪辑元件； 2.“插入”——“新建元件” ，新建一个名称为“排小图”的影片剪辑元件； 3.在“排小图”元件的编辑区内绘制没有填充颜色，边框线为任意颜色的小圆； 4.在信息面板中设置圆的大小为 400*400； 5.在对齐面板中设置相对于舞台水平垂直居中； 6.在圆外绘制一条垂直的直线，高度要高于圆的直径； 7.选中直线，在对齐面板中将其相对于中心点垂直水平居中； 8.在直线的选中状态下打开“变形”面板，输入旋转角度为 45， 单击右下角的 “复制并应用” 按钮 3 次，复制出 3 条直线； 9.在图层 1 上新家一个图层，打开库面板，将 xiaotu0 原价拖入到编辑区中，xiaotu0 元件中 的圆与大圆相切于线与圆的交点处； 10.用同样的方法将其它 7 个元件也放置在圆上； 11.右击图层 1，在弹出的快捷菜单中选择“引导层”选项，这样在发布影片时图层 1 中的内 容就不会显示出来了； 12.在编辑区中单击选中实例 xiaotu0，在属性面板中将其命名为 xiaotu0； 13.依次在元件的编辑区内选中各个实例，然后在属性面板中给实例命名。 14.“插入”——“新建元件” ，新建一个名称为“拼接图”的影片剪辑元件； 15.在库面板中，将“背景”原价拖放到元件的编辑区中； 16.在对齐面板中，将“背景”元件选中，并调整到相对于舞台垂直水平居中； 17.将图层 1 重新命名为“背景” ，在“背景”图层上新建一个图层，命名为“排小图” 然后将“排小图”元件拖放到编辑区中，相对于中心点对齐； 18.在“背景”图层上新建一个图层并命名为“空元件” ，然后将空元件拖放到编辑区中，相 对于中心点对齐； 19.在“空元件”图层的上方新建一个图层，命名为“遮罩” ，然后在本图层绘制没有边框线， 填充颜色任意的圆； 20.选中编辑区中绘制的圆，在信息面板中设置圆的大小为 360*360； 21.在对齐面板中将原和编辑区的中心点对齐； 22.右击“遮罩”图层，在弹出的快捷菜单中选择“遮罩层” ； 23.单击“排小图”图层中的对象，在“属性”面板中将它的实例名称命名为 paixiaotu; 24.单击“空元件”图层中的对象，在“属性”面板中将它的实例名称命名为 kong。 五、制作动画 1.单击“场景 1”按钮返回到场景中，打开“图库”面板，将拼接图拖放到舞台上，单击任 意变形工具，按住 shift 键的同时拖动控制点相对于中心点成比例缩放元件实例； 2.单击舞台中的实例，在“属性”面板中将实例重新命名为 pinjietu； 3.打开库面板，右击 tu0，在弹出的快捷菜单中选择“链接” ； 4.在弹出的“链接属性”对话框中，选中第 1 个和第 3 个复选框，单击确定按钮； 5.将其余 7 个元件的链接属性用同样的方法进行修改； 6.将图层 1 重新命名为“拼接图” ，在“拼接图”图层上新建一个图层，命名为 as，在 as 图 层上单击第一帧，打开动作面板，在其中输入控制命令； tuTotal = 8; for (var i = 0; i<tuTotal; i++) { var t = pinjietu.paixiaotu["xiaotu"+i]; t.tu = "tu"+i; t.onPress = function() { removeMovieClip(current); current = pinjietu.kong.attachMovie(this.tu, this.tu, i); pausegallery = false; }; t.onRollOver = function() { pausepinjietu = true; }; t.onRollOut = function() { pausepinjietu = false; }; } current =pinjietu.kong.attachMovie("tu0", "tu0", 1000); this.onEnterFrame = function() { if (!pausepinjietu) { for (var j = 0; j<tuTotal; j++) { pinjietu.paixiaotu["xiaotu"+j]._rotation -= 1 } pinjietu.paixiaotu._rotation += 1 } }; 7.按 Ctrl+Enter 测试动画。 8.保存动画。
如何制作图象的平面旋转
1.打开Flash；
2.按Ctrl+M,设定动画的大小为80pxX80px，背景白色；
3.这个例子我们使用flash自带的符号库。选择主菜单libraries下的Graphies项，会看见一个library窗，选择第一个Asterisk扇页状图象，用鼠标拖住图象拉到场景上；景上；
4.在时间轴的第10影格处按F6插入一关键帧；
5.点击图片，选择工具条上的旋转工具，(或则用鼠标右键点击图片，在跳出的菜单里选择rotate)，会看见图片周围出现8个小圆圈；
6.用鼠标拖住一个小圆圈，进行旋转180度；
7.注意对齐第1和第10影格图象的中心点，方法是将方格尺寸设为10(Ctrl+M)，再用洋葱皮按钮(参考前面的教程)；
8.双击第1影格的兰色圆点
9.选择Tweening选项.在下拉选择框中选择Motion(自动建立过程动画)，按确定按钮；
10.这时可以看见时间轴的第1影格到第10影格间产生一条红色箭头线；
11. 作品完成。按Ctrl+Enter观看效果。
|
