Fireworks-8-制作网页效果图_第1页
Fireworks-8-制作网页效果图_第2页
Fireworks-8-制作网页效果图_第3页
Fireworks-8-制作网页效果图_第4页
Fireworks-8-制作网页效果图_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、Fireworks制作动态banner流程2007-05-09 11:12:38来源: 网页教学网网友评论 0 条 进入论坛itgao老总是我朋友，前几天要我帮忙做个banner，拖到今天终于有点不好意思了，动手！好久没有用fw做动画了，有些生疏。有不合适的地方希望大家不要扔鸡蛋砸我，要扔就扔石头，一把砸死我得了，我这人脸皮薄，呼呼。好，废话不多说，咱们开始吧：效果图：本文涉及知识点：1、fw创建gif动画的基本过程；2、fw帧动画中共享层的使用；3、fw形状渐变动画的制作；4、fw缩放动画的制作；5、fw帧帧动画的制作；.第一步：做背景层推荐精选大家知道，大多动画的背景图片都是固定的，变化的

2、只是动画里的文字阿、图标等等。我们可以事先将背景部分做好，然后将其设为共享层，其他帧里我们就不用再复制背景层了。新建468*60文档；用矩形工具画一个矩形，大小同画布；将填充颜色改为线性渐变，调整颜色如下;推荐精选通过“文件”菜单里的“导入”功能，将修饰图片导入场景； 推荐精选并调整布局及搭配，结果如下图：将层面板中层1设置为共享层，并新建层2；推荐精选选择层2，场景中输入“海量”两个字，大小为120px，调整透明度为60%；调整颜色及倾斜角度；推荐精选在帧面板中讲帧1鼠标拖拉之新建图标，复制创建帧2，并将文字大小设置为44； 在画布中输入“免费”，在滤镜的“阴影和光晕”中选择“发光”；调整参

3、数如下：再对“免费”两个字进行模糊处理：在滤镜的“模糊”中选择“缩放模糊”；推荐精选调整参数如下：复制该帧，并将新帧中的“免费”的模糊参数修改如下： 再复制该帧，删除“免费”的模糊滤镜。复制帧，添加输入“教”；复制帧，添加输入“程”；重复复制帧，添加输入“.”实现如下图的效果：推荐精选新建帧（直接点新建帧图标，不用复制帧的操作），输入“尽在”，导入图片，调整位置、文字字体等，如下：重复复制帧，调整图片位置：输入“Www.ITGao.Com”，并使用发光滤镜: 推荐精选双击各帧，在弹出的间隔时间：动画制作完毕，开始导出为gif图片：打开图像预览面板推荐精选推荐精选设置如上图所示，最后点击“导出”按钮，保存。大功告成，效果如下：动画总体过程比较麻烦，综合了fw的很多实用功能和技巧，但原理其实很简单，只要耐心

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论