| 网站首页 | 硬件维修 | 应用学院 | 网络组建 | 网站制作 | 菜鸟黑客 | 编程之道 | 数码大全 | 娱乐休闲 | 软件下载 | 在线视频 | 请您留言 | 技术论坛 | 
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • 透析Photoshop的极坐标滤镜

  • Photoshop 7.0 视频滤镜

  • Photoshop 7.0 锐化滤镜

  • Photoshop 7.0 渲染滤镜

  • Photoshop 7.0 杂色滤镜

  • Photoshop 7.0 数字水印滤镜

  • Photoshop 7.0 导航工具组--…

  • Photoshop 7.0 像素化滤镜

  • Fireworks MX 2004 使用与导…

  • Photoshop3D变换滤镜:3D商标…

  • Q
    您现在的位置: 我是IT人 >> 应用学院 >> 图形动画 >> Flash >> 教程正文
    放大镜           
    放大镜
    作者:网络 文章来源:转载 点击数: 更新时间:2005-8-17
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:

    实例说明
    如果你经常去一些著名的FLASH站点,总会看到让你吃惊的动画较果,其实只要用FLASH本身提供的普通功能,就可创意无限的动画效果,我们可用FLASH轻易地模仿各种自然现象,因而它也非常适合制作揭示自然规律的教学演示动画,下面就来做一个放大镜效果动画,它能反映某种物理现象。
    有关知识
    在多层之中运用关键桢动画并巧妙的使用遮罩是做出放大镜效果的关键,透明技术的运用也必不可少。
    操作步骤
    步骤1:点选菜单栏中插入>添加组件(Insert>New Symbol..),在出现的对话框中选图像(Graphic),命名为"放大镜",选椭圆工具(Oval[o]),再点工具栏中的填充颜色工具(Fill color)弹出调色板,选调色板正上方的小方形按钮,出现颜色(Color)调节器对话框,选渐层(Gradint),中心调成白色,将外层调成黑色,透明(Alpha)值调为20左右,如图5.3.1所示。

    5.3.1.gif (13043 bytes)
    图5.3.1 颜色调节器

    关闭对话框,将线段颜色(Line Color)选为空,这样我们就可以在工作区域画一个放大镜的镜片,然后将线段颜色改选为填充,线段粗细选为8.0,给镜片加个外框,如图5.3.2所示。

    5.3.2.gif (38138 bytes)
    图5.3.2 绘制放大镜

    当然,也可以用装了水的玻璃杯代替镜片,就看你的需要。但不管用那种都要有透明度,并且不能完全透明,这样才有真实感。

    步骤2:点选菜单栏中插入>添加组件(Insert>New Symbol..),在出现的对话框中选图像(Graphic),命名为"长方形",用矩形工具(Rectangle [R])画一填充了颜色的长方形,如图5.3.3所示。

    5.3.3.gif (6249 bytes)
    图5.3.3 绘制长方形

    步骤3:点选菜单栏中插入>添加组件(Insert>New Symbol..),在出现的对话框中选图像(Graphic),命名为"文字",选取文字工具(Text Tool[T]),在工作区域输入文字“实战Flash",将其选中,按Ctrl+B打散,再按Ctrl+G成组,如图5.3.4所示。

    5.3.4.gif (8082 bytes)
    图5.3.4 输入文字

    步骤4:点场景(Scene1)回到主画面,从菜单中选窗口>图标库(Window>Library),然后把图标库中的"文字"拖到工作区域(Work Area)中心位置,双击Layer1将其改名为"大字",然后在"大字"下新增一层,命名为“小字”,从图标库中把“文字”拖到工作区域上,点缩放调节器(Scale),将文字缩小,并与“大字”按中心对齐,如图5.3.5所示。

    5.3.5.gif (6848 bytes)
    图5.3.5 对齐文字

    步骤5:,在"大字"上新增一层Layer3,把图标库中的"放大镜"拖到工作区域(Work Area)文字的左侧,如图5.3.6所示。

    5.3.6.gif (12224 bytes)
    图5.3.6 加入放大镜

    在第20帧点右建,在弹出的菜单中选插入关键桢(Insert Keyframe),按Shift键,在第20桢用鼠标将"放大镜"拖到如图5.3.7所示的位置。

    5.3.7.gif (11724 bytes)
    图5.3.7 移动放大镜

    在第1帧至第20帧之间双击,弹出对话框,选择渐变(Tweening)中的移动(Motion),合成放大镜移动的效果,如图5.3.8所示。

    5.3.8.gif (16588 bytes)
    图5.3.8 合成关键帧动画

    按Shift键,选中第1帧至第20帧,点右键,在弹出的菜单上选拷贝影格(Copy Frames),在Layer3上新增一层,在第1帧点右键,在弹出的菜单上选粘贴影格(Paste Frames),这时出现两个完全相同的Layer3层,在下方Layer3层状态栏上点右键,在弹出的菜单中选遮罩(Mask),这样后面大“实战Flash"只能显示在"放大镜"范围内,也就是放大镜经过时才会显示,如图5.3.9所示。

    5.3.9.gif (15927 bytes)
    图5.3.9 遮罩大“实战Flash"

    步骤6:在图9中我们发现小“实战Flash"也显示在放大镜中,为了解决这个问题,可在“小字”层上增加一层,把图标库中的""长方形""拖到工作区域中,调理大小,将小“实战Flash"遮住,然后在第20帧插入关键帧,在工作区域将长方形向右移动,如图5.3.10所示。

    5.3.10.gif (22876 bytes)
    图5.3.10 挡注小“实战Flash"

    在第1帧至第20帧之间双击,弹出对话框,选择渐变中(Tweening)的移动(Motion),生成了长方形与放大镜同步移动的动画。在这层状态栏上点右键,从弹出的菜单中选遮罩(Mask),这样后面的小“实战Flash"只能显示在"长方形"范围内,也就是放大镜经过时切换到大“实战Flash",小“实战Flash"不会显示,如图5.3.11所示。

    5.3.11.gif (16486 bytes)
    图5.3.11 模拟放大镜

    试试动画效果,够酷吧!真可谓---不用不知道,Flash真奇巧!只怕你想不到!没有做不到!

    [1]

    教程录入:小秦    责任编辑:小秦 
  • 上一篇教程:

  • 下一篇教程:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |