Firework图像处理

《Firework图像处理》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Firework图像处理信息学院樊东燕2021/8/7Firework图像处理本章初步介绍了图像的设计基础以及色彩的应用，详细介绍了如何利用Fireworks进行图像处理和页面设计。在本章中，通过多个实例的介绍，重点讲解了Fireworks软件的应用基础和应用技巧，通过本章的学习，应了解设计中页面配色方案，掌握利用Fireworks软件设计出美观大方的网页。2021/8/7Firework图像处理图像基础及色彩应用1Fireworks8.0图像制作22021/8/7一、图像基础及色彩应用在进行网页设计之前，首先要掌握色彩的应用和图像基础。因此本节内容是通过实例围绕这两个方面展开的。1认识色彩

2、2色彩的作用3色彩的配色应用方案实例4矢量图形和位图图像5网页图像的处理流程2021/8/71.认识色彩自然界中有很多种色彩，但是最基本的有三种（红，绿，蓝），其它的色彩都可以由这三种色彩调和而成，我们称这三种色彩为“三原色”。蓝色红色绿色三原色2021/8/721:191.认识色彩非彩色黑、白、灰色属于非彩色系列。色彩彩色除黑、白、灰色外的其它色彩都属于彩色2021/8/71.认识色彩2021/8/721:191.认识色彩HSB任何一种彩色具备三个特征：色相（H），纯度（S）和明度(B)，把这三个要素做成立体坐标，就构成色立体，其中非彩色只有明度属性。常用色彩模式RGBRGB色彩模式是工业

3、界的一种颜色标准，表示红色、绿色、蓝色，又称为三原色光，英文为R(Red)、G(Green)、B(Blue)，它们相互之间的叠加来得到各种颜色。2021/8/72.色彩的作用1色彩的冷暖红、橙、黄等颜色使用联想到阳光、烈火，故称为“暖色”，绿、青、蓝等颜色与黑夜、寒冷相连，故称为“冷色”。2色彩的轻重各种色彩给人的轻重感不同，从色彩得到的重量感，是质感与色感的复合感觉。浅色密度小，给人质量轻的感觉；深色密度大，给人分量重的感觉。3色彩的前进与后退如果等距离地观察两种颜色，可以给人不同的远近感。暖色比冷色更富有前进的特性。两色之间，亮度偏高的色彩呈前进性，饱和度偏高的色彩的也呈前进性。4色彩的

4、艳丽与素雅如果是单色，饱和度越高，则色彩越艳丽。饱和度越低，则色彩越素雅。除了饱和度，亮度也有一定的关系。不论什么颜色，亮度高时，即使饱和度低也给人艳丽的感觉2021/8/721:193.色彩的配色应用方案实例红色让人联想到玫瑰，联想到喜庆，联想到兴奋白色联想到纯洁，干净，简洁紫色象征着女性化，高雅，浪漫蓝色象征高科技，稳重，理智橙色代表了欢快，甜美，收获绿色代表了充满青春的活力，舒适，希望等等2021/8/721:19网页色彩配色实例---红色色系红色是最鲜明生动的、最热烈的颜色，因此红色也是代表热情的情感之色。鲜明红色极容易吸引人们的目光。在主要由红色成分构成的色彩中，粉红色象征了浪漫、

5、温馨，暗红色象征了神秘、深沉，桃红色象征了时尚、明亮，下面研究的是红色的配色规律。高亮度的红色通过与灰色、黑色等非彩色搭配使用，可以得到现代且激进的感觉。低亮度的红色具有冷静沉重的感觉，可以营造古典的氛围。红色如果与亮度、饱和度较强的冷色（如蓝色、绿色）相配，中间最好能有一些过渡性的颜色，如纯红与纯蓝相配时，中间插入面积适中的白色，大红与大绿相配时，中间可以用棕色或黑色间隔，如图所示。2021/8/721:192021/8/721:19网页色彩配色实例---蓝色色系蓝色是色彩中比较沉静的颜色，它是现代商务领域常用的流行色。蓝色与绿色、白色的搭配在现实生活中随处可见。主色调选择明亮的蓝色，配以

6、白色的背景和灰亮的辅助色，可以使站点干净而整洁，给人庄重、充实的印象。蓝色、青绿色、白色的搭配可以使页面看起来非常干净清澈，如图所示。2021/8/721:192021/8/721:194.矢量图形和位图图像矢量图矢量图形是用线条和填充色等数学信息来描述图形的，一般矢量格式的文件通常比较小，对矢量图进行操作，改变图形尺寸、形状等，不会改变图形的显示品质。制作矢量格式图形的软件有Freehand、CorelDraw、AutoCAD等。位图位图图像是用像素点描述图像的，在位图中图像的细节由每一个像素点的位置和色彩来决定。位图图像的品质与图像生成时采用的分辨率有关，即在一定面积的图像上包含有固定数

7、量的像素。当图像放大显示时，图像变成马赛克状，显示品质下降，因此放大图像的尺寸，会改变图像的显示品质制作位图图像的软件常有：Photoshop、Fireworks、ImageReady等。2021/8/721:192021/8/721:192021/8/718:395.网页图像的处理流程导出图像优化图像创建Web对象创建图形和图像导出图像优化图像创建Web对象创建图形和图像在图像插入到网页之前，一般需要将图像