Flash形状补间打造霓虹灯效果教程.docx

Flash形状补间打造霓虹灯效果教程.docx

《Flash形状补间打造霓虹灯效果教程.docx》由会员分享，可在线阅读，更多相关《Flash形状补间打造霓虹灯效果教程.docx（19页珍藏版）》请在冰点文库上搜索。

Flash形状补间打造霓虹灯效果教程

Flash形状补间打造霓虹灯效果

◆网页平面多媒体培训、认证考试免费咨询热线:

400-700-5807  进入网络咨询平台◆

   一、启动Flash8，建新文档，背景为黑，其它默认。

图1

   二、制作星星边框:

   1、插入--新建元件，类型：

影片剪辑，名：

星。

在星元件的编辑器里，使用多边形工具绘制一个五角星，颜色随意。

在属性面版里把宽高比设为20：

20像素,打开对齐面片居中对齐。

图2

   2、设置标尺线：

右键点舞台--标尺，设好后锁定标尺线。

设置网格。

相关主题如下：

图3

   3、点场景1，插入--新建元件，类型：

影片剪辑，名：

星横。

从库里拖出8个星，横排，全选，居中对齐。

图4

   4、点场景1，插入--新建元件，类型：

影片剪辑，名：

星竖。

从库里拖出8个星，竖排，全选，居中对齐（打开对齐面版，相对于舞台--水平中齐--垂直中齐）。

图5

5、点场景1，点舞台，设置格线。

插入--新建元件，类型：

图型，名：

星场。

使用矩形工具（笔融任意，填充：

无）拖出一个与舞台同大小的矩形。

把8个横排星和8个竖排星拖入矩形内组成一个星星矩形.

图6

   6、将“星场”内的与舞台同大小的矩形删除。

相关主题如下：

图7

图8

   7、回到场景1，把图层1改名为星框。

   ①点第1帧，全选（用箭头工具把整个星框括一下），修改--分离。

在第85帧点右键，插入关键帧，1~85帧内每7帧插入1个关键帧（即7帧变换一个颜色）。

请注意：

这样操作后，13个星框是分离状态下的。

   ②第一个星框就用原色：

红色。

点第二个关键帧，用箭头工具点星框任意一星，把属性面版里的填充色改颜色，星框被填充为黄色（填充为什么颜色，自定）。

相关主题如下：

图9

   ③将13个星框用以上方法分别填充为不同的颜色。

   ④设置形状补间：

   把鼠标分别放在第1、3、5、7、9、11上，分别打开属性面版，补间选为：

形状。

图10

   说明：

时间轴上的补间是粉绿色背景,补间箭头为实线，证明形状补间成功。

把星框层锁上。

图11

三、制作黑边框，衬托星星的炫丽。

   新建图层名黑框，点黑框层第1帧，选用矩形工具，笔融无，填充#000000色，在星框的上、下、左、右各拖出一个矩形，内边盖住星框的边，外边任意。

把黑框移到星框下面。

图层锁上。

图12

   四、制作五彩动画背景。

（图片轮转）

   1、制作背景元件。

   ①插入--新建元件，类型：

影片剪辑，名：

元件1。

使用直线工具：

笔融红，填充无，拖出一条红色5x380像素的竖式虚线。

   ②用箭头工具点虚线，Ctrl+D复制12条线，行矩2~3像素。

一个红色的线条矩形形成了（不要转为元件）。

图13

   ③右键点库里的元件1，复制.相关主题如下:

图14

   ④点场景1，插入--新建元件，类型：

影片剪辑，名：

元件2。

在元件2的编辑器里右键点舞台，粘贴。

全选，修改--分离，点一下线条矩形，在属性面版里把笔融改为黄色。

图15

   ⑤元件3、元件4，元件5如法泡制。

色彩各异。

   ⑥回到场景1，插入--新建元件，类型：

影片剪辑，名：

背景。

把元件1、2、3、4、5拖进背景元件编辑器里摆放好。

相关主题如下：

图16

2、制作动画背景：

（图片不间断滚动）

   ①在主场景新建图层名：

背景1。

   ②在背景1层的第1帧，将背景元件拖进舞台，居中。

相关主题如下：

图17

   ③85帧插入关键帧，创建动画补间。

点85帧，用小键盘的方向键把背景拖到舞台左边。

锁上。

图18

   ④在背景1上一层新建图层：

背景2。

复制背景1的第1帧，粘贴在背景2的第1帧.相关主题如下:

图19

图20

   ⑤点背景2层的第1帧，用小键盘的方向键把背景元件拖到舞台右边。

（注意缄接点，背景元件的左边线与上一个帧的背景元件边线一定要接上、对齐，超过了不好看，不到位就好象火车脱卡）。

图21

   ⑥在背景2的第85帧插入关键帧，创建动画补间。

把背景元件放进舞台居中。

图22

   测试，看看背景动画轮转得是否正确、美观。

五、文字制作：

   1、新建图层名：

文字1。

选取文字工具，设置字体、大小，颜色，点第1帧在星框内输入文字主题--中国教程网。

   2、再新建图层名：

文字2。

选取文字工具，设置字体、大小，颜色，点第1帧在星框内输入文字副题--

图23

   3、锁上文字2。

点文字1的第1帧，修改--分离2次,将文字打散，85帧插入关键帧。

每14帧插入一个关键帧，与星框的关键帧相对应，共7个关键帧（以下以1、2、3、4、5、6、7表示）。

   4、点第1个关键帧，笔融：

实线2，颜色黄。

使用墨水瓶工具点文字的边，给文字填充边线。

图24

   5、点第2个关键帧，把填充色改为红色（字体改为红色）。

笔融：

实线2，颜色绿。

使用墨水瓶工具给文字填充上绿色的边。

图25

   6、回到第1个关键帧，在属性面版上把补间设为：

形状。

时间轴上对应的帧的背景色为粉绿，实线。

证明形状补间设置成功。

   7、第3、4、5、6、7个关键帧按本节第5第6步如法泡制。

相关主题如下：

图26

   8、主题文字制作成功，锁上图层，打开文字2。

利用形状变形与组合功能制作与主题文字相同的副题文字颜色。

   ①点第1个关键帧，修改--分离（2次），点工具栏上的填充色，把文字颜色改与主题文字颜色相同。

85帧插入关键帧，对应文字1分别插入1、2、3、4、5、6、7个关键帧（共7个关键帧已在分离状态）。

   ②全选，（用箭头工具把副题文字括一下），修改--组合，把文字重新组合，否则，打散的文字会在背景运动时受影响而破散变形。

   ③点第2个关键帧，点工具栏上的填充色，把文字颜色改与主题文字颜色相同。

全选，（用箭头工具把副题文字括一下），修改--组合，把文字重新组合，否则，打散的文字会在背景运动时受影响而破散变形。

第3、4、5、6、7关键帧同样操作。

   ④所有图层上锁。

最后，时间轴与舞台显示如下：

图27

   ⑤测试。

另存为*.fla 导出影片*.swf