达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 访客留言
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 Fireworks制作经典的…
普通教程 新年贺礼:利用FW制…
普通教程 FW动画实例:卷轴动…
普通教程 FW动画教程:雪花飘…
普通教程 Fireworks制作字体遮…
推荐教程 Fireworks制作变色b…
普通教程 Fireworks制作图片变…
普通教程 Fireworks 制作地球…
普通教程 Fireworks教程:用滤…
普通教程 Fireworks制作打破玻…
最新更新

Fireworks教程:动…

Fireworks折叠渐变…

Fireworks教程:用…

Fireworks制作草生…
您现在的位置: 达达派 >> 教程中心 >> FireWorks教程 >> 动画篇 >> 教程正文
Fireworks折叠渐变巧妙打造电视雪花动画
作者:佚名 文章来源:网络采集 点击数: 更新时间:2008-3-2 12:44:41
教程录入:令彬    责任编辑:令彬  添加到雅虎收藏+
我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作电视机没有信号的雪花屏幕动画。

无论在GIF动画中,还是在Flash动画中,经常会出现电视机没有信号的雪花动画画面,或者类似的动态图标,今天我们就来试试吧!文章末尾我们提供png原文件供大家参考。

Fireworks折叠渐变巧妙打造电视雪花动画_天1极设计在线整理转载

1、以这个素材图片为例,当然,也可以自己绘制一个电视机:

Fireworks折叠渐变巧妙打造电视雪花动画_天极2设计在线整理转载

2、因为这幅图片是位图,我们可以用Fireworks魔术棒将电视机中间的画面选取成选区,容差值可以大些:

Fireworks折叠渐变巧妙打造电视雪花动画_天2极设计在线整理转载

3、选择菜单——将选取框转换为路径,得到电视画面的轮廓路径。当然,也可以用钢笔工具勾勒出电视画面的路径,这方面比较灵活,如果是自己绘制的电视机,那么电视画面绘制时就已经是路径了,无需重新获取:

Fireworks折叠渐变巧妙打造电视雪花动画_天极3设计在线整理转载

4、取消电视画面路径的笔触,填充成折叠渐变:

Fireworks折叠渐变巧妙打造电视雪花动画_天极4设计在线整理转载

5、折叠渐变颜色设置为白色——灰色:

Fireworks折叠渐变巧妙打造电视雪花动画_天极设计4在线整理转载

6、用选取工具拖动渐变方向手柄,接近垂直或接近水平方向,但不能完全垂直或完全水平:

Fireworks折叠渐变巧妙打造电视雪花动画_天极设计在线整理转载

7、将渐变调整手柄移出路径画面:

Fireworks折叠渐变巧妙打造电视雪花动画_天极4设计在线整理转载

8、选择帧面板右上角的菜单按钮,选取重制帧命令:

Fireworks折叠渐变巧妙打造电视雪花动画_天2极设计在线整理转载

9、重制若干帧,这里重制了3帧:

Fireworks折叠渐变巧妙打造电视雪花动画_天极设计6在线整理转载

10、依次选择其他帧,拖动渐变调整手柄将其改变位置:

Fireworks折叠渐变巧妙打造电视雪花动画_天极设计4在线整理转载

导出GIF动画即可。如果是Flash里应用,可以导出一个单帧的雪花画面,导入到Flash里以后处理成逐帧动画,这里不再详细说明。

PNG源文件:

Fireworks折叠渐变巧妙打造电视雪花动画_天极设计9在线整理转载

再来一个

GIF:

Fireworks折叠渐变巧妙打造电视雪花动画_天极设计在线整6理转载

PNG:

Fireworks折叠渐变巧妙打造电视雪花动画_天极设计4在线整理转载

  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455