Firework制作动态Banner

动态

  firework做动画图片,最重要的面板就是桢面板,桢面板上按钮的功能在此我们不多说,鼠标在按钮上停留片刻,就能看到提示的,只是需要说明的一点,当我们要在原有桢上创建新的一桢时,只需要将原有桢拖拉到“新建/复制桢”的按钮上就可以,而不需要去复制原有桢上的各个图层。

  下边介绍一个banner在firework里的制作过程,我们先看一下,最后的效果图。

  1.新建一468*60,背景为#000000的文档,将光芒的素材放置适当位置。

  2.选中该图层,按F8修改元件属性,设置动画变化桢数为6桢,缩放到原始大小的1000倍。
 
  确定:firework提示此元件的动画超过文档的最后一桢,自动添加新的桢。这样就创建了六桢光芒的变化效果。

  3.从第七到九桢,我们做图片光感的明暗效果,点击“新建/复制桢”创建第七、八、九桢,在第八桢上,新建一图层,Alt+A全选后,填充白色,这样就形成了,图片明暗的闪动效果。

  4.第十到第十一桢,创建光芒到风景变化过程。在第十桢上按顺序放置下边两图案,复制成第十一桢。在第十桢上,调节上层透明度为80%,在第十一桢上,调节上层透明度为50%,这样就形成了光芒的渐隐,风景的渐显效果。

  5.第十二到第十六桢,创建人物图案的渐显效果。复制第十一桢后,在光芒图层的下层,加入人物图案的图层,复制成五桢,与前边光芒、风景渐隐渐显的效果方法相同,调节每一桢上人物图层的透明度,即形成人物图层的渐显效果。

  6.第十七到第二十三桢,创建《满江红》文字的显示过程。一桢显示一句,是很简单的过程,只需要将上一桢拉到“新建/复制桢”,创建新的一桢,再添加需要新增加的一句即可。如下图为第二十一桢的效果。

  7.第二十四到第二十八桢,创建“潮汕新江湖”文字的效果过程。
  在第二十四桢上输入颜色为#E67830,大小为50号的华文宋体:“潮汕新江湖”,利用发光做出字体的描边效果。

  8.复制成五桢,调整每一桢上字的大小和透明度,形成逐渐清晰、逐渐缩小的效果。

  参考:第二十四桢字体大小扩大到原来的400%,透明度为25%;
  第二十五桢字体大小扩大到原来的300%,透明度为50%;
  第二十六桢字体大小扩大到原来的200%,透明度为75%;
  第二十七桢字体大小扩大到原来的100%,透明度为100%;
  如图,这是第二十六桢的效果。

  9.第二十八桢和第二十七桢是一样的,在此分作两桢,是便于控制每一桢显示时间。第二十八桢为最后一桢,突出主题,这是“潮汕新江湖”的banner,所以停留的时间需要长一下,以便让人清楚。
  10.这样,整个banner就做好了。我们可以适当的调整每一桢的显示时间,如图中,红线框内的数字就是该桢延时的时间,单位为1/100秒。

  要让banner显示的动画效果最自然,需要多调试每一桢的延时时间。我们可以点击文档上的“播放/停止”按钮进行预览。

时间: 2024-11-05 10:35:34

Firework制作动态Banner的相关文章

Fireworks制作动态banner流程

动态 itgao老总是我朋友,前几天要我帮忙做个banner,拖到今天终于有点不好意思了,动手!好久没有用fw做动画了,有些生疏.有不合适的地方希望大家不要扔鸡蛋砸我,要扔就扔石头,一把砸死我得了,我这人脸皮薄,呼呼.好,废话不多说,咱们开始吧:效果图: 本文涉及知识点:1.fw创建gif动画的基本过程:2.fw帧动画中共享层的使用:3.fw形状渐变动画的制作:4.fw缩放动画的制作:5.fw帧帧动画的制作:...第一步:做背景层大家知道,大多动画的背景图片都是固定的,变化的只是动画里的文字阿.

巧用Fireworks制作精彩Banner

当你驾着爱机在网上冲浪时,是否注意到网页上形形色色的动态Banner呢?一个好的Banner会给人一种耳目一新的感觉,一张好的Banner会给网页添色不少.那么,你是否也想制作这么一张漂亮的Banner呢?现在我们就用Fireworks来制作出一张Banner吧! 1."巧妇难为无米之炊",首先要收集好适合你网页的图片,如果自己能够制作出这些图片那就更好了!注意要把这些图片调好尺寸,并且转化成为GIF或JPG等格式,并保存好. 2.启动Fireworks,点击"File→Ne

用NoahWeb表现层制作动态网站

web|动态 第一天开始之前先和大家介绍点NoahWeb概念吧:NoahWeb有两种可以互补的语法:表现层和逻辑层,其中表现层是专门用来控制表现效果的,指令非常少.一共13个指令,如果按功能来分的话就更少了!一共才9个,呵呵,很少.别小看这13个指令,学会使用这13个指令就已经做出各种漂亮的动态网站.别告诉我你不知道什么是动态网站!动态网站就是网页内显示的内容是来源数据库的,页面内容会根据数据库内容动态显示在网页里面. 如果需要了解更多NoahWeb的内容,请访问其主站:http://www.n

Flash8制作动态开门效果网页菜单

菜单|动态|网页 今天给大家讲解一个如何利用Flash制作动态网页菜单,如果好你就可以直接拿去用了!你也可以自己改进,改进好了别忘了去论坛告诉一声啊! 先看效果和源文件: 点击这里下载源文件 制作方法非常简单,在这里给大家简单的叙述一下!如果不明白就看源文件吧! 首先制作五个影片剪辑片段,说说方法,建立两个图层,下面这个图层绘制一个矩形,至于填充为什么颜色按你的喜好定就可以了!上面的图层输入要显示的文字.然后分别都在第15帧插入关键帧,下面的矩形稍微调整一下形状,上面的文字层稍微向上移动一点位置

高手进阶:用FrontPage2000制作动态网页

frontpage|动态|网页 DHTML是动态网页的意思,它其实并不是一个标准的术语.事实上没有一种技术叫作DHTML.DHTML是利用CSS(层叠样式表),JavaScript,HTML等技术而建立的能与访问者产生互动的网页.比如在动态网页里,当访问者单击了某一张图片后,这张图片会自动的移动,这就是DHTML效果.也就是说,当网页下载完毕后,它无需再与服务器连接就能产生变化了.FrontPage2000提供了一套容易制作动态网页的方法,你可以建立起属于自己特色的动态网页. 使用DHTML的基

用Maya的粒子来制作动态的Logo

原始链接:http://cg.tutsplus.com/tutorials/3d--icles-in-Maya/ 原作者:Abed Ibrahim 使用软件:Maya 在本教程中,我将给大家讲解一下如何用Maya的粒子来制作动态的Logo. Step 1 首先点击Create菜单下的Text选项.(图01) 图01 Step 2 调整默认的参数,然后点"create".(图02) 图02 Step 3 在"Outliner".中找到文字的边缘线,按(Ctrl + h

如何在Flash制作动态网页?

  SWF动画文件中的图像.声音.文字和动画等都是固化在其中的,所以新的问题又出现了,就是如何在SWF文件中实现动态数据的显示?可用Flash中的FS Command来实现.以下,是如何在Flash制作动态网页 的具体操作步骤,希望对大家有所帮助! 进入 Flash 4.0,新建一个文件或打开一个已经做好的Flash页面.选择Insert/layer,新建一个层.确认新层为当前层后,用矩形工具画一无边框线的蓝色长方形(大小约为100px×120px)作为底色.再选择Text(文本)工具,设置字体

WPS演示制作动态幻灯片的方法

  WPS演示制作动态幻灯片的方法 1.运行WPS演示,系统会自动建立一个演示文稿.为了使幻灯片中的对象能够准确定位,我们还需进行如下设置:在屏幕上单击鼠标右键,在快捷菜单中单击"标尺"命令,使标尺显示;再次在屏幕上单击鼠标右键,在快捷菜单中单击"网格线和参考线"命令,弹出"网格线和参考线"对话框,勾选"屏幕上显示网格"和"屏幕上显示绘图参考线"选项,单击"确定"按钮保存设置,依次单击&

excel怎么制作动态图表?

excel怎么制作动态图表?   1.创建窗体 点击开发工具--点击插入--窗体控件. 右击--设置控件格式 数据源区域:如图所示,公司所在单元格区域 单元格链接:A9(不固定) 下拉显示项数:4,(即数据源区域所在个数). 效果如图所示,下拉菜单控件. 2.使用查找函数与窗体建立动态数据源 如图,输入公式,然后向右进行复制公式. 有关index函数,具体可以参看小编的经验 Excel中index函数的使用方法 如图所示,点击下拉菜单控件,选择不同的公司,通过公式引用的数据在变动,效果如图所示.