案例描述:

本例主要讲解用Flash制作极光文字特效动画教程,本例主要使用“发光”、“模糊’’滤镜和遮罩功能来制作极光文字效果。

学习要点:文字处理的基本技法,关键帧动画制作的制作方法,遮罩图形的绘制方法

本例思路:

使用“文本”工具”和复制功能初步处理文字。

为文本创建传统补间动画,然后为其添加“发光”和“模糊”滤镜。

动画制作完成后的最终效果:

步骤一、初步处理文字

1、启动F1ash CS4,新建一个空白文档,设置背景颜色为黑色。单击“工具箱”中的“文本工具”按钮,然后在“属性”面板中进行如图所示的设置,并在舞台中输人“极光文字”,如图所示。

2、选中文字,然后按Ctrl+D组合键直接复制文字,再按Ctrl+Shift+D组合键将文字粘贴到一个新的图层中,如图

3、选中“图层1”的文字,然后按F8键将其转为影片剪辑,再将“极光文字”图层的文字也转换为影片剪辑,如图所示。

4、双击“图层1”的文字进入影片剪辑编辑区域,然后新建一个“图层2”,并复制一份文字到“图层2”中,再按Ctrl+B组合键打散文字,放大后效果如图所示

步骤二、制作循环动画

1、在“图层l”和“图层2”之问新建一个“图层3”,然后用“矩形工具”在“图层3”中绘制一个大小合适的矩形,打开“颜色”面板,设置类型为“放射状”,并设置第1个色标色为(R:O,G:153,B:255),第2个色标颜色为(R:255,.G:255,B:255),第3个色标颜色为(R:O,G:255,B:255),第3个色标颜色为(R:255,G:255,B:255),如图所示。

2、使用“渐变变形工具”将渐变调整成如图所示的效果,然后将其转换为影片剪辑。

3、按Ctrl+D组合键复制出6份图形,然后将其拼贴在一起,如图所示。

4、按F8键将所有图形转为影片剪辑,然后选中“图层1”、“图层2”和“图层3”的第40帧,再按F5键插人帧,如图所示。

5、选中“图层3”的第40帧,然后按F6键插入关键帧,如图所示。

6、下面要制作光影在文字上循环的动画效果,所以“图层3”中第1帧和第40帧的位置要调整出一定的距离,如图所示。

7、选择“图层3’’的第1帧,然后在该帧上单击鼠标右键,并在弹出的菜单中选择“创建传统补间”命令,如图所示

8、选择“图层2”,然后在该图层上单击鼠标右键,并在弹出的菜单中选择“遮罩层”命令,如图所示。

9、返回到“场景1”,然后双击“极光文字’’图层上的“元件2”,进入该影片剪辑的编辑区域,然后为其添加“模糊”滤镜,具体参数设置如图所示,再为其添加“发光”滤镜,具体参数设置如图所示。

10、选择“极光文字”图层的第26帧,然后按F6键插入关键帧,再将“模糊”滤镜进行如图所示的调整。

11、选中第1帧,然后按ctrl+Shift+c组合键复制第1帧,再选中第45帧,按Ctrl+Shift+V组合键粘贴第1帧,最后在第1帧上单击鼠标右键,并在弹出的菜单中选择“创建传统补间”命令,如图所示。

12、返回到“场景1”,按F8键将“元件2,,转换为影片剪辑,进入影片剪辑的编辑区域,然后新建一个“图层2”,再将“图层1”的影片剪辑复制一份到“图层2”中,最后按Ctrl+B组合键打散图形,如图

13、为文字添加“模糊”和“发光’’滤镜,具体参数设置如所示。

14、选中第28帧,然后按F6键插入关键帧,再将“模糊”.率滤镜进行如图所示的调整。

15、选中第63帧,然后按F6键插入关键帧,再将“模糊’'滤镜进行如图所示的调整。

16、将第l帧复制到第94帧使其构成循环播放效果,然后创建所有帧的传统补间动画,如图所示。

17、返回到“场景1”,按F8键将“元件2”转换为影片剪辑,进入其编辑区域,然后为其添加“发光”滤镜,具体参数设置如图所示。

18、选中第28帧,F6键插入关键帧,然后将“发光”滤镜进行如图所示的调整。

19、选中第86帧,按F6键插入关键帧,然后将“发光’’滤镜进行如图所示的调整

20、将第l帧复制到第133帧,然后为其创建传统补间动画,返回到“场景1”,并为文字添加一个放射背景,再按Ctrl+Enter组合键发布动画,这样一个极光字的flash动画就完成了

如果你对本章用Flash制作极光文字特效动画教程感兴趣欢迎下载源码进行学习研究

极光特效 html,FLASH教程:用Flash制作极光文字特效动画教程 - 学无忧相关推荐

  1. PS教程:Photoshop制作霓虹灯文字特效

    1制作霓虹灯效果回顶部 [PConline 教程]在本次PS教程介绍利用对Photoshop制作霓虹灯文字特效.本PS教程属于基础教程,适合初学者! 先看效果图 图0 1.选择"文件/新建& ...

  2. html实现光碟转动效果,flash脚本roll应用 制作转动的光碟动画效果

    这次我们利用roll语句制作:鼠标经过时光碟转动,并播放歌曲的动画.包括光碟的制作,滤镜的使用,音乐的插入,属性色彩的调整,以及roll脚本的应用.GIF图片有些失真,只看动画效果即可. 一.制作光碟 ...

  3. Expression Design与Blend制作滚动的小球动画教程

    原文:Expression Design与Blend制作滚动的小球动画教程 一,开发工具 Microsoft Expression Design & Blend 4.0 (3.0亦可). 这两 ...

  4. 【有利可图网】PS教程:简单制造火焰文字特效

    简单几步用滤镜制作火焰文字特效,很简单的操作,大家可以动手试试~ 1.新建图层,大小随意,背景选择黑色 2.输入文字,字体可自由选择,缩放到合适大小 3.在菜单栏中,执行图像>旋转画布>逆 ...

  5. php 生成性格图片,PS制作个性文字人物图像教程

    这篇教程是向PHP中文网的朋友介绍利用PS制作个性文字人物图像方法,教程制作出来的效果真的很有个性,难度不是很大,推荐到PHP中文网,喜欢的朋友可以跟着教程一起来学习,希望能对大家有所帮助 ! 原图素 ...

  6. 2246xt u盘开卡详细教程_U盘制作PE及系统安装详细教程!

    完整版在底部,分割线下. 我之前已经发布过一次了,但是提示违规了.重做了一个只讲解U盘制作PE的教程! 注意:这边说一下. 不管是win7还win10一定要64位. 现在很多硬件基本内存配置超过4g了 ...

  7. html文字破碎特效,AE怎么制作破碎文字特效? ae文字破碎效果的制作方法

    本例主要讲解利用[碎片]特效制作破碎文字.我现在教你如何制作破碎文字. 1.打开Adobe After Effects CC 2015. 2.在弹出的"欢迎"使用Adobe Aft ...

  8. html文字遮罩的用途,使用HTML5和CSS3制作遮罩文字特效

    遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示.这种效果使用photoshop来制作是非常简单的.现在,Webkit内核的浏览器支持CSS3的background-clip属性,它 ...

  9. html5点击效果文字跳转,JS网页特效代码,点击跳出爱心和文字特效

    鼠标左键点击网页会跳出爱心,相信不少站长见过这种JS网页特效,有些点击还会跳出文字.橘子君也是觉得挺好奇的,然后也给网站加了一段时间这种特效,后来由于种种原因的考虑,博主又将该代码删除了.如果你对这种 ...

  10. 5.20 使用扭拧命令制作惊悚文字特效 [Illustrator CC教程]

    原文:http://coolketang.com/staticDesign/5a97b8c40b61607bf6c61c93.html 1. 本节课将为您演示扭拧命令的使用.首先选择工具箱中的[文字工 ...

最新文章

  1. 回归 统计绘图_手把手教绘制回归分析结果的森林图「GraphPad Prism和Excel」
  2. 记录智能指针使用shared_ptr使用错误
  3. vue - 减少打包后的体积
  4. 云计算关键领域安全指南.v2.1-云安全联盟.pdf
  5. 不受微软待见的Python,如何在八年内逆袭成功?
  6. Mybatis入门及于hibernate的区别
  7. 网络流性质及常见模型、改进空间的思考
  8. Scala中的None,Nothing,Null,Nil
  9. 列表标签(HTML)
  10. sqlserver去重记录_SQL去除重复记录(七种)
  11. php. 调试工具.trace
  12. 上百套HTML5登录页面模板
  13. 开篇-开启全新的.NET现代应用开发体验
  14. 计算机网络协议有时序,计算机网络协议.doc
  15. python小技巧:一步步教你用Python实现
  16. 验证:获取linux系统的网卡信息
  17. android电视分辨率是多少合适,电视分辨率多少合适
  18. [INS-30131] 执行安装程序验证所需的初始设置失败.
  19. 55.【Java 线程】
  20. 基于pyserial,用python34、PyQt5写的一个串口软件

热门文章

  1. 基于PHP电影购票系统的设计与实现
  2. 2. Mybatis流程
  3. 华工计算机学子的一些感想
  4. 江西现代职业技术学院单招计算机网络技术,江西现代职业技术学院2020年单招录取分数线...
  5. 深度解读 | 从Gartner SIEM魔力象限报告看安全运营的门道
  6. MSN中英双语聊天机器人上线,邀请测试
  7. 非鱼观点:程序员的未来在哪里?
  8. JNI实现Java调用C代码Demo AndroidStudio
  9. java计算数据的百分比
  10. 靠近优秀的人,成为更优秀的人