Computer Design 计算机设计 ■教学目的、方法 电脑设计的出现,较大的影响着当今的设计风 格、设计思维方式及设计教育方法。该课程从计 算机设计的发展历程和基本理论知识入手,让学 生能掌握新·代的平面设计软件,掌握“科学技 术与设计艺术”有机结合的基础知识和技能,探 索当代艺术发展的时代特征及其在现代数字技术 条件下艺术设计的特殊走向。同时培养同学们的 创新、创造思维能力和意识。 由浅入深、由简到繁、循序渐进地向学生讲解 Photoshop、 CorelDRAW的图像处理功能、 图像编辑等功能,使学生通过学习,熟练和灵 活运用并将所学能很好的跟自己的艺术创作、 艺术设计相结合;同时结合自身的艺术设计实 践,让学生在课堂教学上掌握商业设计实践的 相关知识,探索文化与商业的结合点,为学生
Computer Design 1/p 计算机 设 计 一 █ 教学目的、方法 电脑设计的出现，较大的影响着当今的设计风 格、设计思维方式及设计教育方法。该课程从计 算机设计的发展历程和基本理论知识入手，让学 生能掌握新一代的平面设计软件，掌握“科学技 术与设计艺术”有机结合的基础知识和技能，探 索当代艺术发展的时代特征及其在现代数字技术 条件下艺术设计的特殊走向。同时培养同学们的 创新、创造思维能力和意识。 由浅入深、由简到繁、循序渐进地向学生讲解 Photoshop、CorelDRAW 的图像处理功能、 图像编辑等功能，使学生通过学习，熟练和灵 活运用，并将所学能很好的跟自己的艺术创作、 艺术设计相结合；同时结合自身的艺术设计实 践，让学生在课堂教学上掌握商业设计实践的 相关知识，探索文化与商业的结合点，为学生
走向社会打下实战基础 Computer Design ■电脑图形设计的发展 电脑图形系统的日渐完善与先进的意义,已不 只是在效率的提高,表达的精确性、效果的多 样化等方面,不仅给设计过程的变化,同时也 正在极大的影响设计风格、设计思维方式、设 计教育方法。今天设计家们已把计算机图形学 的出现,说成继从无声影片到有声影片,从黑 白影片到彩色影片的第三图像革命 电脑绘画的起源可追溯到1963年由美国苏德 兰教授在麻省理工学院所发表的“绘画板”论 文,为世界艺术工作者投下最具爆炸性的“绘 画革命”。 80年代开始电脑图形技术的成熟,个人电脑 的普及,电脑图形应用的发展,终于使电脑走 出了科学技术应用圈,进入设计创意的层次 电脑图形为设计者提供了一种全新的艺术表现 形式与空间,更为设计师提供了实现创意的无 限潜能 今天,计算机技术已成为设计师必须掌握的 门技术,它已辐射到艺术设计的各个领域和各 个环节,不懂计算机技术将成为现代设计的文
走向社会打下实战基础。 Computer Design 2/p █ 电脑图形设计的发展 电脑图形系统的日渐完善与先进的意义，已不 只是在效率的提高，表达的精确性、效果的多 样化等方面，不仅给设计过程的变化，同时也 正在极大的影响设计风格、设计思维方式、设 计教育方法。今天设计家们已把计算机图形学 的出现，说成继从无声影片到有声影片，从黑 白影片到彩色影片的第三图像革命。 电脑绘画的起源可追溯到 1963 年由美国苏德 兰教授在麻省理工学院所发表的“绘画板”论 文，为世界艺术工作者投下最具爆炸性的“绘 画革命”。 80 年代开始电脑图形技术的成熟，个人电脑 的普及，电脑图形应用的发展，终于使电脑走 出了科学技术应用圈，进入设计创意的层次。 电脑图形为设计者提供了一种全新的艺术表现 形式与空间，更为设计师提供了实现创意的无 限潜能。 今天，计算机技术已成为设计师必须掌握的一 门技术，它已辐射到艺术设计的各个领域和各 个环节，不懂计算机技术将成为现代设计的文
盲 图像处理篇 Photoshop Photoshop是 Adobe公司开发的图形图像处理软件。 是目前市场上最流行的图像处理软件, 图像处理已成为计算机应用的重要分支之一。 Photoshop广泛应用于艺术设计、彩色印刷等诸多领域 一、 Photoshop的基本操作 ■认识工作界面 A、菜单 B、工具选项 C、控制面板泊窗; D、工具箱; E、控制面板 ■文件操作 新建文件 文件尺寸设置→打印、印刷 颜色模式→ 位图模式 此模式图像也叫黑白图像或一位图像,图像由一位像素组成,文 非常小 灰度模式:
盲。 Computer Design 3/p 图像处理篇 Photoshop Photoshop 是 Adobe 公司开发的图形图像处理软件。 是目前市场上最流行的图像处理软件， 图像处理已成为计算机应用的重要分支之一。 Photoshop 广泛应用于艺术设计、彩色印刷等诸多领域。 一、Photoshop 的基本操作 █ 认识工作界面 A、菜单； B、工具选项； C、控制面板泊窗； D、工具箱； E、控制面板 █ 文件操作 1、新建文件： 文件尺寸设置→打印、印刷 2、 颜色模式→ 位图模式： 此模式图像也叫黑白图像或一位图像，图像由一位像素组成，文 件非常小。 灰度模式：
此模式的图像是由256级灰度颜色组成的图像,任何一种彩色 图像转换为灰度模式图像时,所有彩色都将被删除。 Lab模式 此模式最大的优点是与设备无关的特性,不管使用什么设备创建 或输出图像,这种颜色模式产生的颜色都可以保持-致 Computer Design Photoshop不同颜色模式之间相互转换时,使用的内间颜色模 式 RGB模式 此模式是 Photoshop中工作最常用的颜色模式,绝大部分可见 光谱中的颜色可以用红、绿和蓝(RGB)三色光按不同比例和强 度混合后生成 cMYK模式 CMYK模式以打印在纸张上的油墨的光线吸收特性为理论基础 是一种印刷所使用的模式,由分色印刷时所使用的纯青色(C)、 洋红(M)、黄色(Y)、和黑(K)四种颜色组成。由于这四种 颜色能够通过合成得到可以吸收所有颜色的黑色,因此使用 CMYK生成的颜色的模式也被称为减色模式。 双色调模式: 双色调模式是用两种油墨打印的图像,要将其他模式的图像转换 成双色调模式的图像,必须先转换成灰度模式才能转换成双色调 模式。转换时可以选择生成单色版、双色版、三色版或四色版图 像,并选择各个色版的颜色 索引色模式: 在此模式下图像只能显示出256种颜色,因此常有图像失真的 现象。由于这种模式可以大大减少文件所占的磁盘空间,并降低 图像文件在网络上的传输时间,因此较多应用于网络中 多通道模式: 多通道模式是在每个通道中使用256级灰度,多通道图像对特 殊的打印非常有用。将CMYK模式图像转换为多通道模式后可 创建青、洋红、黄和黑专色通道,将RGB模式图像转换为多通
此模式的图像是由 256 级灰度颜色组成的图像，任何一种彩色 图像转换为灰度模式图像时，所有彩色都将被删除。 Lab 模式： 此模式最大的优点是与设备无关的特性，不管使用什么设备创建 或输出图像，这种颜色模式产生的颜色都可以保持一致。 Computer Design 4/p Photoshop 不同颜色模式之间相互转换时，使用的内间颜色模 式。 RGB 模式： 此模式是 Photoshop 中工作最常用的颜色模式，绝大部分可见 光谱中的颜色可以用红、绿和蓝（RGB）三色光按不同比例和强 度混合后生成。 CMYK 模式： CMYK 模式以打印在纸张上的油墨的光线吸收特性为理论基础， 是一种印刷所使用的模式，由分色印刷时所使用的纯青色（C）、 洋红（M）、黄色（Y）、和黑（K）四种颜色组成。由于这四种 颜色能够通过合成得到可以吸收所有颜色的黑色，因此使用 CMYK 生成的颜色的模式也被称为减色模式。 双色调模式： 双色调模式是用两种油墨打印的图像，要将其他模式的图像转换 成双色调模式的图像，必须先转换成灰度模式才能转换成双色调 模式。转换时可以选择生成单色版、双色版、三色版或四色版图 像，并选择各个色版的颜色。 索引色模式： 在此模式下图像只能显示出 256 种颜色，因此常有图像失真的 现象。由于这种模式可以大大减少文件所占的磁盘空间，并降低 图像文件在网络上的传输时间，因此较多应用于网络中 多通道模式： 多通道模式是在每个通道中使用 256 级灰度，多通道图像对特 殊的打印非常有用。将 CMYK 模式图像转换为多通道模式后可 创建青、洋红、黄和黑专色通道，将 RGB 模式图像转换为多通
道模式后可创建青、洋红、黄和黑专色通道,当用户从RGB、 CMYK或Lab模式的图像中删除一个通道后,该图像自动转换 为多通道模式 3、分辨率→ 图像分辨率是图像中每英寸像素点的数目,通常用像素/ 英寸(dpi)来表示。如果图像用于网络,图像分辨率只 需满足典型的显示器分辨率(72或96dpi)就可以了 如果图像用于打印、输出,则需要满足打印机或其他输 出设置的要求,对于印刷而言图像分辨率不低于300像 素/英寸 4、保存文件:SAVE和 SAVE AS的区别 5、文件格式 Format的选择 a、GIF b、JPEG C、PDF PNG e、TFF f、PSD 选区的操作: a、用选取工具创建选择区域及魔棒的使用 b、用色彩范围创建选择区域 C、选区的放大、缩小、变换 羽化(AIt+ctr+D)的操作运用 Photoshop的绘画应用 a、前景色、背景色的设置 b、吸管的应用 C、网络安全颜色 Only Web Colors的选择
道模式后可创建青、洋红、黄和黑专色通道，当用户从 RGB、 CMYK 或 Lab 模式的图像中删除一个通道后，该图像自动转换 为多通道模式。 3、 分辨率→ 图像分辨率是图像中每英寸像素点的数目，通常用像素/ 英寸（dpi）来表示。如果图像用于网络，图像分辨率只 Computer Design 5/p 需满足典型的显示器分辨率（72 或 96dpi）就可以了； 如果图像用于打印、输出，则需要满足打印机或其他输 出设置的要求，对于印刷而言图像分辨率不低于 300 像 素/英寸。 4、保存文件： SAVE 和 SAVE AS 的区别 5、 文件格式 Format 的选择 a、GIF b、 JPEG c、 PDF d、 PNG e、TIFF f、 PSD 选区的操作： a、用选取工具创建选择区域及魔棒的使用 b、用色彩范围创建选择区域 c、选区的放大、缩小、变换 羽化(Alt+ctrl+D)的操作运用 Photoshop 的绘画应用： a、前景色、背景色的设置 b、吸管的应用 c、网络安全颜色 Only Web Colors 的选择
d、画笔工具的使用 e、铅笔工具的应用 f、画笔控制面板的参数设置 g、渐变工具的应用 h、填充与描边应用 i、橡皮图章应用技巧 二、 Photoshop路径、形状 1、路径工具: Pen too→最精确工具,可创建光滑而复杂的路径 Freeform pen tool→在绘制过程中将自动生成路径 Add anchor point tool→为创建的路径添加节点 Delete anchor point tool→从路径删除节点 Convert point too→转换节点圆角←→尖角 2、钢笔工具 Pen Options(橡皮带)的选择 水平、垂直或45度角的直线路径的绘制 3、自由手绘钢笔
d、画笔工具的使用 e、铅笔工具的应用 f、画笔控制面板的参数设置 g、渐变工具的应用 h、填充与描边应用 i、橡皮图章应用技巧 Computer Design 6/p 二、Photoshop 路径、形状 1、路径工具： Pen Tool→ 最精确工具，可创建光滑而复杂的路径 Freeform Pen Tool→ 在绘制过程中将自动生成路径 Add Anchor Point Tool→ 为创建的路径添加节点 Delete Anchor Point Tool→ 从路径删除节点 Convert Point Tool→ 转换节点 圆角←→尖角 2、钢笔工具 Pen Options(橡皮带)的选择 水平、垂直或 45 度角的直线路径的绘制 3、自由手绘钢笔
4、选择路径:路径选择工具、直接选择工具 5、路径控制面板的应用 a、填充当前路径 b、描边当复选中路径 C、将当前路径转换为选区 d、从选区建立工作路径 6、新建路径 7、填充路径 8、描边路径 9、转换为路径 10、将路径转化为选区 11、路径运算 选区剖析
4、选择路径： 路径选择工具、直接选择工具 5、路径控制面板的应用 a、填充当前路径 b、描边当复选中路径 c、将当前路径转换为选区 d、从选区建立工作路径 6、新建路径 7、填充路径 8、描边路径 9、转换为路径 10、将路径转化为选区 11、路径运算： Computer Design 7/p 三、选区剖析
1、得到选区的方法:矩形选择工具、路径、通道等 2、选区工具祥解 3、编辑与调整 a、移动 b、取消Ctr+D C、收缩、扩展、平滑、扩边 Select-- Modify- Border. d变换选区: Select--Transform Selection 四、图像处理色彩调整语言 1、 Image→ Adjustments→ Levels色阶: 可非常直观的调整图像 a、可在 Channel通道选择要调整的通道。 b、拖动 Input Levels输入色阶滑块亮←暗増加图像对比度 C、拖动 Output Levels输出色阶亮←→暗降低图像对比度 2、 Curver曲线: 调整图像高亮色调、中间色调及暗色调 可以仅调整某个色调范围内的图像而不影响其他部分色调。 3、 Color balance色调平衡→ 增加或减少处于高亮度色、中间色及暗部色区域中的特定颜 色,以改变图像的整体色调。 4、Hue/ Saturation色相/饱和度: 对整幅图像进行色相,饱和度和明度的调节 调整特定颜色成分的色相,饱和度和亮度 Colorize着色复选框,可将一幅灰色或黑白的图像着色为 某色。 5、 Replace Color替换颜色
1、得到选区的方法：矩形选择工具、路径、通道等 2、选区工具祥解 3、编辑与调整： a、移动 b、取消 Ctrl+D c、收缩、扩展、平滑、扩边 Select—Modify—Border. d 变换选区：Select—Transform Selection 四、图像处理色彩调整语言 1、Image→Adjustments→Levels 色阶： 可非常直观的调整图像 a、可在 Channel 通道选择要调整的通道。 b、拖动 Input Levels 输入色阶滑块亮←暗增加图像对比度 c、拖动 Output Levels 输出色阶亮←→暗降低图像对比度 2、Curver 曲线： 调整图像高亮色调、中间色调及暗色调 可以仅调整某个色调范围内的图像而不影响其他部分色调。 3、Color Balance 色调平衡→ 增加或减少处于高亮度色、中间色及暗部色区域中的特定颜 色，以改变图像的整体色调。 4、Hue/Saturation 色相/饱和度： 对整幅图像进行色相，饱和度和明度的调节， 调整特定颜色成分的色相，饱和度和亮度， Colorize 着色复选框，可将一幅灰色或黑白的图像着色为 某色。 5、Replace Color 替换颜色：
可以用一种颜色替换图像中的另一种颜色 Computer Design 6、Hue/ Saturation色相/饱和度 a、对一幅图像进行色相、饱和度、明度调节 b、调整图像对象中特定颜色成分的色相、饱和度和亮度。 7、 Brighness/ Contrast亮度/对比度: 直接调节图像的对比度与亮度 8、 Gradient Map渐变映射 将指定的渐变填充映射到图像的全部色阶中 从而得到具有彩色渐变的图像效果 9、 Variation变化 可直观的调整图像或选区的色相、亮度、饱和度等 10、 Desaturate去色: 去掉彩色图像中的所有颜色值 将它转换为相同颜色模色的灰度图像 、 Invert反相: 将正片黑白图像变成负片将扫描的黑白负片转换为正片 12、 Equalize色调均化 对图像亮度进行色调均化 即在整个色调范围中均分布像素 13、 Threshold阈值 将一个灰度或彩色图像转换为转换为黑白图像 14、 Posterize色调公离 指定图像的色调级数, 并按此级数将图像的像素映射为最接近的颜色
可以用一种颜色替换图像中的另一种颜色 Computer Design 8/p 6、Hue/Saturation 色相/饱和度： a、对一幅图像进行色相、饱和度、明度调节 b、调整图像对象中特定颜色成分的色相、饱和度和亮度。 7、Brighness/Contrast 亮度/对比度: 直接调节图像的对比度与亮度 8、Gradient Map 渐变映射： 将指定的渐变填充映射到图像的全部色阶中， 从而得到具有彩色渐变的图像效果。 9、Variation 变化： 可直观的调整图像或选区的色相、亮度、饱和度等 10、Desaturate 去色： 去掉彩色图像中的所有颜色值， 将它转换为相同颜色模色的灰度图像 11、Invert 反相： 将正片黑白图像变成负片，将扫描的黑白负片转换为正片 12、Equalize 色调均化： 对图像亮度进行色调均化， 即在整个色调范围中均分布像素 13、Threshold 阈值： 将一个灰度或彩色图像转换为转换为黑白图像， 14、Posterize 色调公离： 指定图像的色调级数， 并按此级数将图像的像素映射为最接近的颜色
五、图层 了解图层是深入掌握 Photshop的必备条件, 可将图层理解为透明胶片 ●每个图层的相对独立性 Windows- Layers图层控制面板 添加图层样式;添加图层蒙板;添加图层组 创建新填充或调整图层 1、图层操作 A、新建普通图层 B、新建调整图层 Desi a、是一种能够同时调整多个图层颜色的特殊图层。 b、调整图层的优点:可对图象的颜色或色调进行调整,而 不会修改图象中的像素。 C、调整图层仅影响其下方的所有可见图层 C、创建填充图层 D、新建形状图层 在工具箱中选择形状工具,单击点击工具选项条中的按钮 ●形状图层具有矢量特性,在此图层中无法使用对像素进行 处理的各种工具与命令。 要去除形状图层的矢量特性使其像素化,可选择 Layer Rasterize-shap命令,将形状图层转换为普通图层 E、复制、删除图层F、移动图层:
五、图层 ⚫ 了解图层是深入掌握 Photshop 的必备条件， ⚫ 可将图层理解为透明胶片 ⚫ 每个图层的相对独立性 Windows —Layers 图层控制面板 添加图层样式；添加图层蒙板；添加图层组 创建新填充或调整图层 1、图层操作： A、新建普通图层 B、新建调整图层： Computer Design 9/p a、是一种能够同时调整多个图层颜色的特殊图层。 b、调整图层的优点：可对图象的颜色或色调进行调整，而 不会修改图象中的像素。 c、调整图层仅影响其下方的所有可见图层 C、创建填充图层 D、新建形状图层 ⚫ 在工具箱中选择形状工具，单击点击工具选项条中的按钮 ⚫形状图层具有矢量特性，在此图层中无法使用对像素进行 处理的各种工具与命令。 ⚫要去除形状图层的矢量特性使其像素化，可选择 Layer— Rasterize—shap 命令，将形状图层转换为普通图层。 E、复制、删除图层 F、移动图层：