用Flash制作网页宽幅广告

用Flash制作网页宽幅广告 用Flash制作网页宽幅广告 设计一族 投稿信箱:design@netlriends.c0t~3? FO堪凡日正在葶意绚奢捕姣赫佴都有彗量耳彳蠹,呵呵.广土的榜丝 可量馒金藏墨重结辟,币是一个靛哥们互一重结礴.玻ei正螗^孝痒傍予镬 嚼.虽说FO栽现在匠泣奄..9直.币c孟旺注事.掳碍毅喜有点鬣技了鼻窖也 是最箍确罐摩谨是拽趣意面上焉吧.姑娘们的籽礁苒洼有太走幅度的提高. 仍是毒鹰膏车注置后连佴如个姑氟.芹锫货麓《篝了.戟强墨害白己的 砧辱壬老王"兰_鼍.夸d童毒雎劳于谩=考吧……——FD 主/田书布l 在网页设计中流行一种Flash宽 幅广告,效果十分抢跟.能起到美 化页面和吸引眼球的作用.今天我 们就用Fl8s}lMx2004来制作这样一 幅广告效果. 审I作前先准备好两幅符台宽幅 大小的图片,新建文件.太小为536 x175像素.背景为白色.帧频为 50fps.将两幅图片导^到文件库中 ==卫雹团 1.按c+FB新建名为.山水动 画的影片剪辑'元件.并将图 层1改名为山水背景将山水图 片拖故到场景工作区中.新建圈层 '山水2.复制.山水背景层的山 水图片到山水2层的第1帧中. 然后将此围片向右上方移动一小段 距离如图1所示为放大了日00倍以 后左下角的示意图. f;: 到特束盘蚊的效果.距离应适中. 1.新建图层波纹逢罩'用.绘 图工具在图片上方有水波的地方 釜制波纹形状【如圈2I.注意在每条 波纹之问霉出一定的空隙将来要 通过这些形状的变化形威波动效果 .46? 3.选中波纹形状按FB键转换 为影片剪辑元件.命名为'水 波遮罩运动.在此元件中继续选 中波纹形状.再发按F日键转换为 元件.命名为水形状.在水渡 遮罩运动元件的第70帧上插^关 键帧,用缩放工具放大第7O帧 上的水波.在第100和225帻上按F6 插人关键帧.将第225帧上的水波稍 顿缩小一点.最后在第170.100帧 上单击右键.选择"创建补问动画 就完成了水渡遭罩的运动效果 ?.回到山水动画元件场景 中.在'波纹遗罩层上单击右键. 选择'遮罩层用波纹遮罩山水匿 片【如图3).这样就形成了水波纹 的动态效果. 制作完水纹波动效果后.再来 制作海鸥飞行的动画,这里主要用 哥了引导线功能 '.衢建名为.海鸥动画的影 片剪辑元件将图层1改名为海 在Fireworks中.按ctr1+U参数i蛊择 鸥"用.绘图工具绘制海鸥形状. 选择海鸥按F日键将它转换为元件 单击圉层面板中韵添加弓l导线 按钮.添加图屡.引导线圈层2" 用'铅笔工具画一条曲线【如图 4}.在第500帧上按F6键插八关键 帧. 1.在海鸥.层的第85165. 255. 360,500帧上插入关键帧.用 缩拔工具选择第B5帧中盼海鸥 然后移动它到引导线的曲线上.使海鸥中心的白点吸附到曲线上.再 在第1帧上单击右键.选择.创建补 间动画.使海鸥从右侧飞到曲线 的第一个高峰上【如图51 I.按此法在第165.255360 500帧上制作同样的引导动画.并在 属性面板中设置第185,165 255,360.500帧的'简易属性为 100—46.0.一70.0.0.并定 义第1和85帧的Al曲a透明度为 50%8O%在每个关键帧之间生 威引导补间动画后.按下Enter键. 就可以看到一直在飞行的海鸥了 :;慧差 制海鸡飞行的加速度快慢.如果 是正值,扣速度蜡走;扣秉是夤 值.加速度则减小. 投稿信箱-desI?@1etmends.corncr3 设计一族 来越多,传统的盔拄/替换法已无法满足资源管 理和维护的需要因此.我们必须找出一个行之有效 的解决这个问.焱所周知风格是所有页面存 在的共性那么我们不妨把这些共性通过的形式 反映出来.这样不仅能加快阿站制作速度.螭短制作 周期而且还照便捷地管理和维护Web资源 一 .楔板的喇作殛应用 l囊|lI曩蓐 制作前先确定网页的共同部分.而有所变动的部 分则留出空白供以后编辑使用. l1)打开DreamweaverMX定义一个站点;设计 一 个比较典型的同页或者直接打开这个站点中某个 风格比较典型的文件选择'文件菜单中的另存 为模扳.辕八模板的名称. c2}在文档窗口中,选择想要设置为可编辑 区域的文本或内窖.将插^点放在想要插八可编辑区 域的地方.选择插入_..模板对象1.可编辑 单中选择新建可编辑区域:在插人栏中选择.楼 板然后单击"可编辑区域按钮.便会出现新建 可编辑区域对话框.在名称文本框中为该区域 翰^唯一的 名称单击 确定.即可. 具体情况如 图1所示.实 际制作过程 中可是活选 择需要定义 的区域 ?-r'小提示:在模板中.可蝙辑区城税是措可以爱 '生变化的部分;置蛙定(不可璃辑)区域是指 不同再面保持一致的部分如,^\司标志一般情况 下.在保存模韫时棰板所有区域都会被标注上酋定 字样.要想使模板变碍可旺被佳用,就必炳将一些 区域变成可壕辑区域在蝙辑模板时,可改变可墙 辑区城和不可鳊辑区域但是,一旦模板植用于文 档的制作,芘只能修葭可瑶辑区域部分了. 制作好水波和海鸥动画.就可 以开始主场景的工作了=首先袭们 要制作两个图片转换过程中的过渡 效果.这个效果也是通过造罩实现 的 '.新建.网格元件,用矩 形工具绘制一个长宽为1276x35 的矩形.再新建名为同梏动画'的 影片剪辑.元件.建立12个图层 然后将网格元件拖放到各个图层 中并按如闰6所示排列好.其中 最上面为圈层1中的元件. 2.以匿层1为例说明单个网格 变形动画的制作.在第1'5帧上按F6 键插^关键帧用缩放工具将 第1关键帧中的矩形缩放成一条直 线然后在两个关键帧之问产生 .运动补问动画在第395和411帧 上插人关键毫蠡将第411帧上的矩 形缩放成一条直线并生成矩形变 直线的补问动画.将其它各个图层 的关键帧逐攻移动3个关键帧,按 同样制作直线变矩形的动画 只是要注意在后面矩形变直线的开 始关键帧有所不同.读者可参考源 文件. 0.新建元件主动画"将圈层 1改名为'云"并新建图层海鸥. 山水,网格动画.分别将云图片.海 鸥动画山水动画和网格动画元件 拖放到相应层中捧好位置然后 在网格动 画层上单击右 键选择遵 罩层.便形 成了图片之间 网格过渡的效果c如图7) 4.最后建立一个文字屡并加 八一种文字效果就OK了.最终效果 如图8所示. 在Fireworks中.按Ctrl+K完整显示?47?