网页制作综合技术教程课件温谦赵伟胡静李占波第5章节图像处理与设计基础.pptVIP

尚辅网 / 网页制作综合技术教程 第2部分 美工与动画元素设计 第5章 图像处理与设计基础 网页美术设计的基础知识 5.1 在Fireworks中编辑位图 5.2 绘制矢量图形 5.3 美术基础理论 5.4 通过学习本书前面章节的内容，已经了 解到使用HTML建立网页的基本方法，但是 要设计出精致美观的页面，仅仅使用文本是 不够的，目前最通行的方法是使用图像和动 画来增强页面的表现力。 5.1 网页美术设计的基础知识 5.1.1 基本概念 1．图形与图像 2．分辨率 3．位图图像 4．矢量图形 图5.1 位图图像放大后变模糊 图5.2 矢量图形放大后仍保持清晰 5.1.2 Fireworks的基本操作流程 1．Fireworks的操作环境 图5.3 Fireworks起始界面 5.1.3 画布 1．画布的显示比例 2．修改图像与画布的大小 3．剪裁图像 5.2 在Fireworks中编辑位图 5.2.1 创建和取消选区 1．“选取框”或“椭圆选取框”工 具 2．取消选取框 3．“套索”和“多边形套索”工具 5.2.2 编辑选区中的像素区域 1．删除选区中的像素 2．复制和移动选区中的内容 5.2.3 变形和扭曲 图5.38 变形操作的效果 5.3 绘制矢量图形 5.3.1 创建基本矢量图形 1．矢量图形的基本构成 2．“直线”、“矩形”和“椭圆” 工具 3．“多边形”工具 4．自由形状 5.3.2 调整矢量线条 1．矢量线条的调整方法 图5.54 墨水滴 图5.55 绘制墨水滴的原型 图5.56 单击控制点 图5.57 调节控制点的效果 5.4 美术基础理论 5.4.1 平面构图 1．构图要素 （1）线条 （2）形和体 2．构图的基本原则 （1）协调、统一 （2）比例 （3）均衡与稳定 （4）节奏与韵律 产生韵律感有3种方法。 ● 连续：连续线条具有流动的感觉，也可以通过色彩、形状、图案或空间的连续和重复来产生一种连续的韵律美。 但要避免连续重复过多而引起的单调感。 ● 渐变：渐变是线条、形状、明暗和 色彩按照一定的秩序逐渐变化。 例如线条的渐变，加长或缩短、变窄或 变宽、变疏或变密等。 这种渐变的韵律美要比连续的韵律美更 能生动更富有吸引力。 ● 交错：各种组成要素按一定规律交 织穿插而成，一隐一显，一黑一白，一冷一 暖，一大一小，一长一短等交错重复有规律 的出现，因而产生自然生动的、交错的韵律美。 5.4.2 色彩 1．色彩的基本知识 2．色彩的属性 （1）色相 （2）亮度 （3）饱和度 3．色彩的物理作用 （1）温度感 （2）距离感 （3）重量感 （4）体积感 4．色彩的使用原则