电子商务网页图像制作(AdobePhotoshop)(第二版)第3章图像的简单处理课件.ppt

1、1 第第 3 章章第 3 章 图像的简单处理第 1 节 图像的尺寸大小调整第 2 节 图像的裁切处理第 3 节 图像的移动与变换第 4 节 绘制位图图像第 5 节 绘制矢量图形2 第第 3 章章第 1 节 图像的尺寸大小调整 图像尺寸的大小与图像的文件格式、分辨率和幅面大小有关系。通过合理的设置，在不影响图像在网页上浏览效果的情况下，可大幅调整图片的尺寸，以减少图像占用的存储空间。3 第第 3 章章 图像文件的大小是图像文件的数字大小，以千字节（KB）、兆字节（MB）或千兆字节（GB）为度量单位。图像文件的大小与图像的像素多少成正比，图像中包含的像素越多，在给定的打印尺寸上显示的细节也就越丰富

2、，但需要的磁盘存储空间也会增多，而且编辑和打印的速度可能会更慢。因此，在图像品质（保留所需要的所有数据）和文件大小难以两全的情况下，满足电商网页图像显示的基本要求，合理调整图像中包含的像素数量，成为它们之间的折中方法。调整图像的像素总量有两种方法：一是改变图像的分辨率；二是调整图像的尺寸。这两种方法可以结合使用。4 第第 3 章章第 2 节 图像的裁切处理 Photoshop CS6 中，最常用、最方便的是使用工具箱中的“裁剪工具”，用以对图像进行裁剪。“裁剪工具”和“切片工具”等在一个工具组里，按键盘上的C键，即可调出裁剪工具。选中了裁剪工具，默认的裁剪范围是整张图片，这和以往需要自己拖动设

3、置有所不同，而且图片被裁剪工具默认划为九宫格，只需拖动边缘来确定裁剪范围即可。裁剪图片通常是将图像裁剪得更小。如果裁剪的尺寸，比原有尺寸还大，这样超出原始图片的地方，将会使用背景色填充。裁剪工具5 第第 3 章章第 3 节 图像的移动与变换 在处理图形或图像的过程中，总少不了对图形或图像的基本形状进行调整。本节介绍在 Photoshop CS6中如何对选定的图像对象进行移动、旋转、变形处理。灵活使用 Photoshop CS6中的“移动”工具，及“变换”和“自由变换”菜单命令，就可以将所选定的图形变换成所想要的形状和形式。6 第第 3 章章一、Photoshop CS6 的移动工具 Photo

4、shop CS6 中“移动工具”图标为，快捷键为 V。“移动工具”属性栏7 第第 3 章章1.“自动选择图层”选择此选项，在具有多个图层的图像上单击鼠标，系统将自动选中鼠标单击位置所在的图层。2.“自动选择组”选择此选项，在具有多个组的图像上单击鼠标，系统将自动选中鼠标单击位置所在的组。3.“显示变换控件”选择此选项，选定范围四周将出现控制点，用户可以方便地调整选定范围中的图像尺寸。8 第第 3 章章4.“对齐图层”当同时选择了两个或两个以上的图层时，单击相应的按钮可以将所选图层进行对齐，包括“顶对齐”“垂直居中对齐”“底对齐”“左对齐”“水平居中对齐”和“右对齐”。5.“分布图层”如果选择了

5、三个或三个以上的图层时，单击相应的按钮可以将所选图层按一定规则进行均匀分布排列。分布方式包括“按顶分布”“垂直居中分布”“按底分布”“按左分布”“水平居中分布”和“按右分布”。9 第第 3 章章二、移动工具使用注意事项 移动工具主要是针对当前“选区”或当前“图层”的内容来操作的。移动工具用来移动所选图像的位置，它不限制图像的区域，可以在不同图层或不同图片中使用。移动工具的快捷键为 V，按住键盘上的 Alt 键，配合移动工具，可以实现在当前图层中复制图像的目的。在所要操作的对象上单击鼠标右键，即可选中当前图层，使用移动工具移动当前图层中的操作对象。将一个图像窗口中的内容拖到另一个打开的图像窗口中

6、，相当于把该图像拷贝到另一图像窗口中。10 第第 3 章章三、Photoshop CS6 的变换和自由变换 缩放 旋转 斜切 扭曲 透视 变形“变换”和“自由变换”菜单命令11 第第 3 章章变形操作时的小技巧：（1）Shift+缩放可约束长宽比。（2）Alt+缩放可自中心变换。（3）Ctrl+Shift+拖动角点可斜切。（4）Ctrl+拖动角点可扭曲。（5）Ctrl+Alt+拖动角点可对称的扭曲。（6）Ctrl+Shift+Alt+拖动角点可透视。（7）Ctrl+Shift+T 再次执行相同变换操作。12 第第 3 章章第 4 节 绘制位图图像 在处理图形或图像的过程中，往往需要自己绘制创建

7、一些简单的图形。本节介绍如何在Photoshop CS6 中使用绘画工具，绘制图片作品。使用Photoshop CS6 中的画笔工具、填充工具、图案图章工具等，可以自由发挥，创建出自己的图形图像。Photoshop CS6 中绘画工具的使用是一项基本功，是图像处理的基础，只有扎实掌握这些基本功，才能做出完美的作品。13 第第 3 章章一、Photoshop CS6 的画笔工具 画笔工具主要用来绘图或对图像上色，画笔的颜色可由色板的颜色决定。画笔工具的使用方法和实际使用毛笔在画纸上绘画一样，可以表现出多种边缘柔软的效果。画笔工具14 第第 3 章章 画笔工具的选项栏包括：画笔、模式、不透明度、流

8、量和喷枪，可以调整画笔的大小、硬度、刷式（笔刷形状）、不透明度等，如图所示。铅笔工具主要是模拟平时画画所用的铅笔，选用铅笔工具后，在图像内按住鼠标左键不放并拖动，即可以进行画线，它与画笔不同之处是所画出的线条没有蒙边。笔头可以在左边的画笔中选取。画笔工具选项栏15 第第 3 章章二、Photoshop CS6 的填充工具 填充是以指定的颜色或图案对所选区域进行处理，常用的填充工具有油漆桶和渐变工具。油漆桶（即颜料桶）工具用于向鼠标单击处和与其颜色相近区域填充前景色或指定图案。使用工具箱中的渐变工具可以产生两种以上的颜色渐变效果。渐变方式既可以选择系统设定值，也可以自己定义。渐变方向有线性状、圆

9、形放射状、方形放射状、角形和斜向等几种。如果不选择区域，将对整个图像进行渐变填充。填充工具16 第第 3 章章三、Photoshop CS6 的图章工具 图章工具有仿制图章和图案图章工具两种。仿制图章工具主要用于对图像的修复，也可以理解为局部复制。先按住 Alt 键，再用鼠标在图像中需要复制或要修复取样点处单击一下左键，再选取一个合适的仿制画笔大小，就可以在图像中修复图像。图案图章工具也是用来复制图像的，但与仿制图章有些不同，其前提是先用矩形选框工具选择一范围，在“编辑”菜单中选择“定义图案”命令，然后再选合适的笔头，在图像中复制图案。图章工具17 第第 3 章章第 5 节 绘制矢量图形 由于

10、矢量图形文件具有尺寸较小、放大缩小不失真等优点，常常用于标识、图标、LOGO 等简单直接的图像。使用 Photoshop CS6 中的“钢笔工具”等，可以自由发挥，创建出自己的图形图像。钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放或变形之后仍能保持平滑效果。钢笔工具画出来的矢量图形称为路径。路径允许是不封闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径。钢笔工具18 第第 3 章章 钢笔工具绘制出来的线条全部都是贝赛尔曲线。贝赛尔曲线由线段（Segment）和锚点（Anchor）构成，而每一个锚点都有两个控制点，通过调节控制点就可以设计出自己想要的线条。图中并没有直接绘制线段，而是定义了各个锚点的位置，软件则在点间连线成型，控制线段形态的并不是线段本身，而是线段两端锚点的控制点的位置。贝赛尔曲线19 第第 3 章章谢谢观赏！电子商务网页图像制作（Adobe Photoshop CS6）（第二版）