Fireworks GIF动画
第一节 Fireworks简介及文件操作
特点：1，矢量绘图，而且进行位图处理（Flash）
2，进行特效处理（可以用Photoshop中的滤镜）
3，生成网页（网页文字）
4，颜色模式只有RGB（电脑屏幕上用的是RGB）用电子枪
一，窗口介绍：
1，菜单栏：
2，工具栏：窗口菜单/工具栏 主要：文件编辑命令 少用简洁省地
修改：修改命令
3，工具箱：
1）选择工具：用于选择对象可以进行画布缩放，裁切。
2）位图工具：只能位置的方法处理
3）矢量工具：绘制矢量图
4）网页工具：生成网页代码（热区、切片）
5）颜色工具：
6）视图工具：画布的查看方式
共34个工具，还有子工具，在“三角”处单击右键
4，工作区：
标签：原始显示：正在编辑的文档
预览：最终在浏览器中效果
2幅：同一图像按不同文件格式存盘效果对比
4幅：同一图像按四种文件格式存盘效果对比
在左下角：播放控制
在右下角：画布大小及显示比例（存盘时是画布不是图片）
5，面板：“窗口”菜单
属性：
优化：设定文件输出格式及质量
层、帧、历史记录
样式、库、URL
混色器、样本、
信息、行为
查找和替换、工程记录、对齐
二，文件操作：
1，基本操作：
1）新建，画布大小，分辨率，画布颜色（只能是单色）
安装：第一次启动（500*500）大小，第二次启动是上次的大小 第三种方法：如果剪切板，以剪切板的图像为大小
2）打开：导入，打开：打开为“未命名”，不显示原名以动画打开“把多个文件作为一个文件多帧”
3）保存文件：格式为（.png）不能保存其它文件格式
4）保存其它格式：①优化面板选择格式及质量 ②文件/导出
★例：
1，新建400*200——其它默认
2，单击“文本工具”，属性面板，隶书，80号，输入三个字
3，用剪头工具把文字放在画布中间位置
4，属性面板：字色：无——边线色为“黑”
5，编辑/克隆
6，修改/变型/数值变形——“约束比例”不勾选，宽：106，高：110
7，“历史记录”面板——选定后两步——按“shift”键，小滑块不动，单击“重放”7次，选字颜色
第二节 图文处理
2，文件属性：
1）修改/画布，画像大小
画布大小，颜色，旋转
2）裁剪工具：裁剪画布（拖动出距形，后到中间双击）
一，变换对象：
1，缩放工具：旋转，缩放
2，倾斜工具：旋转，倾斜，规则变形
3，扭曲工具：旋转，任意变形
4，修改/变形/数值变形：缩放，大小，旋转
翻转：（和Flash一样）过份的缩小，变后放向放大
5，修改/对齐：叠放次序
6，修改/对齐：与对齐面板相同
7，组合：
1）修改/组合：简单形成一组，保持各自属性
2）修改/组合路径/合并：路径合并为一条（两圆相交，无色因为是线）
3）修改/组合路径：联合：取所有对象的所有部分
相交：取所有对象的公共部分
打孔：用上层图切去下层中与之相交部分
裁切：用上层图切下层图中与之相交部分，并线
二，填充：
1，工具箱：颜色工具
2，属性面板：
1）填充类别：
2）填充色：配色，转换填充
3）边缘：矢量块边缘处理方法
4）纹理：指图像的表面效果
★练习填充方式：
1，新建文件400*350
2，用椭圆工具画椭圆
3，编辑/克隆——修改/变形/旋转90度
4，选定两椭圆——修改/组合路径/联合
5，属性面板：填充类别（波浪），颜色：选“鲜绿色”，把各点颜色调亮，选择“点”按上面“编辑”颜色按钮，然后右侧黑三角向上拖动
6，纹理选，沙纸，总理为40%
7，属性面板：效果/单击“+”号，选“斜面浮雕”，内斜角，宽度为24，柔化度为“19”，下面光照角度135
三，描边：
1，工具箱：颜色工具
2，属性：
1）描边种类
2）描边色
3）笔尖大小
4）笔尖边缘柔化度
5）纹理
★例：画云彩
1，新建文件，大小随意，画布“天蓝色”
2，刚笔下面第二个，“矢量路径”工具，属性，铅笔，宽2，颜色：白，画线：越密越好
3，属性——效果“+”号，模糊/高斯模糊，不低于2
四，文本：
1，输入：
1）单击文本工具，在属性面板
一行：（字体，字号，字色，字形）四大要素，文字排版
二行：字间距，行间距，文字排列方向，对齐方式
三行：段落缩进（首行缩进），段前距
字间的纵横比 段后距
2）在画布上单击或拖拽出“距形”输入文字
3）选定全部或部分文字，属性全部：边线色 部分：相对位置
2，文本与路径：
1）环绕路径：
方法：①输入文字：画出路径
②选定文字和路径：在文本，附加路径
注：1，文本/方向：可以调整文字站立方向
2，文本/倒转方向：把路径另一端点作为起点
3，属性面板：文本编移，文字与路径起点之间的距离
★例：浮雕字
1，新建文件，浅黄色背景
2，输入文字：黑体，76号，红色，浮雕字
3，属性面板：效果“+”斜角和浮雕/凸起浮雕，宽5，对比100%，柔化：2
4，效果“+”，阴影和光晕/发光，宽：3像素，颜色：蓝，柔化2，位移：1（指光与光之间距离）
第三节
2）文本转成路径：
选定文本：文本/转换为路径
修改/取消组合
拼写检查不讲：因为“和word一样”
★例：金属字
1，新建文件：300*100
2，输入文字：大小90字号，字体：隶书（不要用华文彩云）是特殊字体，输入“金属字”
3，属性面板：字色“填充选项”，上面选“线性填充”灰，黑，灰，灰：#cccccc，方向是“由上到下”
4，属性面板：效果“+”，斜角和浮雕，内斜角，上面选择“平滑”，宽：24
5，属性面板：效果“+”，调整颜色，曲线（代表颜色分配平均），编辑（上面3个，下面3、个）
6，属性面板：效果“+”，色相饱和度，色相45，饱和度63，亮度“随意-13”
★例：
1，打开一幅图像文件——输入文字——字色“白色”
2，同时选定文字和图片——修改/蒙版/组合蒙版（拖拽中点移动的是背景）庶罩影响透明度，（如：玻璃，刷漆，看不见）
动画及网页元素
关键帧动画： 运动动画 插帧动画
一，动画制作：
1，运动动画：
1）准备动画：（F8）
2）修改/动画/选择动画
帧：动画长度（多少帧播放完）
移动：运动的距离
方向：运动的路线与水平夹角
缩放到：在运动过程当中，大小变化的百分比
不透明度：在运动过程当中，透明度的变化
旋转：在运动过程当中，自转的度数
3）可以拖拽动画路线上的带点，改变动画效果
2，插帧动画：
1）准备元件：启始
2）复制元件：终止
3）分别设置两个元件属性
4）选定两元件：修改/元件/补间实例
步骤：中间补充的帧数
分散到帧：作为动画
3，播放与导出：
1）帧面板：
帧名后的数字：延迟时间
下边：洋葱皮按钮
后面：Gif动画循环：导出的动画循环播放次数
分散到帧：把当前帧所有对象分别移到各帧中去
2）导出：
①优化格式为GIF动画
②文件/导出
二，网页元素：
1，热区和切片：
1）功能：①实现同一图像，不同区域不同链接
②承载行为语句（Java Script）语言
③切片：可以把图像切成多个部分
2）制作：工具箱网页工具相应按钮（切出图像永远是距形）
3）编辑属性：超链接
4）导出：①优化图像格式
②文件/导出：保存类型：HTML和图像
HTML：HTML代码处理方法
2，行为：
1）选对象：在目标画切片，选定切片
2）行为面板：“+”选动作，规定动作参数
3）选事件：
文件菜单：
画方框，文字，文件
画“切片”，动作里的——弹出菜单编辑器后面的按钮是——缩进格式（子菜单），然后点“继续”，最后，复菜单可以调整，子菜半日不能调整。
Fireworks MX讲议
在图像处理的领域有这样一个软件,它即能处理位图也可以处理矢量图、并且可以修复静态图像和制作动画，这个软件就是Macromedia公司Fireworks
基础知识:在计算机中图像可以用为两种:位图和矢量图
位图:它是由不同颜色的像素点组成,表现出的图像的颜色非常丰富.
矢量图:它是由线条和填充色组成,表现的图像颜色比较单调.
特点:位图由于是像素点组成的,所以放大之后会出现失真现象,并且和分辨率有关,而矢量图是由简单的线条和颜色组成,所以在放大的时候不易失真.Fireworks支持这两种工具模式.
第一讲 工具的介绍和位图的加工
一.新建对话框的认识:
像素：它是计算机中图像的基本单位,相当于不同颜色的像素点
分辨率：它是反映图像清晰与否的标志，分辨率越大图像越清晰。它单位是像素/英寸（pixel/inch）意思是说：每英寸上的像素点有多少个。
二.工具箱的认识
Fireworks的工具箱有六大部分组成分别是：
选择工具项：主要负责选择操作
位图工具项：主要对位图进行加工处理
矢量图工具项：主要对针对于矢量图的设计
网页工具项：和网页有关的工具
颜色工具项：方便调节颜色
视图工具项：显示方法的调整
三.位图工具的使用
1.选择工具[V]
2.直接选取工具[a]
3.缩放变形工具[Q]
4.裁切工具[C]
5.图像的导入[ctrl+R]:把一个已有的文件导到本文件中
6.位图工具的使用
选区工具[M]
套锁工具[L]
摩术棒工具[W]
画笔工具[B]
铅笔工具[B]
橡皮工具[E]
模糊工具[R]
橡皮图章工具[S]
滴管工具[I]
渐变工具[G]
实例:导入一个图像进行图像的修复
第二讲 矢量工具的使用
一 矢量工具的使用
直线[N]
钢笔[P]
形状[U]
文字[T]
自动变形[O]
刀子工具[Y]
二 路径
1.概念:路径是指矢量图形的轮廓线
2.路径的计算
-修改-改变路径菜单:
简化:可以减少路径的控制点
扩展笔触:可以使路径向外扩展一个,达到空心的效果
伸缩路径:可以使用路径向内或向外伸缩
羽化填充:可以使用颜色以羽化的形式填充
-修改-组合路径
合并:将多个路径组合成一个
拆分:将一个已组合的路径拆分成多个
联合:将两个路径相加
打孔:将两个路径相差事
相交:将两个路径相交
裁切:获多个路径和最上面对象的相交处
3.对齐
4.排列
5.变形[ctrl+shift+T]
三.样式面板的学习[shift+F11]
四.按钮的插入[ctrl+shift+F8]编辑-插入-新建按钮
实例1:动态按钮的制作
选择编辑-插入-新建按钮[ctrl+shift+F8]
第三讲 图层\帧\元件-动画的制作
（两课时）
一.图层[F2]:
小知识:它是为了方便管理对像而引进的,可以实现图像在空间上的分离,Fireworks的图像是面向对象的,就是说只要你制作对象,在图层上面都有一个位图的
缩览图给以显示,注意这里的位置小方框只是存放对象的容器,它们和图层是两个概念.
二. 帧面板的使用[shift+F2]：
和Flash中的帧是一样的，它是记载动画的场所，我们可以把静态的图片放到每一个帧上，然后播放即可看到动态的效果
三. 元件：它是一种可以重复使用的对象，在制作动画时经常使用。
四. 实例1.庶罩动画的制作
先在图层1写文字
然后复制到图层2把颜色变换成其它色
在图层2上做一个圆形，并把它放在文字的下方
选择修改-蒙版-组合为蒙版
然后去掉图层2的关联，选中它按Alt+shift+F8进行动画设置
最后双击图层1选中共享交叠层即可完成动画
实例2.LOADING加载动画条的制作
先在图层1写上LOADING的字样
新建图层2，并画一个矩形
选中它，按F8将它变为图形元件
按ctrl+shift+D克隆一个并把它变长
选择修改-元件-补间实例[ctrl+alt+shift+T]输入数值
双击图层1，选择共享交叠层，动画完成！！！
第四讲 面向网页的强大功能
一 热区：（hotspot）[ctrl+shift+U]就是选择一个区域，并且在这个区域里可以为它设置“链接”，热区的会放在网页层中
种类：矩形热区、 圆形热区、多边形热区
二 切片：[alt+shift+U]由于我们制作的图像要向网上上传和下载，所以如果你的图像很大，就会影响下载的速度，使用切片工具可以将一个大的图形切割
成很多小的图形，这样可以加快下载的速度.
小知识：在浏览网页时，如何才知道一个图像道底有没有被切割过呢？
方法：可以将鼠标移到图片的右下角，拖动鼠标你如果看到图像是一块块被选中的，那就说明它被切过所之则没有。
保切片的文件：文件?导出，文件名为*.htm 然后我们进入*.htm所在的目录，我们会发现切割的图片也和*.htm文件在一起。
实例1：下拉菜单的制作
写一个菜单的名字
用切片工具在名字上切割
选中它，然后选择修改-弹出菜单?添加弹出菜单
输入所需内容，F12预览即可
实例2： 翻转图的制作
所谓翻转图就是说当鼠标移到图片上时图片会发生一些变化
制作方法：
打开一幅图，选择它，按alt+shfit+U键转为”切片”
按shift+F3打开行为面板，添加“简单变换图像”
按shift+F2打开帧面板复制一个帧2
把它做一些调整比如模糊一点，最后F12预览
实例3： 为切片和热点建立链接
首选打开图像
制作“热区”或“切片”
在属性栏中把链接的地址写上F12预览即可
注意：我们有了热区和切片可以把Fireworks和Dreamweaver接和起来，一同进行网开发！！！
