建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > FireWorks教程 >

Fireworks制作闪光掠过的GIF动画

更新时间:2017-05-06整理编辑:建站学习网阅读:0

  闪光掠过的效果,我们经常在一些动画上或LOGO上看到过,那么这种效果是如何制作的呢?

  效果图:

 

  原文件:

 

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

 

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

 

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

 

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

 

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

 

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

 

  7、接着就要进行动画的操作过程了,因为考虑到只有第一层图片有动画效果,所以可以对另外2个图层进行共享层的操作。

  我们点击层面板上的按扭进行新建层。

 

  并在共享此层上打勾

 

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

 

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

 

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

 

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

 

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

 

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

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

 

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

 

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

 

  最终效果图

 

本文网址:https://www.dedexuexi.com/wysj/FireWorks/3140.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
Fireworks制作残破边缘的方法
« 上一篇2017年05月09日
用fireworks制作水晶透明效果
2017年05月09日下一篇 »
  • Fireworks CS5、CS4、CS3版本功能比较
    0阅读
    Adobe Flash Professional CS5 软件可以完成精彩的交互创作,可用于提供跨个人计算机、移动设备以及几乎任何尺寸和分辨率的屏幕一致呈现的令人痴迷的互动体验。 Adobe Fireworks CS5 软件使用户能为 Web 以及几乎任何设备(比如智能手机、报亭到嵌入式屏幕等)创建...
  • Fireworks教程:轻松制作水晶小图标
    0阅读
  • 利用Fireworks打造石头字效果
    0阅读
    1、素材。烂墙壁照片一张以及胶片照片一张。 2、新建500*350画布,插入背景图片。然后调整亮度和色调如下。 3、拉一个大小为500*350的放射状渐变的矩形。参数设置如下。 4、输入文字影视。字
  • Fireworks教程:制作波尔卡点边框
    0阅读
    效果如下 选择一个图片,用FW打开 在图片上面建立一个层,作一个和图片一样大小的矩形,用白色填充 为这个举行添加效果Edges 具体设置如图 注意Color(颜色填充)这里选择黑色 选中矩形,Ctr
  • Fireworks简单方法设计网页闪字动画效果
    0阅读
    最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作
 
QQ在线咨询