注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Fireworks >> 设计技巧 >> 网页设计正文

闪光略过的GiF动画的制作

文章来源:中国IT实验室整理 作者:佚名 更新时间:2007-3-15 【 】 【加入收藏

效果:

源文件:

1、首先我们把背景选为黑色。再输入文字用白色填充,注意调整文字之间的间隔。

2、选中字体,对其进行转换为路径文件。

3、对间隔再做少许调整。

4、复制文字改为黑色,做平移,出现立体效果。

5、再复制一次文字,并用部分选取工具选中路径进行颜色的填充。颜色根据自己喜好来

6、用矩形能够工具画一个矩形填充白色,羽化10象素,矩形最好放在文字上方。

7、接着就要进行动画的操作过程了,因为考虑到只有第一层图片有动画效果,所以可以对另外2个图层进行共享层的操作。
我们点击层面板上的按扭进行新建层。

并在共享此层上打勾

将需要共享的图层拖至层2内并放在层1下面

8、接着在帧面板上点击,选择重置帧,就是复制相同的帧。

9、选择第2帧,剪切白色羽化矩形,选中最上面需要做动画的图层,使用编辑 — 粘贴于内部,看....效果出来了,不过重要的是这里才刚刚开始。

10、我们再看层面板,把锁定选项点掉,再选中蒙板处。

 

[1] [2] 下一页  

11、用指针工具在图形里面选择羽化后的矩形,用键盘的<--方向键进行移动,到达需要的位置。

12、选中第2帧,再重置一个帧,请按照第8步部来做。

13,重复第11步,把白色的闪光效果帧一帧往后移,接下来几帧如此类推。

14、到这里要做个过度,把第一帧复制一下放到最后一帧,做为最后的总结,并调整等待时间。

15、最后就是导出效果了,咱们选择文件导出向导,要图片色彩更好点就选择256色吧,默认128,设置好按导出就行了。

最终效果

教程使用的字体文件
请存放至windows\fonts目录下

源文件:

上一页  [1] [2] 

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash教程:if条件语句的用法
     Flash教程:测试AS代码的执行速度
     Flash教程:trace()的使用
     实现在AJAX下的前进、后退功能
     创建吸引访问者的网站内容的14种方法
     LBS功能:图片的自适应实现代码
     LBS增加引用地址和永久地址点击复制功能
     学习CSS布局网页的一些实例
     CSS学习者:2008年不要作浮躁的人
     网页设计制作之改进超级链接效果
    最 新 推 荐
     Fireworks CS3切片工具的使用
     Fireworks CS3切片工具的使用
     Fireworks 组合路径功能小解
     Fireworks 简单且强大的涂抹工具
     Fireworks简单制作残破边缘技巧
     闪光略过的GiF动画的制作
     Fireworks去照片红眼功能详解
     Fireworks补间功能小解
     Fireworks枝繁叶茂树木抠图不再难
     Fireworks绘制线条规律旋转网状特效
    相 关 文 章

    网站片头二—效果篇:闪光效果
    Fireworks 模拟闪光灯效果
    Fireworks 模拟闪光灯效果

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用