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

  • 相关阅读:
    rs
    stm32f767 usoc3
    stm32f767 RTT 日志
    stm32f767 标准库 工程模板
    stm32f767 HAL 工程模板
    docker tab 补全 linux tab 补全
    docker anconda 依赖 下载 不了
    docker run 常用 指令
    linux scp 命令
    Dockerfile 常用参数说明
  • 原文地址:https://www.cnblogs.com/694579350liuq/p/9018959.html
Copyright © 2011-2022 走看看