FlashCS3入门网页LOGO.pdf

《FlashCS3入门网页LOGO.pdf》由会员分享，可在线阅读，更多相关《FlashCS3入门网页LOGO.pdf（4页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、Flash CS3 入门 网页 LOGO 现在的一些商业网站，LOGO 都制作成简单的动画来引起人们的注意，如图 66-1 所示。制作滑过白光的 LOGO 在 Flash 中十分简单，是形状补间动画和遮罩层结合制作出来的。在制作过程中，考虑到 Flash 会忽略遮罩层中的渐变色、透明和颜色的特点，所以我们不可以将形状图层作为遮罩层。而当图形图层作为被遮罩层时，元件 logo 中的文字就无法显示，这时需要具备两个文本图层。图 66-1 网页 LOGO 效果 练习要点 导入位图图像 设置文本属性 创建元件动画 创建遮罩层 练习过程 1准备素材 制作动画首先要确定动画舞台的尺寸，如果具有素材图像，那

2、么可以根据图像尺寸设置舞台尺寸。这样导入后的图像可以恰好放置在舞台中。在 Flash 中创建 8831 像素的空白文档后，按快捷键 CtrlR 导入位图图像 LOGO.jpg，并且通过【对齐】面板使图像与舞台中心对齐，如图 66-2 所示。图 66-2 导入图像 2输入文本 由于导入的背景图像中具有射灯图案，所以这里并不是单纯的输入文本，还需要为文本填充渐变颜色，使其呈现灯光照射在文字的光影效果。（1）新建“图层 2”，在其中输入文本“NOV 别墅”，并且在【属性】面板中设置文本属性如图 66-3 所示。导入图片 输入 图 66-3 输入并设置文本 （2）选中文本后，连续按两次快捷键 Ctrl

3、B 分离文本，使文本变成图形，如图 66-4所示。图 66-4 分离文本 （3）在【颜色】面板中设置【填充样式】为放射状，并且设置两端颜色如图 66-5 所示。然后使用【颜料桶工具】单击打散后的文本图形进行填充。虽然设置渐变颜色后，文本图形会自动更改填充颜色。但是必须再次填充，因为自动填充的颜色是以文字为单位显示的。图 66-5 填充渐变颜色（4）在同图层中输入字母 NATURE OF VILLA，设置文本属性如图 66-6 所示。然后将该图层中的图形与文本，同时转换为图形元件“文字”。图 66-6 转换元件 3创建动画 为了使文字具有白光滑过效果，需要将动画与遮罩层结合。（1）新建“图层 3

4、”并且在其中绘制白色不透明渐变矩形，如图 66-7 所示。分离 填充 转换 图 66-7 绘制矩形 （2）通过【任意变形工具】旋转矩形角度后，将其转换为图形元件“矩形”，如图66-8 所示。图 66-8 旋转矩形 （3）在矩形所在图层第 15 帧插入关键帧后，分别在其他图层的第 15 帧插入普通帧。然后在关键帧中移动矩形至如图 66-9 所示。图 66-9 创建关键帧 （4）在两个关键帧之间创建补间动画后，将“图层 2”与“图层 3”调换上下位置，并且右击“图层 2”，选择【遮罩层】命令，如图 66-10 所示。绘制渐变矩形 旋转 插入关键帧 移动 图 66-10 创建遮罩动画 4调整动画 创建遮罩动画后发现，只有渐变矩形经过的区域显示文字，并没有白光滑过效果。这时需要在遮罩层下方的同一位置再放置文字。（1）在“图层 1”上方新建“图层 4”，将【库】面板中的元件“文字”拖至舞台，并且与“图层 2”中的文字对齐，如图 66-11 所示。图 66-11 拖入文字元件 （2）这时按快捷键 CtrlEnter 测试动画，发现文字上方具有白光滑过效果，如图 66-12所示。图 66-12 LOGO 动画 创建遮罩动画