Flash CS4制作动感旋转的立体字动画效果
来源:百度文库 编辑:神马文学网 时间:2024/04/27 21:12:20
出处:PConline 2009年10月12日 作者:闪吧 love黄家驹
本例将通过调整影片剪辑的旋转方向和变化高度来模拟三维透视中的旋转效果。
效果预览
本例思路:利用圆形阵列排放文字,为文本创建传统补间动画,并添加“模糊”、“发光”和“投影”滤镜来修饰图形。
一、排列文字
(1)启动Flash CS4,新建一个文档,然后将文档属性做如图1所示的设置。
1.jpg (11.96 KB)
2009-12-25 13:28
图1
(2)单击“工具箱”中的“文本工具”按钮 ,然后在其属性面板中做如图2所示的设置,并在舞台中输入如图3所示的文字。
2.jpg (12.87 KB)
2009-12-25 13:28
图2 设置字体属性
1855178_flashtextImage00003.jpg (9.78 KB)
2009-12-25 13:28
图3 输入文字
(3)新建一个“图层2”,然后按住Shift键的同时使用“椭圆工具”绘制一个如图4所示的圆形。
1855178_flashtextImage00004.jpg (6.63 KB)
2009-12-25 13:28
图4 绘制圆形
(4)选中文字,然后按Ctrl+B组合键打散文字,如图5所示。
1855178_flashtextImage00005.jpg (22.5 KB)
2009-12-25 13:28
图5 打散文字
(5)使用“选择工具”将文字拖曳到线条上使文字围绕圆圈进行排放,如图6所示。
1855178_flashtextImage00006.jpg (18.7 KB)
2009-12-25 13:28
6.jpg (15.09 KB)
2009-12-25 13:28
图6 排放文字
技巧提示:
在排放文字的时候可激活“工具箱”中的“贴紧至对象”按钮(激活状态为 ),这样在排放文字的时候就会自动贴紧圆线了。
(6)依次选中单个文字,然后按F8键将每个文字都转为影片剪辑,然后使用“任意变形工具”调整文字方向,如图7所示,删除圆形线,再选中所有文字,最终将其转换为影片剪辑,效果如图8所示。
1855178_flashtextImage00007.jpg (9.9 KB)
2009-12-25 13:28
图7 调整文字方向
1855178_flashtextImage00008.jpg (12.32 KB)
2009-12-25 13:28
图8 文字效果
二、旋转动画制作
(1)进入影片剪辑编辑区,然后选中第100帧,再按F6键插入关键帧,如图9所示。
1855178_flashtextImage00009.jpg (17.18 KB)
2009-12-25 13:28
图9 创建关键帧
(2)选择第1帧,然后在该帧上单击右键,并在弹出的菜单中选择“创建传统补间”命令,最后在属性面板中做如图11所示的设置。
1855178_flashtextImage00010.jpg (16.04 KB)
2009-12-25 13:28
图10 创建传统补间
1855178_flashtextImage00011.jpg (14.51 KB)
2009-12-25 13:28
图11 设置旋转属性
(3)返回到“场景1”,新建一个“背景层”,然后使用“矩形工具”制作出一个绿色背景,如图12所示。
1855178_flashtextImage00012.jpg (14.46 KB)
2009-12-25 13:28
图12 添加背景
(4)选中影片剪辑,然后按F8键再将其转化为影片剪辑(名称为“旋转字”),再进入该影片剪辑的编辑区,新建一个图层,最后将影片剪辑复制一份到新图层中,如图13所示。
1855178_flashtextImage00013.jpg (19.18 KB)
2009-12-25 13:28
图13 复制图形
(5)选中两个图层的第50帧,然后按F6键插入关键帧,如图14所示。
1855178_flashtextImage00014.jpg (12.48 KB)
2009-12-25 13:28
图14 插入关键帧
(6)再选中两个图层的第100帧,按F6键插入关键帧,然后在两个图层第50帧创建传统补间动画,如图15所示。
1855178_flashtextImage00015.jpg (17.51 KB)
2009-12-25 13:28
图15 创建传统补间动画
(7)选中第100帧,然后使用“任意变形工具”将两个图层的影片剪辑调整成如图2-16所示的效果。
1855178_flashtextImage00016.jpg (11.77 KB)
2009-12-25 13:28
图16 调整文字形状
(8)创建出两个图层,然后在第170帧和第200帧处创建出关键帧,再采用相同的方法在两个图层的170~200帧之间创建出传统补间动画,最后将两个图层的影片剪辑文字调整成如图17所示的效果。
1855178_flashtextImage00017.jpg (11.22 KB)
2009-12-25 13:28
图17 创建传统补间动画
(9)选择“图层1”的“影片剪辑”,然后将其向下移动一些像素,再为其添加“模糊”和“发光”滤镜,具体参数设置如图18所示。
1855178_flashtextImage00018.jpg (17.56 KB)
2009-12-25 13:28
图18 添加滤镜
(10)创建出两个图层,然后在这两个图层的第340帧和第400帧处创建出关键帧,再采用相同的方法在340~400帧之间创建出传统补间动画,最后将“图层2”的第400帧处的影片剪辑调整成如图19所示的效果。
1855178_flashtextImage00019.jpg (22.51 KB)
2009-12-25 13:28
图19 创建传统补间动画
(11)选择“图层1”第400帧处的影片剪辑,然后将其向上移动一些像素,再设置文字颜色为黑色,最后使用“任意变形工具”将其调整成如图20所示的效果。
1855178_flashtextImage00020.jpg (20.8 KB)
2009-12-25 13:28
图20 调整文字
(12)创建出两个图层,然后在这两个图层的第500帧处创建出关键帧,再为“图层2”的黑色文字添加“投影”滤镜,最后调整好“图层1”中白色文字的“发光”滤镜中的颜色,具体参数设置如图21所示。
1855178_flashtextImage00021.jpg (26.71 KB)
2009-12-25 13:28
图21 调整滤镜参数
(13)采用前面的方法为后面的帧创建循环动画效果(将第1帧复制到后面的帧中形成一个循环动画),此时的文字旋转效果如图22所示。
1855178_flashtextImage00022.jpg (36.11 KB)
2009-12-25 13:28
图22 动画效果
(14)返回到“场景1“,然后为影片剪辑添加一个“发光”滤镜,具体参数设置如图23所示。
1855178_flashtextImage00023.jpg (21.49 KB)
2009-12-25 13:28
图23 添加滤镜
(15)按Ctrl+Enter组合键发布动画。
本例将通过调整影片剪辑的旋转方向和变化高度来模拟三维透视中的旋转效果。
效果预览
≯全屏显示或下载≮
本例思路:利用圆形阵列排放文字,为文本创建传统补间动画,并添加“模糊”、“发光”和“投影”滤镜来修饰图形。
一、排列文字
(1)启动Flash CS4,新建一个文档,然后将文档属性做如图1所示的设置。
1.jpg (11.96 KB)
2009-12-25 13:28
图1
(2)单击“工具箱”中的“文本工具”按钮 ,然后在其属性面板中做如图2所示的设置,并在舞台中输入如图3所示的文字。
2.jpg (12.87 KB)
2009-12-25 13:28
图2 设置字体属性
1855178_flashtextImage00003.jpg (9.78 KB)
2009-12-25 13:28
图3 输入文字
(3)新建一个“图层2”,然后按住Shift键的同时使用“椭圆工具”绘制一个如图4所示的圆形。
1855178_flashtextImage00004.jpg (6.63 KB)
2009-12-25 13:28
图4 绘制圆形
(4)选中文字,然后按Ctrl+B组合键打散文字,如图5所示。
1855178_flashtextImage00005.jpg (22.5 KB)
2009-12-25 13:28
图5 打散文字
(5)使用“选择工具”将文字拖曳到线条上使文字围绕圆圈进行排放,如图6所示。
1855178_flashtextImage00006.jpg (18.7 KB)
2009-12-25 13:28
6.jpg (15.09 KB)
2009-12-25 13:28
图6 排放文字
技巧提示:
在排放文字的时候可激活“工具箱”中的“贴紧至对象”按钮(激活状态为 ),这样在排放文字的时候就会自动贴紧圆线了。
(6)依次选中单个文字,然后按F8键将每个文字都转为影片剪辑,然后使用“任意变形工具”调整文字方向,如图7所示,删除圆形线,再选中所有文字,最终将其转换为影片剪辑,效果如图8所示。
1855178_flashtextImage00007.jpg (9.9 KB)
2009-12-25 13:28
图7 调整文字方向
1855178_flashtextImage00008.jpg (12.32 KB)
2009-12-25 13:28
图8 文字效果
二、旋转动画制作
(1)进入影片剪辑编辑区,然后选中第100帧,再按F6键插入关键帧,如图9所示。
1855178_flashtextImage00009.jpg (17.18 KB)
2009-12-25 13:28
图9 创建关键帧
(2)选择第1帧,然后在该帧上单击右键,并在弹出的菜单中选择“创建传统补间”命令,最后在属性面板中做如图11所示的设置。
1855178_flashtextImage00010.jpg (16.04 KB)
2009-12-25 13:28
图10 创建传统补间
1855178_flashtextImage00011.jpg (14.51 KB)
2009-12-25 13:28
图11 设置旋转属性
(3)返回到“场景1”,新建一个“背景层”,然后使用“矩形工具”制作出一个绿色背景,如图12所示。
1855178_flashtextImage00012.jpg (14.46 KB)
2009-12-25 13:28
图12 添加背景
(4)选中影片剪辑,然后按F8键再将其转化为影片剪辑(名称为“旋转字”),再进入该影片剪辑的编辑区,新建一个图层,最后将影片剪辑复制一份到新图层中,如图13所示。
1855178_flashtextImage00013.jpg (19.18 KB)
2009-12-25 13:28
图13 复制图形
(5)选中两个图层的第50帧,然后按F6键插入关键帧,如图14所示。
1855178_flashtextImage00014.jpg (12.48 KB)
2009-12-25 13:28
图14 插入关键帧
(6)再选中两个图层的第100帧,按F6键插入关键帧,然后在两个图层第50帧创建传统补间动画,如图15所示。
1855178_flashtextImage00015.jpg (17.51 KB)
2009-12-25 13:28
图15 创建传统补间动画
(7)选中第100帧,然后使用“任意变形工具”将两个图层的影片剪辑调整成如图2-16所示的效果。
1855178_flashtextImage00016.jpg (11.77 KB)
2009-12-25 13:28
图16 调整文字形状
(8)创建出两个图层,然后在第170帧和第200帧处创建出关键帧,再采用相同的方法在两个图层的170~200帧之间创建出传统补间动画,最后将两个图层的影片剪辑文字调整成如图17所示的效果。
1855178_flashtextImage00017.jpg (11.22 KB)
2009-12-25 13:28
图17 创建传统补间动画
(9)选择“图层1”的“影片剪辑”,然后将其向下移动一些像素,再为其添加“模糊”和“发光”滤镜,具体参数设置如图18所示。
1855178_flashtextImage00018.jpg (17.56 KB)
2009-12-25 13:28
图18 添加滤镜
(10)创建出两个图层,然后在这两个图层的第340帧和第400帧处创建出关键帧,再采用相同的方法在340~400帧之间创建出传统补间动画,最后将“图层2”的第400帧处的影片剪辑调整成如图19所示的效果。
1855178_flashtextImage00019.jpg (22.51 KB)
2009-12-25 13:28
图19 创建传统补间动画
(11)选择“图层1”第400帧处的影片剪辑,然后将其向上移动一些像素,再设置文字颜色为黑色,最后使用“任意变形工具”将其调整成如图20所示的效果。
1855178_flashtextImage00020.jpg (20.8 KB)
2009-12-25 13:28
图20 调整文字
(12)创建出两个图层,然后在这两个图层的第500帧处创建出关键帧,再为“图层2”的黑色文字添加“投影”滤镜,最后调整好“图层1”中白色文字的“发光”滤镜中的颜色,具体参数设置如图21所示。
1855178_flashtextImage00021.jpg (26.71 KB)
2009-12-25 13:28
图21 调整滤镜参数
(13)采用前面的方法为后面的帧创建循环动画效果(将第1帧复制到后面的帧中形成一个循环动画),此时的文字旋转效果如图22所示。
1855178_flashtextImage00022.jpg (36.11 KB)
2009-12-25 13:28
图22 动画效果
(14)返回到“场景1“,然后为影片剪辑添加一个“发光”滤镜,具体参数设置如图23所示。
1855178_flashtextImage00023.jpg (21.49 KB)
2009-12-25 13:28
图23 添加滤镜
(15)按Ctrl+Enter组合键发布动画。
Flash CS4制作动感旋转的立体字动画效果
Flash教程:旋转花朵效果的制作
旋转立体制作图片
Flash实例教程:好看的旋转文字动画-flash实例教程-网页制作大宝库
Flash初级教程:制作水滴滴落动画效果
Flash cs4新特性之全新的动画理念(3
Flash教程:AS下雨动画效果的制作 - Flash教程 - 新客网1
flash制作立体边框
FW教程—制作漂亮旋转的gif动画
Flash制作毛笔题诗动画效果 - 理睬的日志 - 网易博客
Flash制作毛笔题诗动画效果 - 理睬的日志 - 网易博客
PowerPoint中制作立体效果
怎样制作FLASH 配歌词 图片的旋转
flash写字效果:书写星星幻影坠落文字 flash文字特效动画制作 flash逐帧动画制作教程
遮罩效果位移动画的制作
Flash CS4的Deco工具制作有图案的水晶球 - 平面设计教程
用U5制作旋转CD效果
旋转立方体的制作
旋转立方体的制作 -
旋转残影字的制作
Flash CS4白话教程之第一个动画时间
Flash CS4基础(1):补间动画和时间轴
引用 用FLASH制作写动感字 - 过花季的日志 - 网易博客
博客Flash动画背景的制作