当前位置：文档之家 › fireworks cs5标准实例课件第1章 初识Fireworks CS5

fireworks cs5标准实例课件第1章 初识Fireworks CS5

  • 格式：ppt
  • 大小：862.50 KB
  • 文档页数：13

下载文档原格式

  / 13

合集下载

中文版Fireworks CS5基础与上机实训课件 03

中文版Fireworks CS5基础与上机实训课件 03

3.5.6 路径的裁切
裁切路径是打孔路径的相反操作，生成的新对象其实是打孔路径操作删 除的部分。可以先选中多个需要裁切的对象，然后选择“修改”|“组合路径 ”|“裁切”命令
3.4.1 自由变形路径
使用“自由变形”工具可以直接对矢量对象执行弯曲和变形操作。从工具 箱中选择“自由变形”工具按钮，鼠标指针将变成形状。此时在“自由变形 ”工具属性面板中的“大小”文本框中可以设置被拉伸的路径的长度。
3.4.2 更改区域形状
在工具箱中选择“更改区域形状”工具按钮，在画布空白处按下鼠标左 键，指针将变成两个红色同心圆。指针的内圆是工具的全强度边界。内外圆 之间的区域以低于全强度的强度更改路径的形状。指针外圆确定指针的引力 拉伸，可以在属性面板中设置其强度。
计算机基础与实训教材系列
《中文版Fireworks CS5基础与 上机实训》
第三章
绘制矢量图形
学习目标
矢量图形的基本要素是路径和点。在绘图时，矢量路径和点 由软件自动生成，如果放大矢量图，也只是将其尺寸进行放大 ，而图形看上去和原来一模一样。与之相反，位图则是由像素 矩阵形成图像，如果将其放大，位图图像就会越来越粗糙，变 得模糊不可识别。Fireworks淡化了矢量图和位图之间的区别， 使用“钢笔”工具既可以编辑矢量路径也可以绘制可编辑的位 图。本章将详细介绍在默认的对象模式下绘制矢量图形的方法 。
3.1.3 “椭圆”工具
如要绘制椭圆，可以在工具箱中单击“椭圆”工具按钮，然后在绘图窗 口中按下鼠标左键并拖动。在绘制椭圆时，按住Shift键，可以绘制正圆。
3.1.4 “多边形”工具
如要绘制多边形图形，可以在工具箱中单击“多边形”工具按钮，然后 在绘图窗口中按下鼠标左键并拖动即可。在绘制多边形时，可以在“多边形 ”工具属性面板中的“边”文本框中设置不同的数值，来绘制不同边数的多 边形。

中文版Fireworks CS5基础与上机实训课件 01

中文版Fireworks CS5基础与上机实训课件 01
在使用Fireworks进行图像制作时，通常需要使用一些辅助工具，如网格 、标尺和辅助线等。通过这些工具可以更加准确、方便地绘制图形。
1.6.1 使用标尺
要显示和隐藏标尺，可以选择“视图”|“标尺”命令，重复选择此命令 ，可以在显示和隐藏标尺之间进行切换。在Fireworks中，标尺刻度沿着绘 图窗口的边缘显示，并有垂直和水平两种方向。
1.3.4 工具栏
工具栏位于菜单栏的下方，可以通过选择“窗口”|“工具栏”|“主要” 命令，显示或隐藏工具栏。
新建 打开 导出 撤销
剪切
顺时针 粘贴 取消分组 拆分 上移一层 移到最后 对齐方式 旋转 90 度 垂直翻转
保存 导入 打印 重做 复制
分组
接合 移到最前 下移一层 上次使用的 逆时针 水平翻转 对齐方式 旋转 90 度
1.2.2 位图图像
位图图像又称为点阵图像，它是由许多颜色的小正方形组合而成的，组 成图像的这些小正方形就是像素。由于位图图像是以像素集合体形式创建的 ，因此不能单独操作局部的位图像素。位图图像主要通过增加分辨率的方法 来表现自然、真实的效果。不过需要注意的是，增加位图图像分辨率时，其 文件的大小也会随之增加。
1.2 矢量图与位图
计算机中的图形通常分为矢量图形和位图图像两种类型，保存这两种类型 的图像文件又会有多种图像文件格式，它们还可以分别具有不同的颜色模式 。掌握一些必备的图像知识，可以帮助用户更好地使用Fireworks进行图像 处理。
1.2.1 矢量图形
矢量图形在数学上定义为一系列由线连接的点。由于图形的线条都是用 PostScript语言描述的，因此也被称为PostScript图形。矢量文件中的图形元 素称为对象，一般情况下矢量图形是由多个对象堆砌而成的，并且每个对象 在计算机中都是通过数学公式进行描述的。图形中的每个对象都是单独的实 体，具有颜色、形状、轮廓和大小等属性。单独改变矢量图形中某一部分的 属性，不会影响图形中其他部分的属性，还可以保持图形原有的清晰度。因 而，矢量图形适合绘制线条物体，通常用于计算机辅助设计和工艺美术设计 、插图等。

Fireworks CS5

Fireworks CS5

Fireworks CS5教程Fireworks CS5四大亮点1.包含Photoshop所有的全部滤镜一直非常羡慕Photoshop可以使用滤镜轻松的合成各种特效，这下使用Fireworks也可以轻松做到了，这点我非常之冲动。

2.Fireworks CS5已经支持了自定义笔刷Fireworks CS5可以像Photoshop那样自定义笔刷样式了，你甚至在Fireworks CS5中可以导入Photoshop 和Illustrate所定义好的笔刷效果。

这个功能非常之强大，我们可以很方便得作出一些广告效果出来。

3．方便的绘制各种曲线Fireworks CS5新增了修剪变形工具，我们可以轻松的绘制出各种曲线，这些操作在以前我们需要较多的步骤才可以完成，现在，一切都变得那么简单！4．完美支持表格布局这是我最喜欢的亮点之一，原来使用Fieworks制作网页效果时，常常为画表格而感觉费时费力，加上了这个工具，轻松的就像在Dresmweaver中使用表格一样。

Fireworks CS5 能与其它Adobe 创作的软件,(如Dreamweaver 、Flash、Photoshop、Illustrator等)高效集成，精确一致地在各种应用程序之间交换设计、资源和代码。

它还可以对图像进行优化处理，是最高的快速网站原形和用户界面的设计环境，是广大网页图像设计者的首选Web图形工具软件。

本书将介绍Fireworks CS5的工作界面，以及基本的一些文件操作。

作为一个图像处理软件，Fireworks能够自由地导入各种图像（如Macintosh的PICT，FreeHand，Illustrator，CorelDraw的矢量文件；Photoshop文件、GIF、JPEGBMP、TIFF等），甚至是ASCII的text 文本文件。

同时，Fireworks也不单单是个图像处理工具，它还是一个全方位的Web设计工具。

使用Fieworks既可以生成静态的网页图像，也可以用HTML文件,还可以生成包含JavaScript代码的动态图像,甚至直接编辑整个网页。

fireworks讲课

fireworks讲课

注意：
• 选择正确的分辨率
像素/英寸（ppi）是一种至于印刷领域相关的 度量单位。处理屏幕图形时，用户惯性的时像素 尺寸（640x480、760x420等）。Fireworks默认 使用的分辨率为96ppi（在Mac中，为72ppi）， 如果使用Fireworks处理印刷项目，应向印刷商资 讯因使用的分辨率。对印刷而言，通常应使用 300ppi的分辨率。然后，需要注意的是， Fireworks的强项在于处理屏幕图形，而非用于打 印的图形。例如，不能将标尺的单位改为英寸，
• 在屏幕上只有像素是重要的，因此只能将 标尺的单位设为像素，同样，Fireworks不 能理解也不使用CMYK颜色和打印机配置文 件，因此最终的作品肯恩更不能精确打印。 好消息是Fireworks现在支持PDF导出， 因此将涉及方案打印出来一边向客户展示 时，其结果的可预测行更高。
1.2 工具面板
中文版经典教程Adobe Fireworks CS5
——徐建超
第一课 了解工作区
本章重点： 【1】建立新文档 【2】打开现有的文档 【3】绘制矢量形状 【4】熟悉工作面板 【5】储存文件； 【6】使用属性面板修改选定的对象的属性；
【7】定制工作区 【8】在选项卡试图下使用多个文档 【9】使用历史记录面板
工 • 颜色 • 视图
第二课 重要的工作流程工具：页面 面板、状态面板和图层面板
• 主要内容： 导入新页面 创建新图层 创建子层 调整图层的堆叠顺序 重命名图层 保护图层和对象 访问图层选项 编辑状态的内容
面板的介绍
• 在windows 中，fireworks的默认工作区有顶部的 应用程序栏和主工具栏、左边的工具面板以及右 边的面板停放区打开的面板组成。 • 当用户打开多个面板的时候，系统就会默认将在 一个文档窗口的多个选项卡中显示他们，但可通 过将选项卡从文档窗口中拖拽出来时期成为独立 的浮动文档窗口。

fireworks教案课件第1章

fireworks教案课件第1章

1.2.4 工具箱
使用视图工具可以控制文档窗口的显示效果。
1.2.5 文档编辑窗口
在文档编辑窗口顶部有4个选项卡，用于控制文档编辑窗口的显示模 式：
“原始”：显示当前编辑的PNG文档。 “预览”：预览当前编辑的文档。 “2幅”：2窗口比较。 “4幅”：4窗口比较。
在文档编辑窗口右上角有一个“文件管理”按钮，用于轻松地访问文 件传输命令。
令。 “打开”：打开一个已存在的图像文件。对应“文件”|“打开”命
令。 “导入”：导入一幅图像，对应于“文件”|“导入”命令。 “导出”：导出一幅图像，对应于“文件”|“导出”命令。 “打印”：将编辑的图像文件输出到打印设备。对应“文件”|“打
印”命令。 “撤消”：撤消以前对对象的错误操作。对应于“编辑”|“撤消”
命令。 “重作”：重复最近一次撤消的操作。对应于“编辑”|“重作”命
令。 “剪切”：复Байду номын сангаас选定的对象到剪切板中并删除原来的对象。对应
“编辑”|“剪切”命令。 “复制”：复制选定的对象到剪切板中。对应于“编辑”|“复制”
命令。 “粘贴”：将剪切板中的对象粘贴到舞台。对应于“编辑”|“粘贴”
命令。
即可将相应的浮动面板隐藏或显示。 方法二：在展开的浮动面板的页签上单击鼠标右键，在弹出的快捷菜单
中选择“关闭”命令，可以关闭浮动面板；如果选择“关闭选项卡组”， 则关闭浮动面板组。 方法三：可以利用Tab快捷键。按一次Tab快捷键，可以隐藏所有的浮动 面板，再按一次Tab快捷键，又可以将原先所有显示的浮动面板重新显示 出来。
1.2.2 菜单栏
Fireworks CS5的菜单栏包括“文件”、“编辑”、“视图”、“选 择”、“修改”、“文本”、“命令”、“滤镜”、“窗口”、“帮 助”10个菜单项。

fireworks CS3入门与提高课件第1章 认识Fireworks CS3

fireworks CS3入门与提高课件第1章 认识Fireworks CS3

1.2.4 工具箱
使用Fireworks处理图像，必须绘制各种图形和对象，还须插入Web 元素、编辑颜色等，这就必须使用到各种工具。在Fireworks CS3中， 图像处理工具都放置在工具箱中，图所示的就是Fireworks CS3的工 具箱。
1.2.5 文档编辑窗口
Fireworks CS3界面中间是文档编辑窗口，这是用户使用Fireworks进 行创作的主要工作区。图像的创建、编辑、处理和显示都是在该区域 中进行的。在文档编辑窗口顶部有4个选项卡，如图所示，用于控制 文档编辑窗口的显示模式：
1.1 Fireworks CS3的新功能
World Wide Web 目前已是人们生活中必不可少的一部分， 它需要各种形式的（静态的、动态的和交互的）图形、图 表、徽标、符号和图标，以便向人们展现出各种生动的色 彩和图像。
在使用Fireworks之前，大多数设计者需要使用多种不同 的工具来完成设计目的，任何一个小的创作都要完成以下 操作：
例如要将【外形】面板以选项卡形式从资源组合中拆分出来，具体操 作如下：
（1）单击【资源】面板组右上角的【选项】按钮 单。
，打开选项菜
（2）选择【将形状组合至】菜单项中【新建面板组】选项，如图所 示。
（3）拖动【形状】面板到要停靠的地方。如图所示。
与拆分操作相反，如果希望将某个浮动面板停靠到一组浮动面板中， 从而形成一个选项卡，则可以拖动该浮动面板的选项卡，然后将之拖 动到某个浮动面板框架中。
状态，即可重新显示原先显示的所有浮动面板。该操作的另一个快捷键 是F4。
3．面板的共同特征
尽管各个面板完成不同的工作，不同的面板都有一些共同的界面特征。
在Fireworks CS3中有10多个面板，每个面板丰富的功能将在后面章 节中具体介绍。

Fireworks全套教学课件(1)


算运叠重、少减、并合、除删的区选
令 命] 选 反[ 行 执
�
转反的区选
� � � �
似相 取选与 取选大扩 理处滑 平区选对 边扩区选对 区选缩 收或展扩
整调的围范缘边区选
区选缩收或展扩
边扩区选对
理处滑平区选对
似相取选与取选大扩
� � �
缘边化羽的区选有现义定 � 果效化柔 的开晕变渐糊模生产缘边区选在——化羽 �渡 过色颜的间景背与素像化软——齿锯除消
骤步作操
家大谢谢
�整修的案图 �充填的像图 �图绘式样笔画义定自用利 �画绘式样笔画设预用利 �色景背和色景前置设法方同不用使
辑编像图与用使的具工图绘
。成完 来器色拾 或板色 调过通置 设的色颜 �种两 色景背 和色景前 含包色颜 �色颜种一择选须必时作创行进具 工图绘 用使�分 部成组 要重的作 创是色颜
skroWeriF
形图beW的式互交建创速快可
�照遮�动运效特 ��变渐、线直�类动运本基 。合组美完的画动FIG与能功理处形图纯 �化体一辑编的形图图位与形图量矢
� � � �
�
�果效动运片图的别类种两作制可
�
�势优个两面下有具 skroWeriF�较比具工辑编像图它其与
�
skroWeriF
面界互交机人的skroweriF skroweriF动启
缘边区选化柔
较比果效的化羽和齿锯除消、边实
。和的 次两为径 半化羽则�令命该过行执前此果如�意注 �令命]化羽[〉-]择选[行执
� �
缘边化羽的区选有现义定
�区选的存保入载——区选入载 �用使次多备以——存保的区选
� �
入载、存保的区选
片照成合——例实、5

网页图形处理工具Fireworks CS5从入门到精通PPT共34页

网页图形处理工具Fireworks CS5从入门 到精通
1、合法而稳定的权力在使用得当时很 少遇到 抵抗。 ——塞 ·约翰 逊 2、权力会使人渐渐失去温厚善良的美 德。— —伯克
3、最大限度地行使权力总是令人反感 ；权力 不易确 定之处 始终存 在着危 险。— —塞·约翰逊 4、权力会奴化一切。——塔西佗
5、虽然权力是一头固执的熊，可是金 子可以 拉着它 的鼻子 走。— —莎士 比
1、最灵繁的人也看不见自己的背脊。——非洲 2、最困难的事情就是认识自己。——希腊 3、有勇气承担命运这才是英雄好汉5、阅读使人充实，会谈使人敏捷，写作使人精确。——培根

中文版Fireworks CS5基础与上机实训课件 09

计算机基础与实训教材系列
《中文版Fireworks CS5基础与 上机实训》
第九章
按钮和弹出菜单
学习目标
为了使网页更为生动、美观，经常需要在网页中添加各种按 钮，这些按钮的特点在于具有交互性，可以实现各种操作。而 导航栏实际上就是一组按钮，通过这些按钮定位到网页的不同 区域。此外，也可以利用按钮创建弹出菜单。
每个弹出菜单项都以HTML或图像单元格的形式显示，它具有“弹起” 状态和“滑过”状态，并且在这两种状态中都包含文本。如果要预览弹出菜 单，可以按下 F12 键在浏览器中预览。Fireworks 工作区中的预览不会显示
在Fireworks中，可以为按钮分派URL地址。在文档窗口中选中要添加 URL的按钮实例，在属性面板中的“链接”文本框中可以直接输入链接地址 ，也可以在下拉列表中选择链接地址。
9.2 使用系统内置的按钮
Fireworks中内置了许多已经制作好的按钮，这些按钮具有完备的功能 ，并且外观也比较美观。在适当的时候，可以直接导入这些按钮，从而免去 制作按钮的复杂工作。
9.3 制作按钮实例
9.4 制作纵向导航栏
导航栏实际上就是一组按钮，通过单击导航栏中的各个按钮，可以进入 网页的不同区域。一般来说，导航栏在整个站点中保持一致，因此可以提供 一种固定的导航方法，无论用户处于站点中的任何位置，导航栏都保持不变 。
9.5 制作弹出菜单
在浏览器中，当鼠标指针移动到热点和切片上，或单击热点和切片时， 会显示相应的弹出菜单，通过菜单设置好的URL地址可以完成导航。例如， 可以使用弹出菜单来组织与导航栏中的某个按钮相关的若干个导航选项。
9.1.2 编辑按钮
按钮具有4种状态，分别为“弹起”、“滑过”、“按下”和“按下时滑过 ”。

网页图形处理工具Fireworks CS5从入门到精通


1．打开文件: 选择“文件”|“打开”命令
3 Fireworks CS5操作方法
1．导入文件 :文件”|“导入”命令或单击工具栏上的 “导入”按钮“ ”。
导入图片的过程
2 图形对象的绘制及编辑
[例1] “众天下”网站Logo创作
3.2 图形对象的绘制及编辑
制作过程：
3.2 图形对象的绘制及编辑
1. 切片
4.2 Fireworks CS5的网页应用
2.热点
4.2 Fireworks CS5的网页应用
4.2 构建网站首页 [例4] 商务网首页设计
4.2 Fireworks CS5的网页应用
图 动态按钮
该例设计重要步骤： （1）制作网页图片及按钮元素 （2）建立网页背景图 （3）设置导航器按钮
位图的特点是色彩变化丰富，可表达信息量丰富的真
位图与矢量图
图像放大到一定程度，图像中的轮廓线条出现锯齿状 或变得模糊
1.1 位图与矢量图
图像文件按像素的颜色数可分为以下几种：
（1）单色图：又称二值图，每像素存储位数为1bit。 （2）16色图：每像素存储位数为4bit。 （3）8位灰度图：非彩色图像，每像素存储位数为8bit。 （4）8位索引图：256色图，每像素存储位数为8bit。 （5）24位真彩图：每像素存储位数为24bit，其中R、G、B
三分量各占8bit。
24位真彩图能显示224=1677216种色彩
1.1 位图与矢量图
1．矢量图
矢量图（vector）也叫向量图，简称图形(graph)。矢量图
使用线段和曲线描述图像，所以称为矢量，同时图形也 包含了色彩和位置信息。 缩小或旋转等不会失真
矢量图形文件体积一般较小，其最大的优点是无论放大、
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
改文档属性
（1）执行【修改】/【画布】/【画布大小】命令。 （2）在【新尺寸】区域输入画布新的高度和宽度值。 （3）【锚定】区域中的按钮表示画布扩展或收缩的方向。 （4）如果只要改变当前页面的大小，则须保留选中【仅当前页面】选 项。如果要修改当前文档中所有页面的大小，则取消选中该复选框。
1.3.7 辅助工具
标尺
辅助线 使用9切片缩放辅助线可以在缩放标准对象或元件时，最好地
保留对象指定区域的几何形状，辅助线之外的部分（如对象的四个 角）在缩放时不会变形。
智能辅助线是临时的对齐辅助线，可帮助用户相对于其它对象 创建对象、对齐对象、编辑对象和使对象变形。
网格
1.1 Fireworks CS5的新功能
Fireworks CS5不仅继承了以往Fireworks的强大功能，还增添了 许多新的特性。
增强的性能和稳定性 精确到像素的渲染 支持Adobe Flash应用程序工作流程 设计模板 Adobe色板交换支持 设计完整的网站 Adobe Device Central集成 改进的可扩展性
第1章 初识Fireworks CS5
本章重点 Fireworks 可以与多种产品集成在一起，包括Adobe的其它产品
（如 Dreamweaver、Flash、FreeHand 和 Director）和其它您喜欢 的图形应用程序及 HTML 编辑器，这无疑使多个软件的功能得到了互 补与加强，尤其是使Fireworks的功能得到了无限的扩展，从而提供 了一个真正集成的 Web 解决方案。 学习目的 通过本章的学习，您可以： 了解Fireworks CS5的新功能 掌握基础知识 基本操作
1.2 基础知识
1.2.1 位图与矢量图
位图：也叫作栅格图，是由许多小栅格（即像素）组成的。处理位图 时，实际上是编辑像素。在表现图像中的阴影和色彩的细微变化方面， 或者进行一些特殊效果处理时，位图是最佳的选择。但是一定要注意， 位图的清晰度与其分辨率密切相关，缩放位图图像会改变其显示效果。 例如，在放大位图图像时会出现马赛克效果。
（5）设置完毕，单击【确定】按钮。 此外还可以使用工具栏中的裁切工具改变画布的大小。在文档中拖动
鼠标勾绘出整个文档的裁切边框后，双击鼠标即可将画布改变为裁切 框所包围的大小。
注意：在重设画布大小时，画布大小变化等同于文档大小的变化，但 是不等同于文档中图像对象的大小变化。也就是说改变画布大小仅改 变画布的大小，画布上所绘制的图像比例并不改变。
1.3.2 工具箱
1.3.3 修改工具栏
1.3.4 面板的使用
分组和移动面板 Fireworks CS5中的常用面板
1.3.5 文件的操作
1、新建文件 选择【文件】/【新建】命令，在弹出的【新建文档】对话框中设置文 档的各项参数后，即可新建一个PNG文档。
【新建文档】对话框中各项属性的含义如下： 宽度/高度：画布的宽度/高度值。 分辨率：图像的分辨率。 画布颜色：设置需要的画布颜色。
Fireworks CS5新增了设计模板，利用内置的5种不同类型的模板： 文档预设、网格系统、移动设备、网页和线框图，用户能够快速创建 相应的应用，减少二次开发，提高效率。此外，用户还可以将常用的 文档结构保存为可与设计小组共享的模板。
在【新建文档】对话框中，单击左下角的【模板】按钮，即可打 开【通过模板新建】对话框，在弹出的对话框中可以选择需要的模板 文件。
矢量图：是用一组数学指令来描述图像的内容，这些指令定义了构成 图像的所有直线、曲线等要素的形状、位置等信息。使用矢量图任意 缩放图像，或以任意分辨率的设备输出图像，都不会影响图像的品质。 例如，Flash、FreeHand、LiveMotion等软件处理的就是矢量图。
1.3 基本操作
1.3.1 工作界面
1.3.6 导入图像
1．选择【文件】/【导入】命令。 2．在导入文件对话框中选择需导入的文件，单击【打开】按钮。 3．在文档窗口拖动鼠标指针，出现一个虚线矩形框，如左图所示。松开
鼠标，图片被导入到矩形框中。导入图片大小、位置和尺寸由拖动产 生的矩形框决定，如右图所示。
也可以直接在文档编辑窗口中单击鼠标，图片也能被导入。单击的位 置即为图片左上角的位置，图片的大小不变，保持原尺寸。