73
图图图图图图图图 ……………… photoshop 图图图图 ……………… photoshop 图图图图 ……………… 图图图图 ………………………… 图图图图图图图图 ……………… 主主 主主主 主主 主主主

Photoshop Basic with Digital Photograph

  • Upload
    wisters

  • View
    1.253

  • Download
    8

Embed Size (px)

Citation preview

Page 1: Photoshop Basic with Digital Photograph

图像处理基础知识………………

photoshop基础操作………………

photoshop深入学习………………

网页模板…………………………

印前处理基本知识………………

主讲:孙伟良主讲:孙伟良

Page 2: Photoshop Basic with Digital Photograph

一、 图像处理基础知识

Livemotion

Golive

Acrobat

Indesign

Pagemaker

Illustrator

Photoshop

After effects

Premier

Adobe

Freehand Director

fireworks

Dreamweaver

Flash

Macr omedi a

世界两大平面图文处理软件公司

Page 3: Photoshop Basic with Digital Photograph

§ Photoshop 在各界的应用 广告业 建筑装潢 标志设计及企业 VI 工业设计 包装设计 样本、型录及封面设计 数码相片处理 网页设计 形象设计 动漫设计

Page 4: Photoshop Basic with Digital Photograph

§ 通过本课程将学到的…… 基本图像理论(位图、矢量图、色彩模式、分

辨率、印前处理、图片格式等) 图文基础操作(选区、复制、粘贴、变形、缩

放、裁切、绘图) 专业图像理论(图层、通道、蒙板、色彩校正、

历史、动作、路径、滤镜、切片) 相片处理(抠图、校色、修补、上色、去红

眼) 特效(拼图、特效文字、金属效果等) 人物形象处理(换脸、去皱,上眼影、唇膏

等) 简单网页模板制作

Page 5: Photoshop Basic with Digital Photograph

§ Photoshop7 特色概览

Page 6: Photoshop Basic with Digital Photograph

1 . 丰富的 Brush (画笔)和全面的绘画工具可以完全模拟现实工具

Page 7: Photoshop Basic with Digital Photograph
Page 8: Photoshop Basic with Digital Photograph

在图片处理的过程中,经常要把所需图像局部从图像背景中提出来。一般可以使用选取工具,对于精确度高的操作,则可以使用钢笔工具选取后转化成选区。

2. 快速高效的选择工具帮你快速锁定目标

Page 9: Photoshop Basic with Digital Photograph

3. Layer (层) 的应用让你做复杂的图像处理时井然有序

在设计中,我们通常需要在一个文件中处理许多的要素,列入背景层、图像层、填充层、调节层、文字层等。我们可以定义层的名称外观颜色,必要时可以创建 Layer set ,将 layer 分类存放在 Layer set 中,化繁为简,操作起来方便有序。

Page 10: Photoshop Basic with Digital Photograph

4. 丰富的 Layer Style (图层样式) 可以快速给我们的字体或图形添加效果

Photoshop 为我们准备了大量使用的 Layer Style (图层样式),我们可以轻易非文字、路径、造型添加纹理效果,而且观察效果和修改效果都很方便。并能导出导入增加了实用性。

Page 11: Photoshop Basic with Digital Photograph

5. 矢量图形在 Photoshop 7.0 中的操作一样简单

我们可以在图像中自由的加入、组合矢量图形,并可以将图层样式添加到矢量造型上。即使放大缩小,图像也依然保持清晰。

Page 12: Photoshop Basic with Digital Photograph

6. 更加完善的文字编辑功能,使我们在编辑段落文字时得心应手

文字的编辑功能在新板中更加完善,功能更接近专业的文字排版软件。它的段落文字更方便、更自由,照顾到我们的各种需求。

Page 13: Photoshop Basic with Digital Photograph

7. 百余款使用的精品 Filter (滤镜) 为我们的设计增光添彩

滤镜是 Photoshop 7.0 的重要功能之一,它本身就有百余款非常使用的滤镜,基本上已经可以满足我们日常需求,当然它也具有导出导入功能方便我们的工作。

Page 14: Photoshop Basic with Digital Photograph

§ 像素 photoshop 图像最基本的组成单元(指位图) 图像分辨率单位—— ppi 与 dpi 的区别(针对输出设备) 15‘ 屏幕分辨率—— 72ppi 屏幕像素 图片尺寸 Bicubic (二维三次)算法

Page 15: Photoshop Basic with Digital Photograph

§ 点阵图(位图)及 矢量图

点阵图基本组成单元——像素 矢量图基本组成单元——锚点、路径 制作点阵图软件—— photoshop,painter 制作矢量图软件—— Illustrator,flash PS 也具备绘制简单矢量图功能

Page 16: Photoshop Basic with Digital Photograph

§ 关于色彩 色深的概念( 1 位、 8 位( 256 色)、 16 位、 24 位、 32 位、

48 位)

bi t map位图 gr ayscal e灰度

dout one双色调 HSB

º ì

¼ ÓÉ «Ô À í

Â Ì À ¶

RGB

Ç à Æ·º ì

» Æ º Ú

¼ õÉ «Ô À í

CMYK

Á Á¶ È Â Ì£ º ìÖ á À ¶£ » ÆÖ á

lab index colorË ÷Ò ýÉ «

¶ àÍ µ̈ À 16Î »Í µ̈ À

色彩模式

Page 17: Photoshop Basic with Digital Photograph

§ 图片格式

PSD BMP JPG GIF PNG TIF PDF

Page 18: Photoshop Basic with Digital Photograph

§ Photoshop 参数设置

General 选项 暂存磁盘选项 内存选项

Page 19: Photoshop Basic with Digital Photograph

§ photoshop7 的操作界面

Page 20: Photoshop Basic with Digital Photograph

1 、 工具栏

工具箱中所包含的工具不仅事实默认的两列工具,凡是工具图标的右下脚有一个三角形的按钮,单击次按钮会弹出更多的隐藏工具。

Page 21: Photoshop Basic with Digital Photograph
Page 22: Photoshop Basic with Digital Photograph

§ photoshop7 的新特性

文件浏览器 修补工具 增强画笔 图案生成器 增强的 GIF 输出 Web画廊

Page 23: Photoshop Basic with Digital Photograph

二、 PS 基础操作常用快捷键

CTRL 移动对象工具ALT 复制(在移动时)CTRL- D 取消选区CTRL- T 对象变形CTRL- R 标尺CTRL- A 全选空格 变手(移动图纸)CTRL-空格 放大ALT -空格 缩小SHIFT-关闭 关闭所有窗口ALT- DEL 填前景色CTRL- DEL 填背景色TAB 消失所有调板、工具箱

Page 24: Photoshop Basic with Digital Photograph

§ 绘图工具组 画笔 /铅笔 填充及描边 图章工具 橡皮擦 渐变工具(自定义) 油漆桶 模糊 /锐化 /涂抹 减淡 / 加深 /海绵

Page 25: Photoshop Basic with Digital Photograph

§ 关于涂抹工具等

模糊工具

锐化工具

涂抹工具

Page 26: Photoshop Basic with Digital Photograph

减淡工具

加深工具

海绵工具

Page 27: Photoshop Basic with Digital Photograph

§ 选区工具组

选区( shift 为叠加、 alt 为减去、同时按为重叠区域 ,ctrl-shift-I 为反选)

按住 alt 可在套索和多边形套索间切换按回退键撤销一步 组合各种选区工具应用快速蒙板羽化( CTRL-ALT-D)

Page 28: Photoshop Basic with Digital Photograph

§ 基本视图操作

几个放大、缩小快捷键 ; 从调板或状态栏放大、缩小

显示、隐藏标尺

Page 29: Photoshop Basic with Digital Photograph

§ 图像编辑移动工具裁切工具拷贝与合并拷贝 CTRL- T变形的应用(按 CTRL/

ALT/SHIFT ,或右键菜单可控制各个控制点)

改变图像大小 改版画布大小、旋转

Page 30: Photoshop Basic with Digital Photograph

§ 颜色基本设置

前景色、背景色拾色器、色域警告 pantone 色彩体系 调色板吸管工具( alt 单击设为背景色)

Page 31: Photoshop Basic with Digital Photograph

§ 其他一些基本操作

调板的定制 图像快速复制状态栏窗口 关于打印设置,不选‘重定图像像素’

可保持精度

Page 32: Photoshop Basic with Digital Photograph

§ 案例

多重选区

抠苹果

Ctrl-t 变形应用

金属弹头

Page 33: Photoshop Basic with Digital Photograph

羽化

拼图

修复工具

贴标签

Page 34: Photoshop Basic with Digital Photograph

钟面的创作(各自发挥) 简单按钮

字体效果

帘布效果

Page 35: Photoshop Basic with Digital Photograph

三、 Photoshop 进阶

图层……………………手绘…………………… 文字…………………… 路径…………………… 滤镜…………………… 色彩…………………… 通道……………………

Page 36: Photoshop Basic with Digital Photograph

§ 图层 基本操作(新建、复制、删除、重命名、编

组、隐藏、链接、合并、图层属性、不透明度)

对齐和分布 混合模式 图层样式 调整图层 蒙板 自动选择图层(移动工具属性栏)

Page 37: Photoshop Basic with Digital Photograph

混合模式: 首先介绍三种色彩概念 Base Color 基本色 图像原有的色彩 Blend Color 混合色 工具加在图像上的色彩 Result Color 结果色 混合后的最终的新色彩 (1) Normal 标准的 Photoshop 默认的模式在处理时直接生成 Result Color 结果 (2) Dissolve 溶解的 在处理时直接生成 Result Color 结果色但在处理时将 Base Color 基本色和 Blend Color 混合色随机溶解开 (3) Behind 之后的 在关闭了 Preserve Transparency 功能的图层上只能在图层的 透明层上编辑效果是画在透明层后面的层上 (4) Multiply 正片叠底 Base Color 基本色和 Blend Color 混合色相加 (5) Screen 滤色 Base Color 基本色和 Blend Color 混合色相加后取其负相 所以颜色会变浅 (6) Overlay叠加 图像或是色彩加在像素上时会保留其 Base Color 的最亮处与阴暗

处 (7) Soft Light 柔光 其效果类似于在图像上漫射聚光灯当绘图颜色灰度小于 50% 图像会变暗反之则变亮 (8) Hard Light 强光 基于混合色的 Multiply 或 Screen 色彩效果类似于在图像上 投射聚光灯 (9) Color Dodge减淡 基本色加亮后去反射混合色 (10) Color Burn 加深 基本色加深后去反射混合色 (11) Darken 变暗 将基本色和混合色中较暗部分作为结果色 (12) Lighten 变亮 将基本色和混合色中较亮部分作为结果色 (13) Difference 差值 将基本色减去混合色或是将混合色减去基本色 (14) Exclusion 排除 效果类似于前者但较柔和 (15) Hue 色调 用基本色的饱和度和明度与混合色的色相产生结果色 (16) Saturation 饱和度 用基本色的饱和度和明度与混合色的饱和度产生结果 (17) Color 颜色 用基本色的明度与混合色的色相和饱和度产生结果色 (18) Luminosity 亮度 产生 Color 的负相效果

Page 38: Photoshop Basic with Digital Photograph

§ 案例 自动选择图层

图层的对齐与分布

图层蒙板应用

Page 39: Photoshop Basic with Digital Photograph

图层样式

Page 40: Photoshop Basic with Digital Photograph

§ 绘图进阶 定义画笔 / 图案

画笔选项(动态形状颜色、散布效果等) 历史画笔及擦除到历史 背景 /魔术橡皮擦(可用选择区保护欲保留区域) 仿制图章(第一步总是 alt 取样 / 对齐选项) 修复 / 修补工具(要多次取样)

Page 41: Photoshop Basic with Digital Photograph

§ 关于油漆桶工具

总的来说用油漆桶工具进行填充等于用魔术棒选择填充区域后执行填充命令

油漆桶工具为单击处色彩相近并相连的区域填色或图案

Page 42: Photoshop Basic with Digital Photograph

§ 关于渐变工具 渐变工具包括 Linear Gradient 直线 Radial Gradient 放射状 Angular

Gradient 螺旋 Reflected Gradient 反射 Diamond Gradient 菱形

建立与编辑渐变(起点、终点、中间点、不透明度)

Page 43: Photoshop Basic with Digital Photograph

§ 关于背景擦橡皮工具 Background Eraser Tool 背景橡皮工具一种可以擦除指定颜色的擦除器这个指定色叫作标本色表示为背景色也就是说使用它可以进行选择性的擦除

属性栏:界限:包括三个选项,不连续 / 连续 / 寻找边界不连续在选定的色彩范围内可以多次重复擦除连续在选定的色彩范围内只可以进行一次擦除也就是说必须在选定的标本色内连续擦除容差:可以通过输入数值拖动滑块进行调节数值越低擦除的范围,越接近标本色大的容差会把其它颜色擦成半透明的 标本选择:选取标本色的方式共三种,连续的:在你擦除时会自动选择所擦的颜色为标本色,此选项用于抹去不同颜色的相邻范围,在擦除一种颜色时背景橡皮擦 不能超过这种颜色与其它颜色的边界而完全进入另一种颜色,当背景橡皮擦完全进入另一种颜色时,标本色即随之变为当前颜色一次:擦除时首先要在你要擦除的颜色上单击选定标本色,这时标本色已固定,然后就可以在图像上擦除与标本色相同的颜色范围,而且每次单击定标本色只能做一次连续的擦除,如果想继续擦除必须新单击定标本色背景样品:也就是在擦除前选定好背景色即选定好标本色,然后就可以擦除与背景色颜色相同的色彩范围

Page 44: Photoshop Basic with Digital Photograph

§ 案例

自定义画笔及画笔选项的应用

历史记录画笔应用

修复画笔应用

Page 45: Photoshop Basic with Digital Photograph

§ 文字 文字层是一种矢量层 栅格化 结束输入:单击选项栏、 ctrl-enter 、单击其他工具

Ctrl-T 显示字符和段落调板 字体样式 消除锯齿 文本弯曲样式 样式调板实现特效字

Page 46: Photoshop Basic with Digital Photograph

§ 案例

透明标题字

杂志封面设计

Page 47: Photoshop Basic with Digital Photograph

§ 路径和矢量图形 原理:贝塞尔曲线 ps 中产生矢量图形的三种方法:路径工具、文字工具、矢量图

工具 组成:锚点和曲线 锚点分类:角点、平滑点 线分类:曲线、直线 锚点选择工具( ctrl键移动当前锚点, alt键改变当前锚点类型或改变方向线)

矢量图形工具(按钮、箭头的绘制) 路径的组合 路径的描边 路径调板(新建、复制、删除、填充和描边、路径和选区的互换)

Page 48: Photoshop Basic with Digital Photograph

路径是由直线或曲线组合而成,节点就是这些线段的端点,当你选中一个节点,这个节点上就会显示一条或两条方向线,而每一条方向线的端点都有一个方向点,曲线的大小形状都是通过方向线和方向点来调节的。

平滑点 角点

两种转换点: (按 alt)

Page 49: Photoshop Basic with Digital Photograph

§ 案例

禁止通行标志

抠有规律复杂图像

心型制作

邮票制作

Page 50: Photoshop Basic with Digital Photograph

§ 标志及企业 VI 设计

MI (理念识别) VI (视觉识别) BI (行为识别)

CI£ Æ̈óÒ µÊ ¶± ðÏ µÍ ³£ ©

Page 51: Photoshop Basic with Digital Photograph

§ 滤镜抽出方法抠图液化 图案生成器 Ctrl-Alt-F 再次显示最后一次滤镜对话框掌握扭曲、杂色、模糊、锐化、风格化、渲染滤镜组

了解画笔描边、素描、纹理、艺术效果、视频、像素化、水印及其它滤镜组

Page 52: Photoshop Basic with Digital Photograph

扭曲滤镜组扩散发光 置换

玻璃 海洋波纹

挤压 极坐标

波纹 切变

Page 53: Photoshop Basic with Digital Photograph

扭曲滤镜组续球面化 旋转

波浪 涟漪(水波)

Page 54: Photoshop Basic with Digital Photograph

杂色滤镜组添加噪点 除斑——查找图像中颜色变化最大的区

域, 模糊除过渡边缘以外的一切东西,这种滤 镜可以过滤噪点并且保持图像的细节

蒙尘和划痕 中间值

Page 55: Photoshop Basic with Digital Photograph

模糊滤镜组模糊 进一步模糊—— 3~4倍的模糊

高斯模糊 动感模糊

径向模糊 特殊模糊

Page 56: Photoshop Basic with Digital Photograph

锐化滤镜组锐化 进一步锐化—— 3倍的效果

边缘锐化 USM (非锐化蒙板)

Page 57: Photoshop Basic with Digital Photograph

风格化滤镜组扩散 浮雕

凸出 查找边缘

边缘发光 曝光过度

拼贴 等高线

Page 58: Photoshop Basic with Digital Photograph

风格化滤镜组续风

Page 59: Photoshop Basic with Digital Photograph

渲染滤镜组点状化 三维转换

云彩 分层云彩

镜头光晕 光照效果

纹理填充

Page 60: Photoshop Basic with Digital Photograph

§ 案例

抽出抠图

液化效果艺术边框火焰字

Page 61: Photoshop Basic with Digital Photograph

§ 色彩调校 颜色配置文件 ICC ,色彩空间 (Adobe RGB 1998,

ColorMatch RGB, sRGB IEC61966-2.1) Photoshop 的屏幕色彩校准工具—— Adobe Gamma 校准系统软件—— MonacoPROOF (可校准显示器、扫描设备、打印设备)

入门级色彩调较工具(色彩平衡、亮度 / 对比度、变化、渐变映射)

专业级色彩调较工具(色阶、曲线、色相 /饱和度、替换、可选、通道混合器)

去色 /反相 / 色调均化 /阈值 / 色调分离

Page 62: Photoshop Basic with Digital Photograph

§ RGB 与 CMY 的互补关系

Page 63: Photoshop Basic with Digital Photograph

§ 全局色彩校正步骤

< 输入 16 位通道图像 > 色阶调整:高光、暗调、整体亮度、调整偏色

曲线调整:调整对比度及偏色 色相 /饱和度调整 < 转为 8 位通道图像 >

Page 64: Photoshop Basic with Digital Photograph

§ 特定区域色彩校正步骤

置入 8 位通道图像 使用调整图层(色阶、曲线、色相 /饱

和度)蒙板方式调较色彩,可用画笔涂抹需校正区域

Page 65: Photoshop Basic with Digital Photograph

§ 案例 设置黑白场

设置灰度点

灰暗调较

偏色校正

替换颜色 去红眼

照片修复

Page 66: Photoshop Basic with Digital Photograph

只保留一种色彩 获得暗部细节(去色-反相-柔光) 黑白照上色 数字美容(去瑕疵、去重下巴、修眉、光滑皮肤、上唇膏、上眼影、色彩调整)

移花接木

制作高质量黑白照 素描效果

Page 67: Photoshop Basic with Digital Photograph

BanfLake 案例

Page 68: Photoshop Basic with Digital Photograph

§ 通道

通道两大功能:颜色信息 / 选区范围白色可见,黑色不可见( CMYK相反) 通道的新建、复制、删除 通道与选区的互转原色与专色通道 通道的分离与合并 通道与蒙板的关系

Page 69: Photoshop Basic with Digital Photograph

§ 案例

金属质感

通道抠图

Page 70: Photoshop Basic with Digital Photograph

§ 其他

动作 /批命令

Page 71: Photoshop Basic with Digital Photograph

四、 网页模板

切片工具 输出到 web 网页案例

Page 72: Photoshop Basic with Digital Photograph

五、 印前处理基本知识 8/16 位扫描 印刷机输出,要获得最好的质量,一般需要两倍于出

版物网线的分辨率 PPI进行扫描( 150 网线扫300dpi)

印刷机、照排机输出,因使用油墨,一般需先将图像转为 CMYK 模式,进行色彩调较。

喷墨、激光打印,因使用染料,色彩丰富,无需进行CMYK 转换,可直接 RGB打印输出

印刷输出前可先预览效果,视图— >校样颜色 印刷主要分类:铜板纸印刷;胶版纸印刷;凸版印刷纸印刷;新闻纸印刷

Page 73: Photoshop Basic with Digital Photograph

疑难解答 e-mail :[email protected]