Flash CS4制作旋转立体字教程

2016-02-16 19:37 26 1 收藏

下面图老师小编要跟大家分享Flash CS4制作旋转立体字教程,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - FLASH 】

本例将通过调整影片剪辑的旋转方向和变化高度来模拟三维透视中的旋转效果。
 

本例思路:利用圆形阵列排放文字,为文本创建传统补间动画,并添加模糊、发光和投影滤镜来修饰图形。

Part 1  排列文字
(1)启动Flash CS4,新建一个文档,然后将文档属性做如图2-1所示的设置。

 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-1

(2)单击工具箱中的文本工具按钮 ,然后在其属性面板中做如图2-2所示的设置,并在舞台中输入如图2-3所示的文字。
 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-2 设置字体属性

Flash CS4制作旋转立体字教程,PS教程,图老师教程网 

图2-3 输入文字

(3)新建一个图层2,然后按住Shift键的同时使用椭圆工具绘制一个如图2-4所示的圆形。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-4  绘制圆形

(4)选中文字,然后按Ctrl+B组合键打散文字,如图2-5所示。 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-5  打散文字

(5)使用选择工具将文字拖曳到线条上使文字围绕圆圈进行排放,如图2-6所示。 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-6  排放文字

技巧提示:
在排放文字的时候可激活工具箱中的贴紧至对象按钮 (激活状态为 ),这样在排放文字的时候就会自动贴紧圆线了。
(6)依次选中单个文字,然后按F8键将每个文字都转为影片剪辑,然后使用任意变形工具调整文字方向,如图2-7所示,删除圆形线,再选中所有文字,最终将其转换为影片剪辑,效果如图2-8所示。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-7  调整文字方向

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-8  文字效果

Part 2  旋转动画制作
(1)进入影片剪辑编辑区,然后选中第100帧,再按F6键插入关键帧,如图2-9所示。
 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-9  创建关键帧

(2)选择第1帧,然后在该帧上单击右键,并在弹出的菜单中选择创建传统补间命令,最后在属性面板中做如图2-11所示的设置。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-10  创建传统补间

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-11 设置旋转属性

(3)返回到场景1,新建一个背景层,然后使用矩形工具制作出一个绿色背景,如图2-12所示。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-12  添加背景

(4)选中影片剪辑,然后按F8键再将其转化为影片剪辑(名称为旋转字),再进入该影片剪辑的编辑区,新建一个图层,最后将影片剪辑复制一份到新图层中,如图2-13所示。 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

图2-13  复制图形

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

(5)选中两个图层的第50帧,然后按F6键插入关键帧,如图2-14所示。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-14  插入关键帧

(6)再选中两个图层的第100帧,按F6键插入关键帧,然后在两个图层第50帧创建传统补间动画,如图2-15所示。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-15  创建传统补间动画

(7)选中第100帧,然后使用任意变形工具将两个图层的影片剪辑调整成如图2-16所示的效果。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-16  调整文字形状

(8)创建出两个图层,然后在第170帧和第200帧处创建出关键帧,再采用相同的方法在两个图层的170~200帧之间创建出传统补间动画,最后将两个图层的影片剪辑文字调整成如图2-17所示的效果。 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-17  创建传统补间动画

(9)选择图层1的影片剪辑,然后将其向下移动一些像素,再为其添加模糊和发光滤镜,具体参数设置如图2-18所示。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-18  添加滤镜

(10)创建出两个图层,然后在这两个图层的第340帧和第400帧处创建出关键帧,再采用相同的方法在340~400帧之间创建出传统补间动画,最后将图层2的第400帧处的影片剪辑调整成如图2-19所示的效果。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-19  创建传统补间动画

(11)选择图层1第400帧处的影片剪辑,然后将其向上移动一些像素,再设置文字颜色为黑色,最后使用任意变形工具将其调整成如图2-20所示的效果。 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-20  调整文字

(12)创建出两个图层,然后在这两个图层的第500帧处创建出关键帧,再为图层2的黑色文字添加投影滤镜,最后调整好图层1中白色文字的发光滤镜中的颜色,具体参数设置如图2-21所示。 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-21  调整滤镜参数

(13)采用前面的方法为后面的帧创建循环动画效果(将第1帧复制到后面的帧中形成一个循环动画),此时的文字旋转效果如图2-22所示。 

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-22  动画效果

(14)返回到场景1,然后为影片剪辑添加一个发光滤镜,具体参数设置如图2-23所示。

Flash CS4制作旋转立体字教程,PS教程,图老师教程网

图2-23  添加滤镜

(15)按Ctrl+Enter组合键发布动画。

来源:https://www.tulaoshi.com/n/20160216/1572602.html

延伸阅读
标签: FLASH flash教程
poluoluo核心提示:Flash Cs4在界面上与其上一个版本cs3总体来说并没有特别大的区别,在工具菜单中添加了3d工具、deco工具、骨骼工具。针对mc添加了一个动画编辑器.,脚本语言没有变化,主要针对新版本中的3d功能做了相对的试用,下面是具体的示例。 cs4没有3dmax等3d软件强大的建模工具, Flash Cs4在界面上与其上一个版本cs3总体来说并没有...
本例主要是在上一个实例的基础上进行扩展,计算鼠标跟随对象来产生具有一定规律的星火特效。 本例思路 导入背景素材,然后制作出星火特效。 创建文档类,产生鼠标跟随的多角星形特效;创建元件类的扩展类,产生随机大小的火花效果。 Part 1 制作星火特效 (1)新建一个大小为500×300像素,帧频为30fps的...
本例应用了前几章节已经学习的产生随机对象和删除对应随机对象等知识,控制游戏过程中用户移动鼠标指针与创建的随机对象之间是否接触并执行相对应的程序块,显示用户通过移动鼠标指针所扑捉到的喜鹊数量。本实例还创建游戏的结束和重新开始程序,用户可进一步扩展,根据扑捉到的喜鹊数量来设置游戏关卡和游戏级别。通过本例的制作,读者可以掌...
标签: FLASH flash教程
简介:本例将制作一个经典的简单的填色游戏。游戏内容是,控制吸管吸取颜色,给人换上不同颜色的着装。 本例内容所涉及到的知识点: Color类以及Startdrag()、Mouse.hide()、Mouse.show()方法等。 1.Color类和Color中的SetRGB()改变颜色。 2.使用Startdrag()实现鼠标跟随效果,使用Mouse.hide()和Mouse.show()实...
本例将使用Flash CS4新增的骨骼工具来创建反向运动,该工具可以在短时间里制作出复杂而自然的动画效果,这种制作方式很适合运用在皮影动画中。 本例思路 导入素材,然后分割好图形的各部分元素。 使用骨骼工具为老人添加好骨骼,然后为老人制作出行走动画。 使用骨骼工具为小狗添加好骨骼,然后为小狗制作出跳跃动画。 Part 1 分割图形 (...

经验教程

251

收藏

27
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部