Flash形状补间打造霓虹灯效果(原创)【已收录教程库】
作者：txwh2006 红岩梦幻数码 英子 编辑：英子本例主要学习：形状补间与动画补间的运用、图片轮转。
演示:
[swf]http://bbs.jcwcn.com/attachment.php?aid=439904[/swf]
Flash形状补间打造霓虹灯效果制作方法:
一、启动Flash8，建新文档，背景为黑，其它默认。
[attach]439916[/attach]
二、制作星星边框:
1、插入--新建元件，类型：影片剪辑，名：星。在星元件的编辑器里，使用多边形工具绘制一个五角星，颜色随意。在属性面版里把宽高比设为20：20像素,打开对齐面片居中对齐。
[attach]439917[/attach]
2、设置标尺线：右键点舞台--标尺，设好后锁定标尺线。设置网格。相关主题如下：
[attach]439918[/attach]
3、点场景1，插入--新建元件，类型：影片剪辑，名：星横。从库里拖出8个星，横排，全选，居中对齐。
[attach]439919[/attach]
4、点场景1，插入--新建元件，类型：影片剪辑，名：星竖。从库里拖出8个星，竖排，全选，居中对齐（打开对齐面版，相对于舞台--水平中齐--垂直中齐）。
[attach]439920[/attach]
5、点场景1，点舞台，设置格线。插入--新建元件，类型：图型，名：星场。使用矩形工具（笔融任意，填充：无）拖出一个与舞台同大小的矩形。把8个横排星和8个竖排星拖入矩形内组成一个星星矩形.
[attach]439921[/attach]
6、将“星场”内的与舞台同大小的矩形删除。相关主题如下：
[attach]439922[/attach]
[attach]439923[/attach]
7、回到场景1，把图层1改名为星框。
①点第1帧，全选（用箭头工具把整个星框括一下），修改--分离。在第85帧点右键，插入关键帧，1~85帧内每7帧插入1个关键帧（即7帧变换一个颜色)。请注意：这样操作后，13个星框是分离状态下的。
②第一个星框就用原色：红色。点第二个关键帧，用箭头工具点星框任意一星，把属性面版里的填充色改颜色，星框被填充为黄色(填充为什么颜色，自定)。相关主题如下：
[attach]439924[/attach]
③将13个星框用以上方法分别填充为不同的颜色。
④设置形状补间：
把鼠标分别放在第1、3、5、7、9、11上，分别打开属性面版，补间选为：形状。
[attach]439925[/attach]
说明：时间轴上的补间是粉绿色背景, 补间箭头为实线，证明形状补间成功。把星框层锁上。
[attach]439926[/attach]
三、制作黑边框，衬托星星的炫丽。
新建图层名黑框，点黑框层第1帧，选用矩形工具，笔融无，填充#000000色，在星框的上、下、左、右各拖出一个矩形，内边盖住星框的边，外边任意。把黑框移到星框下面。 图层锁上。
[attach]439927[/attach]
四、制作五彩动画背景。(图片轮转)
1、制作背景元件。
①插入--新建元件，类型：影片剪辑，名：元件1。使用直线工具：笔融红，填充无，拖出一条红色5x380像素的竖式虚线。
②用箭头工具点虚线，Ctrl+D复制12条线，行矩2~3像素。一个红色的线条矩形形成了(不要转为元件)。
[attach]439928[/attach]
③右键点库里的元件1，复制. 相关主题如下:
[attach]439929[/attach]
④点场景1，插入--新建元件，类型：影片剪辑，名：元件2。在元件2的编辑器里右键点舞台，粘贴。全选，修改--分离，点一下线条矩形，在属性面版里把笔融改为黄色。
[attach]439930[/attach]
⑤元件3、元件4，元件5如法泡制。色彩各异。
⑥回到场景1，插入--新建元件，类型：影片剪辑，名：背景。把元件1、2、3、4、5拖进背景元件编辑器里摆放好。相关主题如下：
[attach]439931[/attach]
2、制作动画背景：（图片不间断滚动）
①在主场景新建图层名：背景1。
②在背景1层的第1帧，将背景元件拖进舞台，居中。相关主题如下：
[attach]439932[/attach]
③85帧插入关键帧，创建动画补间。点85帧，用小键盘的方向键把背景拖到舞台左边。锁上。
[attach]439933[/attach]
④在背景1上一层新建图层：背景2。复制背景1的第1帧，粘贴在背景2的第1帧. 相关主题如下:
[attach]439934[/attach][attach]439935[/attach]
⑤点背景2层的第1帧，用小键盘的方向键把背景元件拖到舞台右边。（注意缄接点，背景元件的左边线与上一个帧的背景元件边线一定要接上、对齐，超过了不好看，不到位就好象火车脱卡）。
[attach]439936[/attach]
⑥在背景2的第85帧插入关键帧，创建动画补间。把背景元件放进舞台居中。
[attach]439937[/attach]
测试，看看背景动画轮转得是否正确、美观。
五、文字制作：
1、新建图层名：文字1。选取文字工具，设置字体、大小，颜色，点第1帧在星框内输入文字主题--中国教程网。
2、再新建图层名：文字2。选取文字工具，设置字体、大小，颜色，点第1帧在星框内输入文字副题--[url=http://www.jcwcn.com]http://www.jcwcn.com[/url]
[attach]439938[/attach]
3、锁上文字2。点文字1的第1帧，修改--分离2次,将文字打散，85帧插入关键帧。每14帧插入一个关键帧，与星框的关键帧相对应，共7个关键帧（以下以1、2、3、4、5、6、7表示）。
4、点第1个关键帧，笔融：实线2 ，颜色黄。使用墨水瓶工具点文字的边，给文字填充边线。
[attach]439939[/attach]
5、点第2个关键帧，把填充色改为红色(字体改为红色)。笔融：实线2 ，颜色绿。使用墨水瓶工具给文字填充上绿色的边。
[attach]439940[/attach]
6、回到第1个关键帧，在属性面版上把补间设为：形状。时间轴上对应的帧的背景色为粉绿，实线。证明形状补间设置成功。
7、第3、4、5、6、7个关键帧按本节第5第6步如法泡制。相关主题如下：
[attach]439941[/attach]
8、主题文字制作成功，锁上图层，打开文字2。利用形状变形与组合功能制作与主题文字相同的副题文字颜色。
①点第1个关键帧，修改--分离（2次），点工具栏上的填充色，把文字颜色改与主题文字颜色相同。85帧插入关键帧，对应文字1分别插入1、2、3、4、5、6、7个关键帧（共7个关键帧已在分离状态）。
②全选，（用箭头工具把副题文字括一下），修改--组合，把文字重新组合，否则，打散的文字会在背景运动时受影响而破散变形。
③点第2个关键帧，点工具栏上的填充色，把文字颜色改与主题文字颜色相同。全选，（用箭头工具把副题文字括一下），修改--组合，把文字重新组合，否则，打散的文字会在背景运动时受影响而破散变形。第3、4、5、6、7关键帧同样操作。
④所有图层上锁。最后，时间轴与舞台显示如下：
[attach]439942[/attach]
⑤测试。另存为*.fla 导出影片*.swf ==全文结束==
[[i] 本帖最后由 祁连山 于 2007-7-16 13:27 编辑 [/i]] 英子辛苦了 没事,辛苦是应该的. 麻烦红岩帮检查一下吧,看看有没有错的地方.#kt..jcwcn.com@
回复 #3 英子 的帖子
英子别笑我了，我这点水平你还不知道。#bbs.jcwcn.com@ 还难学哦，我看晕了啊 txwh2006 红岩梦幻数码 英子 辛苦了!谢谢! 英子的教程绝对一流！通俗易懂。红岩的也是，得向你们好好学习。不过请英子把我的名字删去了，无功不受禄。我惭愧得很，无能力写教程。
[[i] 本帖最后由 txwh2006 于 2007-7-13 08:25 编辑 [/i]] 好漂亮啊，学习。 复7楼,txwh2006 ,是您"执迷不悟"掀起这个形状补间这个"大浪"的,还给我们说了您的霓虹灯效果的创作思路,使我受到很大的启发.这教程的作者非您莫属,不能删掉.红岩现在也沉迷在形状补间带来的乐趣中,他的教程"无AS图片轮转"是制作霓虹灯效果的主要内容之一.所以,你们俩的名字出现在教程,是当之无愧的.谢谢.
谢谢五色雅居,忧伤等朋友的鼓励. 斑竹，你这个我还不太敢动手做，看了一下，能不能麻烦您去看看我的那个“连续滚动”作品，那里边跳动不连续是什么缘故？
哈哈，不好意思#kt..jcwcn.com@ 我那个连续滚动就是照你这里面的后几步做的，不知道问题在哪里。 [swf]http://bbs.jcwcn.com/attachment.php?aid=440356[/swf]我也来做一个.
[[i] 本帖最后由 毒虫无痕 于 2007-7-13 09:35 编辑 [/i]] 精华 英子，你这样说，我真的不好意思。谢谢。 #@#$*$ 漂亮~支持~回头也做一个~
怎么看不到啊
#@#$#%$ #@#$#%$ #@#$#%$ 看不到 复16楼,您没安装flas播放器吧?看看本版置顶贴,有flash播放器下载地址. 创意很好，思路很好，操作简单，效果直观。就是画面有一点太满了，对主题有点掩盖。
回复 #18 zhcyzcy 的帖子
看来楼主对FLASH也非常喜欢，希望看到您的作品漂亮
放在现实中就酷了 老师辛苦了！不过有好多地方没看懂：一，那个星横和星竖的，直接在场景里做起什么作用？直接在场景里做成个元件再压缩大小不成吗？
二，那个背景一和背景二没明白，我做出元件没有那个大呀
三，那个黑框是遮片？
我交作业
[swf]http://bbs.jcwcn.com/attachment.php?aid=486119[/swf][[i] 本帖最后由 红岩梦幻数码 于 2007-8-10 21:55 编辑 [/i]] 谢谢提供 下来看看,呵呵,谢谢了 楼主好棒哟！ 楼主真是太厉害了！ 为什么我看不到SWF文件呢？
我可是安装了flash player 9的啊！#kt..jcwcn.com@ 感觉这个版的版主都好负责人，真让人敬仰！(^#@^ (^#@^ 好漂亮啊，学习。 很漂亮啊哈哈支持#kt..jcwcn.com@
