此帖目的:制作卷轴效果,模拟画卷展开的过程。
非凡说明:
①:矩形工具及自由变换工具的使用
②:设置Shape(外形)动画
③:设置Motion(运动)动画
④:遮照的使用
⑤:圆角矩形的绘制
⑥:调色版的使用
⑦:如何自定义渐变色
制作步骤:
1、打开Flash MX并新建一文档。
2、适当修改文档属性。(如尺寸:400×200)
3、用矩形工具在工作区中画一无线框矩形,设置颜色为淡灰色。(图1)
4、将此层重命名为“纸”,并再新建一层,命名为“文字”(图2)
(图2)
5、在“文字”层上输入文字,如“闪客之吧”这四个字。(图3)
(图3)
6、假如使用的是非凡字体,(如我用的就是下载来的字体)为了让你的效果不授字体影响,如字不多的话可将其矢量化。两次Ctrl+B(注:Ctrl+B可将文本打散即——矢量化。这里要非凡说明一下,假如是多个文字要打散两次。Flash 5中不论文字多少,都只要一次。这是Flash MX版新增的功能。第一次可以将多个文字组成的一个文本打散为多个单一文本;第二次就是将多个单一文本全部矢量化。)
7、在“文字”层上新建一层,命名为“遮照层”,并在此层上画一矩形,大小刚好能复盖“纸”层中的矩形。(图4)
(图4)
8、在所有层的第60帧处插入帧,并在“遮照”层的第60帧处插入要害帧。将第1帧中“遮照”用的矩形用自由变换工具由右向左水平方向上缩小。(图5)
(图5)
9、为其创建Shape(外形)动画。设置“遮照”层为遮照层(^_^读起来有点绕口,嘿嘿……),并将“文字”层和“纸”层都拖入到它的下面。(非凡声明:在一开始你可以把“纸”与“文字”都放在同一层里,这样只要加一次‘遮照’就可以了,我之所以做的这么麻烦,主要是为了照顾一下新手,好上他们明白步骤的次序,按步骤一步一步地走……)(图6)
(图6)
10、这时我们可以测试一下动画。一个最基本的“卷轴效果”我们已经完成了。(测试1.swf)
11、下面我们就给它加上画轴吧!首先在最上层新建一层,命名为“左画轴”,并绘制一个无线框的圆角矩形。(图7)
(图7)
12、打开调色板,为其设置线性渐洹#ㄍ?)
(图8)
13、将其按F8转换为符号,命名为“画轴”。(图9)
(图9)
14、再次新建一层,命名为右画轴,并把‘画轴’从库中拖出一份到“右画轴”中。(图10)
(图10)
15、调节‘左’‘右’画轴的位置,使‘左画轴’在纸的最左侧,而‘右画轴’则紧贴着‘左画轴’的右则。(图11)
(图11)
16、在“右画轴”的第60帧处插入一要害帧,并将‘画轴’移动到‘纸的’最右则(图12)
17、为“右画轴”层设置运动动画。
18、制作完毕,测试动画。
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |