FlashCS3入门网页LOGO.pdf

Flash CS3 入门 网页 LOGO 现在的一些商业网站，LOGO 都制作成简单的动画来引起人们的注意，如图 66-1 所示制作滑过白光的 LOGO 在 Flash 中十分简单，是形状补间动画和遮罩层结合制作出来的在制作过程中，考虑到 Flash 会忽略遮罩层中的渐变色、透明和颜色的特点，所以我们不可以将形状图层作为遮罩层而当图形图层作为被遮罩层时，元件 logo 中的文字就无法显示，这时需要具备两个文本图层 图 66-1 网页 LOGO 效果 练习要点  导入位图图像  设置文本属性  创建元件动画  创建遮罩层 练习过程 1．准备素材 制作动画首先要确定动画舞台的尺寸， 如果具有素材图像， 那么可以根据图像尺寸设置舞台尺寸这样导入后的图像可以恰好放置在舞台中 在 Flash 中创建 88×31 像素的空白文档后，按快捷键 Ctrl＋R 导入位图图像 LOGO.jpg，并且通过【对齐】面板使图像与舞台中心对齐，如图 66-2 所示 图 66-2 导入图像 2．输入文本 由于导入的背景图像中具有射灯图案， 所以这里并不是单纯的输入文本， 还需要为文本填充渐变颜色，使其呈现灯光照射在文字的光影效果。

（1）新建“图层 2” ，在其中输入文本“NOV 别墅” ，并且在【属性】面板中设置文本属性如图 66-3 所示 导入图片 输入 图 66-3 输入并设置文本 （2）选中文本后，连续按两次快捷键 Ctrl＋B 分离文本，使文本变成图形，如图 66-4所示 图 66-4 分离文本 （3） 在 【颜色】 面板中设置 【填充样式】 为放射状， 并且设置两端颜色如图 66-5 所示然后使用【颜料桶工具】单击打散后的文本图形进行填充 虽然设置渐变颜色后，文本图形会自动更改填充颜色但是必须再次填充，因为自动填充的颜色是以文字为单位显示的 图 66-5 填充渐变颜色 （4）在同图层中输入字母 NATURE OF VILLA，设置文本属性如图 66-6 所示然后将该图层中的图形与文本，同时转换为图形元件“文字” 图 66-6 转换元件 3．创建动画 为了使文字具有白光滑过效果，需要将动画与遮罩层结合 （1）新建“图层 3”并且在其中绘制白色不透明渐变矩形，如图 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） 这时按快捷键 Ctrl＋Enter 测试动画， 发现文字上方具有白光滑过效果， 如图 66-12所示 图 66-12 LOGO 动画 创建遮罩动画 。