计算机辅助基础PS.ppt

计算机平面设计辅助基础 周红亚15275011806465391368 1 手工画草图然后再利用各种辅助工具绘制正稿2 利用计算机做一些简单的重复性的工作3 现代设计大量利用电脑进行设计工作 已经成为设计师的工作桌和工具箱 设计的进化 1 辅助作用 是现在设计师最重要的设计手段之一 只有精通设计软件的操作才能让设计创意完美的再现 2 拓展了艺术设计的发展空间 融合了传统设计文化和设计思维 开拓了新的视觉语言 表现形式 设计方法 推动了现代设计的发展 计算机在平面设计中的作用 1 平面图形制作软件 Illustrator coreldraw freehand autocad2 平面图像处理软件 photoshop3 平面动画制作软件 flash animo toonboom retas4 平面绘画软件 photoshop Painter Sai5 三维制作软件 3dsmax maya Softimage Rhino 犀牛 6 后期合成软件 AfterEffects Combustion7 网页制作软件 Fireworks Dreamweaver8 视频编辑软件 Premiere EDIUS 计算机辅助设计软件分类 Photoshop 是Adobe公司旗下最为出名的图像处理软件之一 集图像扫描 编辑修改 图像制作 广告创意 图像输入与输出于一体的图形图像处理软件 广泛用于平面设计 照片修复 广告摄影 影像创意 艺术文字 网页制作 建筑效果图后期修饰 数字绘画 绘制或处理三维贴图 婚纱照片设计 视觉创意 图标制作 界面设计等众多领域 属于位图软件 Photoshop CorelDRAW CorelDRAW 是一款由世界顶尖软件公司之一的加拿大Corel公司开发的图形图像制作软件 广泛地应用于商标设计 标志制作 模型绘制 插图描画 排版及分色输出等等诸多领域 其被喜爱的程度可用事实说明 用于商业设计和美术设计的PC电脑上几乎都安装了CorelDRAW 属于矢量软件 1 计算机图像类型在计算机图像处理方面 计算机平面设计图像可根据其不同特性分为两类 计算机平面设计辅助基础基本知识 矢量图 位图 大家能看出这两张图的区别吗 1 位图 bitmap 也叫做点阵图 删格图象 像素图 是基于多个方形像素组合起来的图像 每个像素分别代表不同的色相 饱和度和明度 一个个的像素排列而形成的画面就是我们看到的图像 如数码相机拍摄的照片就是典型的位图图像 构成位图的最小单位是像素 每个像素有自己的颜色信息 在对位图图像进行编辑操作的时候 可操作的对象是每个像素 我们可以改变图像的色相 饱和度 明度 从而改变图像的显示效果 2 矢量图 vector 也叫向量图 它以数学的矢量方式记录图像内容 其存储数据称为矢量数据 矢量图是通过多个对象的组合生成的 对其中的每一个对象的记录方式 都是以数学函数来实现的 也就是说 矢量图实际上并不是象位图那样记录画面上每一点的信息 而是记录了元素形状及颜色的算法 当你打开一付矢量图的时候 软件对图形相对应的函数进行运算 将运算结果 图形的形状和颜色 显示给你看 无论显示画面是大还是小 画面上的对象对应的算法是不变的 所以 即使对画面进行倍数相当大的缩放 其显示效果仍然相同 不失真 举个例子来说 位图图像就好比在巨大的沙盘上画好的画 当你从远处看的时候 画面细腻多彩 但是当你靠的非常近的时候 你就能看到组成画面的每粒沙子以及每个沙粒单纯的不可变化颜色 矢量图就好比画在质量非常好的橡胶膜上的图 不管对橡胶膜怎样的常宽等比成倍拉伸 画面依然清晰 不管你离得多么近去看 也不会看到图形的最小单位 两种格式的优缺点 优点 缺点 位图 矢量图 a 可以表现出色彩丰富的图象 图象效果b 可逼真表现自然界各类景物 不能任意放大缩小 且图象数据量大 任意放大缩小 且图象数据量小 色彩不丰富 无法表现逼真的景物 2 绘图软件常用的位图绘制软件有adobephotoshop corelpainter等 对应的文件格式 psd tif rif 等 另外还有 jpg gif png bmp 等 常用的矢量绘制软件有coreldraw Illustrator flash等 对应的文件格式 cdr ai fla swf 等 另外还有 dwg wmf emf 等 说明 矢量图可以很容易的转化成位图 但是位图转化为矢量图却并不简单 往往需要比较复杂的运算和手工调节 3 图像的分辨率图像分辨率 是指图像中每单位长度所包含的像素或点的数目 常以像素 英寸 dpi 为单位来表示 也就是每英寸包含多少个像素 如72dpi表示图像中每英寸包含72个像素或点 分辨率越高 图像将越清晰 图像文件所需的磁盘空间也越大 编辑和处理所需的时间也越长 一般会有一个标准 假如只是在显示器上显示的图像 72dpi已经足够 再高的话显示器也分辨不出来 效果不明显 对于打印分辨率 印刷行业有一个标准 300dpi就是指用来印刷的图像分辨率 至少要为300dpi才可以 低于这个数值印刷出来的图像不够清晰 如果打印或者喷绘 只需要72dpi就可以了 所以在做设计之前一定要清楚自己的目的 然后根据实际情况作出合理的选择 4 计算机图像的色彩模式色彩模式是指同一属性下的不同颜色的集合 它能方便用户使用各种颜色 而不必在反复使用时对颜色进行重新调配 常用的模式包括 RGB模式 CMYK模式 Lab模式 HSB模式 1 RGB色彩模式颜色属性 一种发光屏幕的加色模式 简单的说就是自然界万物的颜色 只要在电脑屏幕上显示的图像 就一定是RGB模式 因为显示器的物理结构就是遵循RGB的 所以它是最基础的色彩模式 RGB色彩模式是工业界的一种颜色标准 是通过对红 R 绿 G 蓝 B 三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的 RGB即是代表红 绿 蓝三个通道的颜色 这个标准几乎包括了人类视力所能感知的所有颜色 是目前运用最广的颜色系统之一 RGB模式 无红色通道 无绿色通道 无蓝色通道 2 CMYK色彩模式颜色属性 是一种颜色反光的印刷减色模式 简单说就是专门用来印刷的颜色 只要是在印刷品上看到的图像 就是CMYK模式表现的 它是针对印刷业设定的颜色标准 是通过对青 Cyan 洋红 Magenta 黄 Yellow 黑 blacK 四个颜色变化以及它们相互之间的叠加来得到各种颜色的 CMYK即是代表青 洋红 黄 黑四种印刷专用的油墨颜色 也是Photoshop软件中四个通道的颜色 但它的颜色种数少于RGB色 CMYK模式 无青色通道 无洋红通道 无黄色通道 无黑色通道 再来明确一下这两大色彩模式的区别 1 RGB色彩模式是发光的 存在于屏幕等显示设备中 不存在于印刷品中 CMYK色彩模式是反光的 需要外界辅助光源才能被感知 它是印刷品唯一的色彩模式 2 色彩数量上RGB色域的颜色数比CMYK多出许多 CMYK的所有色彩都包含于RGB色域中 但两者各有部分色彩是互相独立 即不可转换 的 3 RGB通道灰度图中偏白表示发光程度高 CMYK通道灰度图中偏白表示油墨含量低 反而反之 到底该如何选择适当的色彩模式呢 特别注意第2条 两者各有部分色彩是互相独立 即不可转换 的 如下图中绿色大圆表示RGB色域 蓝色小圆表示CMYK色域 这一大一小表示RGB的色域范围 即色彩数量 要大于CMYK 而在转换色彩模式后 只有位于混合区的颜色彩可以被保留 位于RGB特有区及CMYK特有区的颜色将丢失 这意味着如果你用RGB模式去制作印刷用的图像 那么你所用的某些色彩也许是无法被打印出来的 一般来说 RGB中一些较为明亮的色彩无法被打印 如艳蓝色 亮绿色等 如果不作修改地直接印刷 印出来的颜色可能和原先有很大差异 以下是一幅在RGB模式下制作的图像 在转换为CMYK模式后的比较 可以看出 原先较为鲜亮的一些颜色都变得黯淡了 这就是因为CMYK的色域要小于RGB 因此在转换后有些颜色丢失了 注意 此时再把CMYK模式转为RGB模式 丢失掉的颜色也找不回来了 虽然理论上RGB与CMYK的互转都会损失一些颜色 不过从CMYK转RGB时损失的颜色较少 在视觉上有时很难看出区别 而从RGB转CMYK颜色将损失较多 视觉大部分都可以明显分辨出来 因此习惯上也有CMYK转RGB时颜色无损的说法 其实这种说法的真正所指是 宁可CMYK转RGB 不可RGB转CMYK 明白了以上道理 我们对如何选择图像的色彩模式就有了一个概念了 1 如果图像只在电脑上显示 就用RGB模式 这样可以得到较广的色域 2 如果图像需要打印或者印刷 就必须使用CMYK模式 才可确保印刷品颜色与设计时一致 从此之后 每当我们要开始新图像制作的时候 首先就要确定好色彩模式 注意 CMYK模式在软件中的处理速度相当慢 很不实用 实际设计中到底该如何操作才能保证软件速度和印刷没有色差呢 要点一 打开RGB模式的图像之后 在菜单栏中执行 视图 校样设置 工作中的CMYK 操作 如此一来 图片颜色RGB模式并没改变 不会影响运算速度 而图片预览的色彩是CMYK与打印的色彩是一致的 要点二 在选择颜色时 注意 拾色器 中的警告符号 若出现该符号则要做适当调整 在之后的设计工作中务必要注意这两点 3 Lab色彩模式RGB模式是一种发光屏幕的加色模式 CMYK模式是一种颜色反光的印刷减色模式 而Lab模式既不依赖光线 也不依赖于颜料 它是国际明度协会 CIE 组织确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式 具备特点 1 它是一种理论上的颜色标准 实际并不存在 也很少使用 2 色域大于RGB更大于CMYK 3 它是RGB模式转换为CMKY模式的桥梁 在转换时 Photoshop会自动将RGB模式转换为Lab模式 再转换为CMYK模式 4 Lab模式在转换成CMYK模式时色彩没有丢失或被替换 5 图像在软件中的颜色不会受第三方干扰而改变 处理速度与RGB模式一样快 可以放心大胆的在图象编辑中使用Lab模式 那是不是在平时设计中可以将图像转成Lab模式进行编辑 再转成CMYK进行印刷呢 注意 LAB模式在Photoshop中很多功能都不能用 所以 假设基本上不成立 4 HSB色彩模式前面我们已经学习过了RGB CMYK和Lab三种色彩模式 色彩模式有很多种 其中RGB和CMYK是最重要和最基础的 其余的色彩模式 实际上在显示的时候都需要转换为RGB 在打印或印刷 又称为输出 的时候都需要转为CMYK 虽然如此 但这两种色彩模式都比较抽象 不符合我们对色彩的习惯性描述 看下面的例子 图中人物衣服颜色的RGB或CMYK值是多少 习惯上我们都会说图片上的衣服是黄色的 或者说是亮黄色的 因为我们大脑对色彩的直觉感知 首先是色相 即红 橙 黄 绿 青 蓝 紫中的一个 然后是它的深浅度 这就是HSB模式 是基于人眼识别能力的一种最直观色彩模式 色相H纯度S明度B 在HSB模式中 S和B的取值都是百分比 唯有H的取值单位是度 这个度是什么意思 表示色相位于色相环上的位置 将我们学过的色相环加上角度标志就明白了 如右图 拾色器的H方式其实就是HSB取色方式 色谱就是色相 而大框就包含了饱和度和明度 横方向是饱和度 竖方向是明度 5 灰度模式用单一色调表现图像 一个像素的颜色用八位元来表示 一共可表现256阶 色阶 的灰色调 含黑和白 也就是256种明度的灰色 是从黑 灰 白的过渡 如同黑白照片 灰度模式平时主要用在黑白色调的印刷品设计上 比如普通的报纸 用这种模式可以很明了的看到图像的黑白灰关系 以作适当的调整 5 颜色模式中的色彩位数表示在位图或者视频帧缓冲区中储存1像素的颜色所用的位数 它也称为位 像素 bpp 色彩位数越高 可用的颜色就越多 在颜色模式中选择时一般选8位就足够了 16位及32位体现人物 景物的细节更好更细腻 但显示器和人眼已经无法辨别 运行速度也会很慢 且目前的印刷颜色8位也已能完全满足要求 6 图层 层 的概念在Photoshop中非常重要 它是构成图像的重要组成单位 许多效果可以通过对层的直接操作而得到 用图层来实现效果是一种直观而简便的方法 通俗地讲 图层就象是含有文字或图形等元素的胶片 一张张按顺序叠放在一起 组合起来形成页面的最终效果 现如今的设计基本上都是建立在 层 上进行的 无论是平面合成 动画制作还是后期合成 看后面的示例图 6 常用图片格式介绍 1 TIFF TagImageFileFormat 文件压缩采用的是LZW无损压缩方案 在桌面印刷排版中是最受欢迎的图形文件格式 其文件的扩展名为 tif或 tiff 在Photoshop中 tif文件可以支持24个通道 是除了Photoshop自身格式以外 惟一能存储多于4个通道的文件格式 平时用PS做的东西 如果去打印并且要求较高 最好存成TIFF格式 这样图像损失较小 打印的质量较高 2 JPEG JointPhotographicExpertsGroup 文件JPEG是一种高效率的24位图像文件压缩格式 同样一幅图像 用JPEG格式存储的文件是其他类型文件的1 10 1 20 通常只有几十KB 而颜色深度仍然是24位 其质量损失非常小 JPEG文件的扩展名为 jpg或 jpeg 这是我们在平时接触最多的一种格式 基本上相机拍的照片 网上的图片都能发现它的身影 3 GIF GraphicsInterchangeFormat 文件GIF分为静态GIF和动画GIF两种 扩展名为 gif 是一种压缩位图格式 支持透明背景图像 适用于多种操作系统 体型 很小 网上很多小动画都是GIF格式 其实GIF是将多幅图像保存为一个图像文件 从而形成动画 所以归根到底GIF仍然是图片文件格式 但GIF只能显示256色 和JPEG一样 这是一种在网络上非常流行的图形文件格式 我们每天用到的QQ表情都是这种格式 4 BMP Bitmap 文件BMP是Window操作系统中的标准图像文件格式 可以分成两类 设备相关位图 DDB 和设备无关位图 DIB 使用非常广 它采用位映射存储格式 除了图像深度可选以外 不采用其他任何压缩 因此 BMP文件所占用的空间很大 BMP文件的图像深度可选l位 4位 8位及24位 由于BMP文件格式是Windows环境中交换与图有关的数据的一种标准 因此在Windows环境中运行的图形图像软件都支持BMP图像格式 估计大家遇到它最多的情况是从网上拷贝下来的图片 平时编辑基本不使用 5 PNG PortableNetworkGraphicFormat 文件PNG 图像文件存储格式 其目的是试图替代GIF和TIFF文件格式 同时增加一些GIF文件格式所不具备的特性 名称来源于非官方的 PNG sNotGIF 是一种位图文件 bitmapfile 存储格式 PNG格式图片因其高保真性 透明性及文件体积较小等特性 被广泛应用于网页设计 平面设计中 PNG格式图片通常被我们当做素材来使用 在设计过程中 不可避免的要搜索相关文件 如果是JPG格式文件 抠图就在所难免 费时费力 gif格式虽然具有透明性 但其只是对其中一种或几种颜色设置为完全透明 并没有考虑对周围颜色的影响 所以此时PNG格式文件就成了我们的不二之选 6 PSD文件是著名的Adobe公司的图像处理软件Photoshop的专用格式PhotoshopDocument PSD PSD其实是Photoshop进行平面设计的一张 草稿图 它里面包含有各种图层 通道 遮罩等多种设计的样稿 以便于下次打开文件时可以修改上一次的设计 在Photoshop所支持的各种图像格式中 PSD的存取速度比其它格式快很多 功能也很强大 该格式就是Photoshop的源文件格式 7 CDR格式cdr是CorelDraw软件使用中的一种图形文件保存格式 CDR文件属于CorelDraw专用文件存储格式 必须使用匹配软件才能打开浏览 你需要安装CoreDraw相关软件后才能打开该图形文件 CorelDraw是一个绘图与排版的软件 它广泛地应用于商标设计 标志制作 模型绘制 插图描画 排版及分色输出等诸多领域 该格式就是CorelDraw的源文件格式 Photoshop的操作界面如下图 Photoshop的应用基础 标题栏 菜单栏 属性栏 工具栏 图像窗口 状态栏 工作区域 浮动调板 菜单栏位于操作界面上方 包含文件 编辑等10个方面内容 点击任意一个菜单会展开相应的子菜单命令 1 在子菜单命令中 显示成灰色表明还没有被激活 命令不能执行 2 命令右边的组合按键称为快捷键 在键盘中按下这些键 可快速执行相应命令 3 命令中带有三角符号 说明该菜单还有子菜单 如下图 菜单栏 快捷键 灰色区域 带有三角符号 文件 菜单 文件 菜单中的大部分命令用于对文件的存储 加载和打印这些命令 如 新建 打开 保存 另存为 页面设置 和 退出 命令在其他Windows中的应用程序中都是极其普遍的 编辑 菜单 编辑 菜单通常用于复制或移动图象的一部分到文档的其他区域或其他文件 其中的 撤消 命令可以使你上一次的动作变成无效 菜单命令中有 撤消 剪切 复制 粘贴 自由变换 填充 描边 定义图案 等 图象 菜单 图象 菜单中的命令可以将RGB文件格式转换成各种模式 还可以调整文件和画布的大小 并分析和校正图象的色彩 例如 可以调整色彩平衡 亮度 对比度 高亮度 中间色调和阴影区 复制 应用图象 和 计算 命令可以用于产生特效 图层 菜单 图层 菜单的主要功能是创建和调整图层 图层 菜单中的一些命令也可以在 图层选择板 中找到 例如 新建 复制图层 删除图层 等 选择 菜单 选择 菜单用于调整选区或选择整幅图象 在Photoshop中 要想修改图象的一部分 必须事先将其分离或选择出来 提示 在图层多的情况下 可在工具栏处于选择工具状态时 在属性栏中勾选 自动选择图层 这样便可以轻松的用鼠标左键选择到想要的图层 滤镜 菜单 摄影师在照像机镜头前往往放置一个滤镜来产生特殊效果 Photoshop的 滤镜 菜单提供了各种各样的滤镜 其作用类似于摄像师的滤镜所产生的特效 通过使用PhotoshopCS2的 滤镜 子菜单中的滤镜命令 可以对一幅图象或图象的一部分进行模糊 扭曲 风格化 增加光照效果和增加杂色 PhotoshopCS2包括70多种不同的滤镜 这是PhotoshopCS2的一大优势 窗口 菜单 窗口 菜单用于改变活动文档以及打开和关闭PhotoshopCS2的各个调板 帮助 菜单 帮助 提供了对PhotoshopCS2特性的快速访问 在许多方面 帮助 内容都类似于PhotoshopCS2的用户手册 你只要选择 帮助 目录 便可看到有关帮助的选项 工具栏工具栏中包含最常用的所有工具 根据功能可划分为八大区域 选取与移动工具组 绘画与装饰工具组 矢量工具组 辅助工具组 前景后景色设置 标准与蒙版模式设置 PS屏幕模式 跳转ImageReady 选取与移动工具组 绘画与装饰工具组 适量工具组 辅助工具组 前后景色 标准与蒙版模式 PS屏幕模式 跳转ImageReady 1 选取工具选取工具包含了矩形 椭圆 单行 单列选取工具 矩形选取工具 选取该工具后在图像上拖动鼠标可以确定一个矩形的选取区域 也可以在选项面板中将选区设定为固定的大小 如果在拖动的同时按下Shift键可将选区设定为正方形 椭圆形选取工具 选取该工具后在图像上拖动可确定椭圆形选取工具 如果在拖动的同时按下Shift键可将选区设定为圆形 单行选取工具 选取该工具后在图像上拖动可确定单行 一个像素高 的选取区域 单列选取工具 选取该工具后在图像上拖动可确定单行 一个像素宽 的选取区域 2 移动工具用于移动选取区域内的图像 3 套索工具套索工具 用于通过鼠标等设备在图像上绘制任意形状的选取区域 多边形套索工具 用于在图像上绘制任意形状的多边形选取区域 磁性套索工具 用于在图像上具有一定颜色属性的物体的轮廓线上设置路径 4 魔棒工具用于将图像上具有相近属性的像素点设为选取区域 5 裁剪工具用于从图像上裁剪需要的图像部分 6 薄片工具该工具包含薄片工具和薄片选取工具 主要用于网页图片制作时 将一个完整的网页切割许多小片 以便上传 储存时使用 文件 储存为Web所用格式 薄片工具 选定该工具后在图像工作区拖动 可画出一个矩形的薄片区域 薄片选取工具 选定该工具后在薄片上单击可选中该薄片 如果在单击的同时按下Shift键可同时选取多个薄片 7 图像修复工具该工具包含污点修复画笔工具 修复画笔工具 修补工具和红眼工具 主要做图片的局部修复使用 尤其在照片的修饰上十分的方便 8 画笔工具该工具集包括画笔工具 铅笔工具和颜色替代工具 它们也可用于在图像上作画 并且是十分重要的选取工具 不过最好使用压杆笔才能发挥它的特性 画笔工具 用于绘制具有画笔特性的线条 铅笔工具 具有铅笔特性的绘线工具 绘线的粗细可调 颜色替代工具 可替换现有颜色 有四种模式选择 有自动识别颜色功能 一般不做使用 9 图章工具图章工具包含橡皮图章和图案图章工具 克隆图章工具 用于将图像上用图章擦过的部分复制到图像的其他区域 图案图章工具 用于复制设定的图案 定义图案可通过 矩形选区工具 选择图像 然后执行 编辑 定义图案 获得 10 历史画笔工具历史画笔工具包含画笔工具和艺术历史画笔工具 历史记录画笔工具 用于恢复图像中被修改的部分 艺术历史画笔工具 用于使图像中划过的部分产生模糊的艺术效果 11 橡皮擦工具橡皮擦工具包括橡皮擦工具 背景橡皮擦工具 魔术橡皮擦工具3种工具 橡皮擦工具 用于擦除图像中不需要的部分 并在擦过的地方显示背景图层的内容 背景橡皮擦工具 用于擦除图像中不需要的部分 并使擦过区域变成透明 魔术橡皮擦工具 可以一键去除要清除部分 不过局限性很大 12 渐变工具与颜料桶工具颜料桶工具 用于在图像的确定区域内填充前景色 渐变工具 在工具箱中选中 渐变工具 后 在选项面板中可再进一步选择具体的渐变类型 13 模糊 锐化和涂抹工具模糊工具 选用该工具后 光标在图像上划动时可使划过的图像变得模糊 锐化工具 选用该工具后 光标在图像上划动时可使划过的图像变得更清晰 但它的原理其实是提纯的饱和度 提纯过了的话容易出现噪波 要慎用 涂抹工具 划过图像可产生被搅拌的涂抹感 不过这功能会牺牲画质 所以一般不做使用 想做涂抹效果可选用液化工具 14 减淡 加深和海绵工具减淡工具和加深工具主要用来调整图片的颜色深浅 海绵工具主要用来调整图片的局部饱和度 有去色和加色两种模式供选择 15 路径工具路径选择工具 用于选取已有路径 然后进行位置调节 直接选择工具 用于调整路径上固定点的位置 16 钢笔工具钢笔工具 用于绘制路径 选定该工具后 在要绘制的路径上依次单击 可将各个单击点连成路径 自由钢笔工具 用于手绘任意形状的路径 选定该工具后 在要绘制的路径上拖动 即可画出一条连续的路径 添加锚点工具 用于增加路径上的固定点 删除锚点工具 用于减少路径上的固定点 转换节点工具 使用该工具可以在平滑曲线转折点和直线转折点之间进行转换 17 文字工具横排文字工具 添加横方向文字图层或放置文字 直排文字工具 添加竖方向文字图层或放置文字 横向文字蒙板工具 用于向横排文字添加蒙板或将文字作为选区选定 直排文字蒙板工具 用于在图像的垂直方向添加蒙板或将文字作为选区选定 18 多边形工具矩形图形工具 选定该工具后 在图像工作区内拖动可产生一个矩形图形 按SHIFT画正方形 圆角矩形工具 选定该工具后 在图像工作区内拖动可产生一个圆角矩形图形 按SHIFT画圆角正方形 椭圆工具 选定该工具后 在图像工作区内拖动可产生一个椭圆形图形 按SHIFT画正圆 多边形图形工具 选定该工具后 在图像工作区内拖动可产生一个5条边等长的多边形图形 直线工具 选定该工具后 在图像工作区内拖