Dreamweaver | Flash | Photoshop | Fireworks | Asp | Asp.net | Css/HTML | 矢量教程 | Access | Sql Server

你的位置:首页>>Flash教程>>Flash创意特效:飞越星空

Flash创意特效:飞越星空

发表时间:2006-12-21 上午 09:39:58浏览次数:

【实例说明】

无数流星滑过夜空,彩色的星云又凭添几分神秘。本例模仿“窗口”中飞越星空的视觉效果。可作为动画中的夜空背景。最终效果如图1-152所示。

图1-152 最终效果图

【设计要点】

帧动画;位图的导入。

【步骤】

(1) 启动Flash MX 2004,选择菜单栏中的“修改”|“文档”命令,打开“文档属性”对话框,设置“帧频”为12,单击“背景颜色”框,在弹出的颜色样本中单击黑色样本。如图1-153所示。

(2) 选择“插入”|“新建元件”命令,打开“创建新元件”对话框。在该对话框中输入元件名称bg0,并选中“图形”单选按钮,单击“确定”按钮。单击工具箱中的“线条工具”按钮 ,在舞台上画一个三角形。从舞台右侧的混色器中心的填充类型下拉列表框选择“线性”选项,单击渐变定义栏左下端的第1个指针,然后在展开的“混色器”面板中渐变栏下面的颜色空间中单击白色,右下端第2个指针设为黑色。单击工具箱中的“填充色”按钮 ,再单击舞台上的三角形,将三角形填充为设定的黑白渐变色。单击工具箱中的“选择工具”按钮 ,再单击三角形的3边,按Delete键将边框删除。如图1-154所示。

图1-153 舞台设置

图1-154 图形元件“流”

(3) 选择“插入”|“新建元件”命令,打开“创建新元件”对话框,在该对话框中输入元件名称bg1,并选择行为为“影片剪辑”,单击“确定”按钮。将元件bg0从库中拖动到舞台中央。单击工具箱中的“选择工具”按钮 ,再单击舞台上的bg0,在“属性”面板中,选择“颜色”下拉列表框中的Alpha选项,并设置其值为50%。再从下拉列表框中选择“亮度”选项,将亮度值改为-100%。结果如图1-155所示。

(4) 右击“图层1”的第9帧,在弹出的快捷菜单中选择“插入关键帧”命令,将三角形拖动到舞台右侧,并适当放大,Alpha值不变,亮度改为0,如图1-156所示。单击第1帧至第9帧之间的任意一帧,然后从“属性”面板的帧设置的“补间”下拉列表框选择“动作”选项。

图1-155 第1帧的图形位置

图1-156 第2个关键帧的图形位置

(5) 重复上述步骤,再创建两个新的影片剪辑元件,名称分别为bg2和bg3。在bg2的第14帧插入关键帧并创建补间动画,在bg3的第19帧插入关键帧并创建补间动画,其余效果与bg1设置相同,最后的库面板如图1-157所示。

图1-157 创建3个影片剪辑元件

(6) 选择“文件”|“导入”|“导入到舞台”命令,导入一幅太空图像,选择“窗口”|“库”命令,这时可以看到该位图出现在“库”面板的列表中。在“库”面板中选择该位图,从“库”面板右上角的选项菜单中选择“属性”命令。在“位图属性”对话框中,选中“允许平滑”复选框,使用消除锯齿功能平滑位图的边缘。选择“压缩”下拉列表框的“照片(JPEG)”选项,单击“确定”按钮。在舞台中选中导入的位图,并在弹出的快捷菜单中选择“转换为元件”命令,在“创建新元件”对话框中将其命名为Universe1,类型为图形元件,最后单击“确定”按钮。

(7) 删除舞台上的实例Universe1,并单击 按钮,返回“场景1”。双击“图层1”的名称,将其命名为“背景”,将图形元件Universe1从库中拖动到舞台中央,如图1-158所示。

图1-158 舞台背景

(8) 单击“时间轴”面板下方的“插入图层”按钮 ,在“背景”层上新增两个图层,分别命名为“星际”和“控制”。单击“星际”层的第1帧,将影片剪辑bg1、bg2和bg3从库中拖动到舞台中央,如图1-159所示排列。右击图层“星际”的第5帧,在弹出的快捷菜单中选择“插入帧”命令。

(9) 在图层“控制”的第2帧上插入关键帧,并按F9键打开“动作”面板。输入如图1-160所示的动作脚本。

图1-159 排列位置

图1-160 第2帧的动作脚本

(10) 在图层“控制”的第3帧上插入关键帧,并按F9键打开“动作-帧”面板。选择“全局函数”|“时间轴控制”|gotoAndPlay,在括号内填入数字“2”。如图1-161所示。

(11) 在图层“控制”的第4帧上插入关键帧,并按F9键打开“动作”面板,输入如图1-162所示的动作脚本。

图1-161 第3帧的动作指令

图1-162 第4帧的动作指令

(12) 在图层“控制”的第5帧上插入关键帧,按F9键打开“动作”面板。选择“全局函数”|“时间轴控制”|gotoAndPlay,括号内填入数字“4”。此时时间轴如图1-163所示。

图1-163 时间轴显示

(13) 按Ctrl+Enter键显示效果,按Ctrl+W键恢复编辑状态。

【注意事项】

3个影片剪辑片断最后一个关键帧的帧数不同,才能形成流星运动速度不同的效果。

·Dreamweaver 8.0学习教程
·Dreamweaver 8.0学习教程
·婚纱照片的处理及美化
·Dreamweaver 8.0之设置段
·Flash创意特效:清风不识字
·Dreamweaver 8.0学习教程
·Flash创意特效:飞越星空
·Photoshop特效-火焰制作
·入门:Dreamweaver轻松制作网
·硕思闪客精灵MX 2005三斧“肢解”
·Dreamweaver 8.0学习教程
·网页制作:CSS的常用技巧放送
·妙手天成:Photoshop绘制水珠特
·PS快速为美女照片换头发颜色
·Dreamweaver 8.0学习教程
·相册自己做!五步打制精美Flash相册
·PS模拟玻璃相框上的水滴字
·Photoshop制作糖果质感的特效字
·Dreamweaver 8.0学习教程
·PS快速打造一种实用的艺术效果
·Dreamweaver基础教程:层及其
·Flash制作碧海蓝天海鸥飞片头动画
·使用图片和CSS结合制作动画按钮
·Dreamweaver CS3 Bet
·FLASH 8实例教程:瀑布动画制作方
·PS处理美女肖像照片为琼瑶小说封面
·Dreamweaver 8.0:属性检
·PS绘精美圣诞节彩色铃铛球
·Photoshop打造既简单又漂亮的字
·PS抠图利器Mask Pro 3.0滤
网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com Inc. All Rights Reserved
Emai:skyzznj@126.com