此帖目的:制作卷轴效果,模仿画卷展开的过程。
特别说明: ①:矩形工具及自由变换工具的使用 ②:设置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、制作完毕,测试动画。 |