Firework图像处理【精选】

2019/9/23
18:44
Fireworks 8.0简介
Fireworks 8.0简介 1.简介：Fireworks 8.0是一个强大的网页图形设计工具，使
用它创建和编辑位图、矢量图形，还可非常轻松的做出各种 网页设计中常见的效果，比如动画、翻转图像、导航条、下 拉菜单等，设计完成以后，如果在网页设计中使用，可将它 输出为HTML文件，还能输出在Photoshop, Illustrator和 Flash等软件中编辑的格式。 2. Fireworks常用的文件类型 PNG：即可移植网络图形，是 Fireworks 的本身文件格式。 GIF：是一种很流行的网页图形格式，可用于卡通、徽标、 包含透明区域的图形以及动画。 JPEG：专门为照片或增强色图像开发的图像格式。
网页色彩配色实例---蓝色色系
蓝色是色彩中比较沉静的颜色，它是现代商务领域常用的流 行色。
蓝色与绿色、白色的搭配在现实生活中随处可见。 主色调选择明亮的蓝色，配以白色的背景和灰亮的辅助 色，可以使站点干净而整洁，给人庄重、充实的印象。 蓝色、青绿色、白色的搭配可以使页面看起来非常干净 清澈，如图所示。
2019/9/23
18:44
2019/9/23
18:44
4. 矢量图形和位图图像
矢量 图
矢量图形是用线条和 填充色等数学信息来 描述图形的，一般矢 量格式的文件通常比 较小，对矢量图进行 操作，改变图形尺寸、 形状等，不会改变图 形的显示品质。
制作矢量格式图形的
软件有Freehand、 CorelDraw、 AutoCAD等。
二、 Fireworks 8.0图像制作
1 • Fireworks8.0简介 2 • 矢量编辑 3 • 文本编辑 4 • 特效和样式 5 • GIF动画制作 6 • 位图处理 7 • 图像切片
视频教程 http://www.enet.com.cn/eschool/zhuanti/fireworks/
2019/9/23
18:44
3. 色彩的配色应用方案实例
红色 白色 紫色 蓝色 橙色 绿色
2019/9/23
• 让人联想到玫瑰，联想到喜庆，联想到兴奋 • 联想到纯洁，干净，简洁 • 象征着女性化，高雅，浪漫 • 象征高科技，稳重，理智 • 代表了欢快，甜美，收获 • 代表了充满青春的活力，舒适，希望等等
2019/9/23
18:44
2019/9/23
18:44
5. 网页图像的处理流程
在图像插入到网页之前，一般需要将图像进行处 理。在Fireworks中处理图像一般遵循以下流程：
导出图像
优化图像 创建Web对象
创建图形和图像
导出图像 优化图像 创建Web对象 创建图形和图像
2019/9/23
18:39来自百度文库
Firework图像处理
信息学院 樊东燕
2019/9/23
Firework图像处理
本章初步介绍了图像的设计基础以及色彩的应 用，详细介绍了如何利用Fireworks进行图像处 理和页面设计。
在本章中，通过多个实例的介绍，重点讲解了 Fireworks软件的应用基础和应用技巧，通过本 章的学习，应了解设计中页面配色方案，掌握 利用Fireworks软件设计出美观大方的网页。
色彩的前进与后退
如果等距离地观 察两种颜色，可 以给人不同的远 近感。暖色比冷 色更富有前进的 特性。两色之间， 亮度偏高的色彩 呈前进性，饱和 度偏高的色彩的 也呈前进性。
色彩的艳丽与素雅 如果是单色，饱和 度越高，则色彩越 艳丽。饱和度越低， 则色彩越素雅。除 了饱和度，亮度也 有一定的关系。不 论什么颜色，亮度 高时，即使饱和度 低也给人艳丽的感 觉
位图
位图图像是用像素点描述图 像的，在位图中图像的细节 由每一个像素点的位置和色 彩来决定。位图图像的品质 与图像生成时采用的分辨率 有关，即在一定面积的图像 上包含有固定数量的像素。 当图像放大显示时，图像变 成马赛克状，显示品质下降， 因此放大图像的尺寸，会改 变图像的显示品质
制作位图图像的软件常有： Photoshop、Fireworks、 ImageReady等。
18:44
网页色彩配色实例---红色色系
红色是最鲜明生动的、最热烈的颜色，因此红色也是代表热 情的情感之色。鲜明红色极容易吸引人们的目光。
在主要由红色成分构成的色彩中，粉红色象征了浪漫、温馨， 暗红色象征了神秘、深沉，桃红色象征了时尚、明亮，下面 研究的是红色的配色规律。
高亮度的红色通过与灰色、黑色等非彩色搭配使用，可以 得到现代且激进的感觉。
3
• 矢量图形和位图图像
4
• 网页图像的处理流程
5
2019/9/23
1. 认识色彩
蓝色 红色
绿色
三原色
自然界中有很多 种色彩，但是最基本 的有三种（红，绿， 蓝），其它的色彩都 可以由这三种色彩调 和而成，我们称这三 种色彩为“三原色”。
2019/9/23
18:44
1. 认识色彩
色彩
非彩色
黑、白、灰色属 于非彩色系列。
2019/9/23
2. 色彩的作用
1
色彩的冷暖 红、橙、黄等 颜色使用联想到 阳光、烈火，故 称为“暖色”， 绿、青、蓝等颜 色与黑夜、寒冷 相连，故称为 “冷色”。
2
3
4
色彩的轻重 各种色彩给人 的轻重感不同， 从色彩得到的重 量感，是质感与 色感的复合感觉。 浅色密度小，给 人质量轻的感觉； 深色密度大，给 人分量重的感觉。
2019/9/23
彩色
除黑、白、灰色外 的其它色彩都属于 彩色
1. 认识色彩
2019/9/23
18:44
1. 认识色彩
常用 色彩模式
HSB
任何一种彩色具备三 个特征：色相（H） ，纯度（S）和明度 (B)，把这三个要素 做成立体坐标，就构 成色立体，其中非彩 色只有明度属性。
RGB
RGB色彩模式是工业界 的一种颜色标准，表示 红色、绿色、蓝色，又 称为三原色光，英文为 R(Red)、G(Green) 、B(Blue)，它们相互 之间的叠加来得到各种 颜色。
2019/9/23
Firework图像处理
1 图像基础及色彩应用 2 Fireworks 8.0图像制作
2019/9/23
一、图像基础及色彩应用
在进行网页设计之前，首先要掌握色彩的应用和图像基础。因此 本节内容是通过实例围绕这两个方面展开的。
• 认识色彩
1
• 色彩的作用
2
• 色彩的配色应用方案实例
低亮度的红色具有冷静沉重的感觉，可以营造古典的氛围。
红色如果与亮度、饱和度较强的冷色（如蓝色、绿色）相配， 中间最好能有一些过渡性的颜色，如纯红与纯蓝相配时，中 间插入面积适中的白色，大红与大绿相配时，中间可以用棕 色或黑色间隔，如图所示。
2019/9/23
18:44
2019/9/23
18:44