flash百叶窗制作

flash百叶窗制作

2009-01-12 11:33:15|  分类： 电脑知识 |  标签：无 |字号大中小 订阅

导入图片并制作元件

（1）新建一个Flash8影片文档。保持文档属性的默认设置。

（2）执行“文件”|“导入”|“导入到库”命令，将外部的图像文件（任选自己电脑上的图片）导入到“库”面板中。如图7-81所示。

图7-81 “库”面板

（3）新建一个名称为“图片”的影片剪辑元件。在这个元件的编辑场景中，将刚刚导入的图片拖放到舞台上。使用【任意变形工具】将它缩小压扁成接近正方形，如图7-82所示。

图7-82 变形图片

这里为什么不直接使用较小的图片呢？因为下面作背景的图片需要大一点的，如果将小图片放大就会出现马塞克现象。

（4）新建一个名称为“边框”的影片剪辑元件。在这个元件的编辑场景中，使用【矩形工具】画一个任意填充色的无边框矩形，这个矩形的大小和“图片”元件相同。如图7-83所示。

图7-83 “边框”元件

17.2 用“复制到网格”时间轴特效制作百页窗元件

（1）新建一个名称为“百叶窗”的影片剪辑元件。在这个元件的编辑场景中，使用【矩形工具】画一个任意填充色的无边框矩形。在“属性”面板中设置其宽为560像素，宽为3像素，如图7-84所示。

图7-84 绘制560×3像素的矩形

（2）执行【插入】|【时间轴特效】|【帮助】|【复制到网格】命令，弹出“复制到网格”对话框，设置网格尺寸“行数”为50，“列数”为1，网格间距“行数”为3像素，“列数”任意，因为我们只有1列。如图7-85所示。

图7-85 “复制到网格”对话框，

（3）单击“确定”按钮，矩形会立刻以间距为3象数的距离整整齐齐的复制出50个。如果觉得复制的数目和间距需要修改，可以单击“属性”面板中的“编辑”按钮，重新弹出“复制到网格”对话框，调整数字后单击对话框右上角的更新预览，直到满意为止。

17.3 用混合模式制作图片颜色变化效果

（1）回到“场景1”中。将“图层1”改名为“长图片”，将“图片”元件拖放到舞台上。使用“任意变形工具”将其放大到基本与原图相同。打开“属性”面板，在“颜色”下拉列表中选择“Alpha”，修改其值为75%。

（2）锁定该“长图片”图层。插入一个新图层，改名为“百页窗”。将“百页窗”元件拖放到舞台上，使用【任意变形工具】调整大小，使其覆盖住整个舞台。如果这时将“长图片”图层隐藏了，可以更方便观察。

（3）打开“属性”面板，在“混合”下拉列表中选择“叠加”。在“颜色”下拉列表中选择“色调”，选择浅蓝色，“色彩数量”设为90%，如图7-86所示。

图7-86 设置混合模式和色调

（4）新建一个图层，改名为“底图”。将“图片”元件放到舞台中间，不作任何设置。

（5）新建一个图层，改名为“方图片”。将“图片”元件放到舞台中间，与“底图”层中“图片”元件位置相同。打开“属性”面板，在“混合”下拉列表中选择“色彩增殖”。在“颜色”下拉列表中选择“色调”，“色彩数量”设为52%。单击“色调”旁边的“填充色”按钮，打开调色板，同时光标变成吸管状。在调色板上移动鼠标，会发现鼠标移动到不同颜色图片也会随之而变化。如图7-87所示。

图7-87 调色板

在第2帧到第10帧每一帧都插入一个关键帧，为每一帧选择不同的颜色。同时在其它各层的第10帧处都插入帧。

17.4 用滤镜制作边框

（1）新建一个图层，改名为“边框”。将“边框”元件拖放到舞台上，位置与下层图片相同。添加“斜角”滤镜，其设置如图7-88所示。

图7-88 “斜角”滤镜设置

（2）再添加“发光”滤镜，其设置如图7-89所示。

图7-89 “发光”滤镜设置

这样，湖蓝色水晶画框就做好了。

12、制作方法：

制作步骤：

一、新建文档 

在属性面板中设置大小为：300*200（可根据需要设定）  其余为默认 

此主题相关图片如下：

二、在主场景新建二个图层：（图层一、图层二为图片层；图层三为遮罩层）

1、  打开文件菜单——导入/导入到舞台 

2、  在图层一、图层二各导入一张图片，调出对齐面板，相对于舞台——使其垂直、水平居中分布。

此主题相关图片如下：

3、  插入/新建元件  在弹出的创建新元件浮动面板上 名称写入：遮片；行为为：影片剪辑 

此主题相关图片如下：

4、  在工具箱中选矩形工具：画一笔触颜色：无；填充色为：任意色的矩形

此主题相关图片如下：

在场景中画一宽为300，高为20的矩形。

5、  调出对齐面板，相对于舞台——选底对、垂直居中分布。

此主题相关图片如下：

6、  用鼠标右键单击场景中的遮片，在弹出的下拉菜单中选择：转换为元件——名称为默认，形为为影片剪辑。

7、  双击遮片，进入元件一的编辑区，在图层一的20帧、40帧、60帧按F6，插入关键帧，将20、40帧处的遮片，设为：宽300，高1，并在21帧处按F7，插入一空白关键帧，80帧处按F5，插入一普通帧。回第1帧、40帧建立形状动画。

此主题相关图片如下：

8、  回遮片编辑区，打开库面板，将“元件1”，再拖九个出来，将齐用方向键将其排列整齐。

三、回主场景

1、  打开库面板，在图层三将遮片拖入，用对齐面板，将其垂直水平居中。

2、  在图层三点鼠标右键，在弹出的下拉菜弹中选遮罩层。

源文件：

3、  OK，Ctrl+回车测试保存。

制作步骤

　　1、运行FLASH MX 2004，新建一FLASH文档，设置文档属性：大小为400×300像素；其它属性默认。

　　2、Ctrl+F8新建一影片剪辑，重命名为“叶片”，如图1所示。点击“确定”后进入“叶片”影片剪辑中编辑。

　　3、在工具箱中选择矩形工具，在“叶片”影片剪辑中画一无线框的长条矩形（颜色随意），长400（同主场景的宽）高30（主场景的1/10大小），并让其中心对齐。如图

　　　　

　　4、在第30帧处按F6键插入关键帧，将30帧处的矩形尺寸改为400×1像素，如图

　　　　

　　5、点击第1帧，然后打开属性面板，在属性面板中设置1~30帧补间为“形状”，其它属性为默认，如图

　　　 　

6、在第31帧处按F7键插入空白关键帧，然后再第50帧也按F7插入空白关键帧，如图

　　　　

7、在第50帧处加入AS语句_root.play();如图

　　　

8、返回主场景中，将“图层 1”重命名为“Mask”。Ctrl+L打开库面板，将“叶片”影片剪辑拖至主场景中，然后再将“叶片”影片剪辑复制出9份（和最开始拖拽出的“叶片”一共10份）。（提示：可以按住键盘上的Ctrl键后拖拽“叶片”影片剪辑快速复制，如图

　　　

9、Ctrl+A将十份“叶片”全选，Ctrl+K打开对齐面板，确保已经启用“应用于舞台”，先后点击“垂直居中分布”与“水平居中分布”，如图

　　　　

10、确保10份“叶片”都已被选中，按F8将其转换为影片剪辑，重命名为“百叶窗，如图

　　　　

11、执行【文件】菜单→【导入】→【导入到库】命令，导入5幅图片，在库中将那五幅图片重命名为“A”、“B”、“C”、“D”和“E”如图

　　　

12、新建两图层，分别为“ABCDE”与“BCDEA”，然后调整一下图层的位置，图层的顺序，如图

　　

13、点选图层“ABCDE”中的第1帧，将库中的位图“A”拖拽至“ABCDE”层的第1帧中，并适当调整“A”图片的位置与大小，使其与舞台同宽同高，并与舞台对齐，在“ABCDE”的第2帧处按F7，插入一空白关键帧，将“B”位图从库中拖拽至“ABCDE”层的第2帧，并适当调整图片大小与位置；在第3帧处按F7，插入空白关键帧，将“C”位图从库中拖至“ABCDE”层的第3帧中，并适当调整其大小与位置……同样方法，第4帧中放入“D”图，第5帧中放“E”图。如图

　　　　

14、在图层“BCDEA”中，用同样方法放入图片，“BCDEA”层中的第1帧中放“B”图，第2帧中放“C”图，第3帧中放“D”图（如图层的名称一样，1至5帧的图片分别是B、C、D、E、A）。

　　完成后，将“Mask”层延长到第5帧（在“Mask”层的第5帧位置处按F5键插入帧

15、在“Mask”层上右击，在弹出的右键菜单中选择“遮罩层”

16、新建图层，重命名为“AS”，在“AS”层的第1帧中加入语句：stop()

　然后复制“AS”层的第1帧（在“AS”层第1帧上右击→复制帧），粘贴在“AS”层的第2至5帧上。（也主是说，“AS”层的第1至5帧，第帧里都有一条语句“stop()”）

17、完成制作，Ctrl+回车测试。