zoukankan      html  css  js  c++  java
  • 如何用Fireworks制作经典的扫光字GIF动画

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

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

    新建层,并在共享此层上打勾:

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画

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

    Fireworks制作经典的扫光字GIF动画(2)

    用方向键移动羽化后的矩形

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

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

    Fireworks制作经典的扫光字GIF动画(2)

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

    Fireworks制作经典的扫光字GIF动画(2)

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

    最终效果:

    Fireworks制作经典的扫光字GIF动画(2)

    以上就是用Fireworks制作经典的扫光字GIF动画过程,非常实用,感兴趣的朋友可以一起来学习一下!

    转载自http://www.jb51.net/Fireworks/186517.html

  • 相关阅读:
    JS中的call()和apply()方法和bind()
    reactjs入门到实战(十)----one-first_app
    49-Reverse Linked List II
    48-Merge Sorted Array
    47-Generate Parentheses
    46.Valid Parentheses
    45-Letter Combinations of a Phone Number
    44-Count and Say
    43-Reverse Nodes in k-Group
    42-Remove Nth Node From End of List
  • 原文地址:https://www.cnblogs.com/694579350liuq/p/9018959.html
Copyright © 2011-2022 走看看