[网页高手]
Homepage
[网络编程]
Programe
[图形图像]
Picture
[冲浪宝典]
Insernet
[操作系统]
System
[软件教学]
Software
[数码时代]
Didgtale
[安全防御]
Didgtale
[IT学院]
Education
    
 
Google Web tongyi.net
 
    你的位置:首页 > 图形图象 > FLASH > 用Flash制作图片切换特效
图形图象
  Photoshop

Fireworks

CORELDRAW

FLASH

3DMAX

AutoCAD

ULEAD

相关软件

 
用Flash制作图片切换特效

图片切换是网页中最为常见的效果,一般的广告牌都是通过图片切换制作的。在这里我向大家介绍常见的图片切换方式:百叶窗的图片切换效果。在本文中主要学习到的内容有:两层上不同图片的导入和精细的控制;遮罩和形状变化组合的应用。

操作步骤:

1、按Ctrl+N新建一个flash文件,执行“File/Import ”命令(快捷键为:Ctrl+R),然后从弹出的对话框中选择你要引用的图片文件,单击OK按钮确认,按Ctrl+Alt+I键调出Info面板,将宽(W)设为:285,高(H)设为:220。

2、按Ctrl+B将导入的图片打碎,选择工具栏中的椭圆形工具,设置好Stroke面板的参数后,按住Shift键,在工作区中拖动鼠标,画一个图形,选中该图形,按Ctrl+Alt+I键在Info面板中将宽(W)设为:240,高(H)设为:216,将圆形移动图片中央,选中图形及图形外边的图片,按delete键,将其删除,最后得到的如图1的图片。


图1

3、单击时间线窗口左下解的“+”按钮,新建一个层:Layer2,用一面的方法制作另一个图形,使得Layer2上的图片刚好遮掩在Layer1上。

4、再新建一个层Layer3,选择工具栏中的矩形工具,将其属性区中的线框设置成“无线框”,填充颜色设置为“黑色”,在工作区中拖动鼠标画一个长方形,如图2所示。


图2

5、用箭头工具选中该长方形,然后然后执行“Insert/convert to symbol”命令(快捷键为F8键)把它转换为:Graphics符号,命名为:百叶;按Ctrl+F8键再新建一个符号,符号类型为:Graphics,命名为:百叶2,进入其编辑环境,按Ctrl+L键打开符号库,将符号百叶拖入工作区,并适当调整其位置,分别在第15、25、40帧处按F6插入一关键帧,分别选择第15帧和第25帧,在Info面板中将高度设置为1,按照图3建立路径。


图3

6、单击时间轴上窗口左上角上的Scene1回到主场景,并删除长方形图片,按Ctrl+L打开符号库,将符号百叶1拖入场景中,将其移动到图片最下方,调整其位置,用鼠标右键单击Layer3层的名称,从弹出的菜单中选择Mask项,这时Layer3层变成了遮罩层,遮罩区域之外的Layer2层中的图片将显示不出来。效果如图4所示:


图4

7、新增8个层,按住Shift键,选中Layer2和Layer3,用鼠标右键单击被选中的任意一帧,从弹菜单中选择Copy Frames,用鼠标右键单击Layer4层的第1帧,从弹出的菜单中选择Paste Frames,这时Layer4将变成了复制后的Layer2和Layer3遮罩层,如图5所示:


图5

8、单击复制后的遮罩层,按键盘上的向上箭头键,移动选区,移动后的位置如图6所示:


图6

9、用同样的方法,依次在Layer5至Layer11中分别复制Layer2和Layer3图层,将各个遮罩层中的百叶1向上移动,并顺次向上连接,按住Shift键,选中所的层中的第42帧,并用鼠标右键单击它在弹出的菜单中选择Insert Frame项(快捷键为:F5),使所有层的帧都增加42帧,然后单击时间轴窗口层名称上方的按钮,锁住所有的层,这时所有的操作都完成了,你可以按Ctrl+Enter键测试一下成果,对了,不要忘了保存。

(图片切换特效实例)

小结:图片的切换方式很多,这里我介绍的是很常见的一种效果,不过,这个图子的巧妙之处在于并没有分割图形,通过Mask和shape变化就达到了所需的效果。

     打印本文 | 推荐朋友 | 收藏文章 | 关闭窗口
 
 

    相关文章
 Flash制作文字“幻影”    (2001年11月8日)

 Flash动画特效制作两例     (2001年11月8日)

 在Authorware中使用漂亮的Flash按钮    (2001年11月6日)

 用Flash制作变形彩色文字    (2001年11月3日)

 Flash Loading制作全接触    (2001年10月27日)

 一个很cool的FLASH水波制作    (2001年10月23日)

 用Flash5制作爱情贺卡    (2001年10月20日)

 让可爱的WOOF帮你搜寻FLASH动画    (2001年10月18日)

 
 

 

关于统一 | 联系合作 | 统一作品 | 版权申明 | 建站服务 | 更多说明
Copyright 2000-2003 Tongyi All rights reserved. 京ICP备05005608号