劳动出版社精品课件 《电子商务网页图像制作（AdobePhotoshop）（第二版）》 A243116第3章图像的简单处理

第 3 章 图像的简单处理 第 1 节 图像的尺寸大小调整 第 2 节 图像的裁切处理 第 3 节 图像的移动与变换 第 4 节 绘制位图图像 第 5 节 绘制矢量图形,第 1 节 图像的尺寸大小调整,图像尺寸的大小与图像的文件格式、分辨率和幅面大小有关系。通过合理的设置，在不影响图像在网页上浏览效果的情况下，可大幅调整图片的尺寸，以减少图像占用的存储空间。,图像文件的大小是图像文件的数字大小，以千字节（KB）、兆字节（MB）或千兆字节（GB）为度量单位。图像文件的大小与图像的像素多少成正比，图像中包含的像素越多，在给定的打印尺寸上显示的细节也就越丰富，但需要的磁盘存储空间也会增多，而且编辑和打印的速度可能会更慢。 因此，在图像品质（保留所需要的所有数据）和文件大小难以两全的情况下，满足电商网页图像显示的基本要求，合理调整图像中包含的像素数量，成为它们之间的折中方法。 调整图像的像素总量有两种方法：一是改变图像的分辨率；二是调整图像的尺寸。这两种方法可以结合使用。,第 2 节 图像的裁切处理,Photoshop CS6 中，最常用、最方便的是使用工具箱中的“裁剪工具”，用以对图像进行裁剪。 “裁剪工具”和“切片工具”等在一个工具组里，按键盘上的C键，即可调出裁剪工具。 选中了裁剪工具，默认的裁剪范围是整张图片，这和以往需要自己拖动设置有所不同，而且图片被裁剪工具默认划为九宫格，只需拖动边缘来确定裁剪范围即可。裁剪图片通常是将图像裁剪得更小。如果裁剪的尺寸，比原有尺寸还大，这样超出原始图片的地方，将会使用背景色填充。,裁剪工具,第 3 节 图像的移动与变换,在处理图形或图像的过程中，总少不了对图形或图像的基本形状进行调整。本节介绍在 Photoshop CS6中如何对选定的图像对象进行移动、旋转、变形处理。 灵活使用 Photoshop CS6中的“移动”工具，及“变换”和“自由变换”菜单命令，就可以将所选定的图形变换成所想要的形状和形式。,一、Photoshop CS6 的移动工具 Photoshop CS6 中“移动工具”图标为 ，快捷键为 V。,“移动工具”属性栏,1. “自动选择图层” 选择此选项，在具有多个图层的图像上单击鼠标，系统将自动选中鼠标单击位置所在的图层。 2. “自动选择组” 选择此选项，在具有多个组的图像上单击鼠标，系统将自动选中鼠标单击位置所在的组。 3. “显示变换控件” 选择此选项，选定范围四周将出现控制点，用户可以方便地调整选定范围中的图像尺寸。,4. “对齐图层” 当同时选择了两个或两个以上的图层时，单击相应的按钮可以将所选图层进行对齐，包括“顶对齐”“垂直居中对齐”“底对齐”“左对齐”“水平居中对齐”和“右对齐”。 5. “分布图层” 如果选择了三个或三个以上的图层时，单击相应的按钮可以将所选图层按一定规则进行均匀分布排列。分布方式包括“按顶分布”“垂直居中分布”“按底分布”“按左分布”“水平居中分布”和“按右分布”。,二、移动工具使用注意事项 移动工具主要是针对当前“选区”或当前“图层”的内容来操作的。 移动工具用来移动所选图像的位置，它不限制图像的区域，可以在不同图层或不同图片中使用。移动工具的快捷键为 V，按住键盘上的 Alt 键，配合移动工具，可以实现在当前图层中复制图像的目的。 在所要操作的对象上单击鼠标右键，即可选中当前图层，使用移动工具移动当前图层中的操作对象。 将一个图像窗口中的内容拖到另一个打开的图像窗口中，相当于把该图像拷贝到另一图像窗口中。,三、Photoshop CS6 的变换和自由变换 缩放 旋转 斜切 扭曲 透视 变形,“变换”和“自由变换”菜单命令,变形操作时的小技巧： （1）Shift+ 缩放可约束长宽比。 （2）Alt+ 缩放可自中心变换。 （3）Ctrl+Shift+ 拖动角点可斜切。 （4）Ctrl+ 拖动角点可扭曲。 （5）Ctrl+Alt+ 拖动角点可对称的扭曲。 （6）Ctrl+Shift+Alt+ 拖动角点可透视。 （7）Ctrl+Shift+T 再次执行相同变换操作。,第 4 节 绘制位图图像,在处理图形或图像的过程中，往往需要自己绘制创建一些简单的图形。本节介绍如何在Photoshop CS6 中使用绘画工具，绘制图片作品。 使用Photoshop CS6 中的画笔工具、填充工具、图案图章工具等，可以自由发挥，创建出自己的图形图像。Photoshop CS6 中绘画工具的使用是一项基本功，是图像处理的基础，只有扎实掌握这些基本功，才能做出完美的作品。,一、Photoshop CS6 的画笔工具 画笔工具主要用来绘图或对图像上色，画笔的颜色可由色板的颜色决定。画笔工具的使用方法和实际使用毛笔在画纸上绘画一样，可以表现出多种边缘柔软的效果。,画笔工具,画笔工具的选项栏包括：画笔、模式、不透明度、流量和喷枪，可以调整画笔的大小、硬度、刷式（笔刷形状）、不透明度等，如图所示。 铅笔工具主要是模拟平时画画所用的铅笔，选用铅笔工具后，在图像内按住鼠标左键不放并拖动，即可以进行画线，它与画笔不同之处是所画出的线条没有蒙边。笔头可以在左边的画笔中选取。,画笔工具选项栏,二、Photoshop CS6 的填充工具 填充是以指定的颜色或图案对所选区域进行处理，常用的填充工具有油漆桶和渐变工具。 油漆桶（即颜料桶）工具用于向鼠标单击处和与其颜色相近区域填充前景色或指定图案。 使用工具箱中的渐变工具可以产生两种以上的颜色渐变效果。渐变方式既可以选择系统设定值，也可以自己定义。渐变方向有线性状、圆形放射状、方形放射状、角形和斜向等几种。如果不选择区域，将对整个图像进行渐变填充。,填充工具,三、Photoshop CS6 的图章工具 图章工具有仿制图章和图案图章工具两种。 仿制图章工具主要用于对图像的修复，也可以理解为局部复制。先按住 Alt 键，再用鼠标在图像中需要复制或要修复取样点处单击一下左键，再选取一个合适的仿制画笔大小，就可以在图像中修复图像。 图案图章工具也是用来复制图像的，但与仿制图章有些不同，其前提是先用矩形选框工具选择一范围，在“编辑”菜单中选择“定义图案”命令，然后再选合适的笔头，在图像中复制图案。,图章工具,第 5 节 绘制矢量图形,由于矢量图形文件具有尺寸较小、放大缩小不失真等优点，常常用于标识、图标、LOGO 等简单直接的图像。 使用 Photoshop CS6 中的“钢笔工具”等，可以自由发挥，创建出自己的图形图像。钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线，在缩放或变形之后仍能保持平滑效果。 钢笔工具画出来的矢量图形称为路径。路径允许是不封闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径。,钢笔工具,钢笔工具绘制出来的线条全部都是贝赛尔曲线。贝赛尔曲线由线段（Segment）和锚点（Anchor）构成，而每一个锚点都有两个控制点，通过调节控制点就可以设计出自己想要的线条。 图中并没有直接绘制线段，而是定义了各个锚点的位置，软件则在点间连线成型，控制线段形态的并不是线段本身，而是线段两端锚点的控制点的位置。,贝赛尔曲线,谢谢观赏！,