1、 Photoshop基础操作入门PhotoshopUI设计教程课程目标l熟练掌握Photoshop基本功能的使用l熟练使用Photoshop对图像进行简单的处理l会制作常见的Photoshop特效l能够使用Photoshop临摹优秀的设计作品2/91本章目标l了解Photoshop应用领域、安装方法l熟悉Photoshop软件的界面操作l掌握选区基本操作及工具的使用l掌握本章演示案例、课堂练习的操作一寸照片使用制作指南自拍照片黑白夸张暴漫3/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotosho
2、p工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区4/91Photoshop的诞生与发展Thomas弟弟John哥哥Display5/91Photoshop的诞生与发展Photoshop6/91Photoshop的诞生与发展lAdobe Photoshop 简称“PS”是由Adobe Systems开发和发行的图像处理软件lPhotoshop 主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作7/91演示案例演示案例:巧用Photoshop去除照片水印 去除照片中的水印Photoshop的诞生
3、与发展9/91Photoshop的诞生与发展lAdobe公司 Adobe公司创建于1982年,是世界领先的数字媒体和在线营销解决方案供应商l根据受众市场的不同分为 Master Collection(大师版)Production Premium(影音高级版)Design&Web Premium(网页设计版)10/91Photoshop的诞生与发展l常见软件:图像处理软件Adobe Photoshop 矢量图形编辑软件Adobe Illustrator 音频编辑软件Adobe Audition 文档创作软件Adobe Acrobat 网页编辑软件Adobe Dreamweaver 二维矢量动画创
4、作软件Adobe Animate 视频特效编辑软件Adobe After Effects 视频剪辑软件Adobe Premiere Pro Web环境Adobe AIR11/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区12/91Photoshop的应用领域l平面设计 界面设计 网页设计l插画设计 绘画与数码艺术l数码摄影后期处理 效果图后期 材质与贴图l动画与CG设计13
5、/91Photoshop的应用领域l平面设计 界面设计 网页设计14/91Photoshop的应用领域l平面设计 界面设计 网页设计15/91Photoshop的应用领域l平面设计 界面设计 网页设计16/91Photoshop的应用领域l插画设计 绘画与数码艺术17/91Photoshop的应用领域l数码摄影后期处理 效果图后期 材质与贴图18/91Photoshop的应用领域l动画与CG设计19/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使
6、用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区20/91Photoshop 的就业前景l广告、婚庆公司、影楼、出版社、报社、网商的美工、游戏公司、电影美术、网页设计师、平面设计师、手机UI界面设计师、游戏原画、场景原画师、儿童插画、影视后期、艺术字设计、产品包装、室内装潢、园林设计、logo设计、商业插图设计、H5活动页设计、专题网页设计、平面广告、画册装帧、招贴海报l并非全能的设计软件,但是却是必须要掌握的软件之一21/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhot
7、oshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区22/91Photoshop 的安装与卸载方法lPhotoshop的安装l注意事项:不要安装在C盘23/91Photoshop 的安装与卸载方法lPhotoshop的卸载 当频繁死机,或插件、滤镜缺失时,可以考虑卸载后重新安装24/91Photoshop 的安装与卸载方法lPhotoshop的常用软件优化l编辑首选项25/91Photoshop 的安装与卸载方法l要关注最新版本和最新功能l但是不要纠结是否是 最新版本l不要纠结是否是 最新功能l工作中常用的功能和方法,大都
8、是一样的26/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区27/91Photoshop工作界面l新建与打开28/91Photoshop工作界面l新建与打开 快捷键Ctrl+N 菜单栏文件新建 尺寸 分辨率 色彩模式l新建与打开 快捷键Ctrl+O 菜单栏文件打开29/91Photoshop工作界面l新建与打开l工作界面组件 文档窗口 工具箱 工具选项栏 菜单 面板 状态栏
9、30/91Photoshop工作界面l新建与打开l工作界面组件 文档窗口 工具箱 工具选项栏 菜单 面板 状态栏31/91Photoshop工作界面l新建与打开l工作界面组件 文档窗口 工具箱 工具选项栏 菜单 面板 状态栏工具箱32/91Photoshop工作界面l新建与打开l工作界面组件 文档窗口 工具箱 工具选项栏 菜单 面板 状态栏工具选项栏工具预设33/91Photoshop工作界面l新建与打开l工作界面组件 文档窗口 工具箱 工具选项栏 菜单 面板 状态栏菜单34/91Photoshop工作界面l新建与打开l工作界面组件 文档窗口 工具箱 工具选项栏 菜单 面板 状态栏面板35/9
10、1Photoshop工作界面l新建与打开l工作界面组件 文档窗口 工具箱 工具选项栏 菜单 面板 状态栏状态栏36/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区37/91设置工作区l使用预设工作区 窗口工作区38/91设置工作区 创建自定义工作区39/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的
11、安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区40/91图像的基本编辑l数字图像基础 位图与矢量图 像素与分辨率的关系位图矢量图41/91图像的基本编辑l数字图像基础 位图与矢量图 像素与分辨率的关系 像素是组成位图图像最基本的元素 分辨率是指单位长度内包含的像素点的数量分辨率为72像素/英寸分辨率为100像素/英寸分辨率为300像素/英寸42/91图像的基本编辑l新建l打开l置入l导入l导出l保存l关闭保存类型43/91图像的基本编辑l在不同的屏幕模式下工作 工具箱底部屏幕模式按钮 标准屏幕
12、模式 带有菜单栏的全屏模式 全屏模式标准屏幕模式带有菜单栏的全屏模式全屏模式44/91图像的基本编辑l在多个窗口中查看图像 窗口排列45/91图像的基本编辑l用抓手工具移动画面l用缩放工具调整窗口比例 Ctrl+”+”Ctrl+”-”46/91图像的基本编辑l修改像素尺寸 图像图像大小l修改画布大小 图像画布大小47/91图像的基本编辑l旋转图像 图像图像旋转l显示画布之外的图像 图像显示全部旋转画布显示画布之外的图像48/91图像的基本编辑l拷贝 复制文档 图像复制 拷贝 创建选区Ctrl+C 合并拷贝 编辑合并拷贝 剪切 编辑剪切l粘贴粘贴文档编辑粘贴(Ctrl+V)清除图像编辑清除49/
13、91图像的基本编辑l从错误中恢复 还原 编辑还原(Ctrl+Z)前进一步与后退一步 编辑后退一步(Alt+Ctrl+Z)编辑前进一步(Shift+Ctrl+Z)恢复文件 文件恢复(可以将文件恢复到最后一次保存时的状态)F1250/91图像的基本编辑l用历史记录面板进行还原操作 窗口历史记录51/91图像的基本编辑l图像的变换与变形 定界框、中心点和控制点 编辑自由变换(变换)Ctrl+T 移动图像 使用移动工具52/91图像的基本编辑l图像的变换与变形 旋转与缩放 斜切与扭曲 透视变换 精确变换 变换选区内的图像53/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPh
14、otoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区54/91使用辅助工具l标尺&参考线 视图标尺(显示或隐藏)Ctrl+Rl智能参考线l网格55/91使用辅助工具l标尺&参考线l智能参考线 视图显示智能参考线l网格56/91使用辅助工具l标尺&参考线l智能参考线l网格 视图显示网格57/91使用辅助工具l注释工具 为图像添加注释 导入注释 文件导入注释58/91演示案例演示案例:一寸照片使用制作指南l一寸照片 2.53.5cm 分辨率300l画布尺寸
15、64英寸 分辨率300课堂练习l制作一寸照片课堂练习:制作一寸照片演示案例演示案例:自拍照片黑白夸张暴漫课堂练习l自选一张表情,进行暴走漫画风格表情制作l尺寸不限l注意导出为Web格式课堂练习:暴走漫画风格表情制作目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区63/91选区的概念与基本操作l选区的概念 选中的区域 蚂蚁线l演示案例 蚂蚁线删除背景64/91选区的概念与基本操作l
16、全选与反选l取消选择与重新选择l隐藏与显示选区l移动选区l选区的运算65/91选区的概念与基本操作l全选与反选 全部选择 选择-全部 Ctrl+A 反向选择 选择-反向 Shift+Ctrl+I复制图像Ctrl+C:复制图层粘贴图层:Ctrl+V合并拷贝:Shift+Ctrl+C66/91演示案例演示案例:燕来花开l将两张素材图片拼合在一起选区的概念与基本操作l取消选择 选择-取消选择 Ctrl+Dl重新选择 选择-重新选择l隐藏与显示选区 视图-显示-选区边缘 Ctrl+H 隐藏蚂蚁线之后可以更加清晰的看清图像边缘68/91选区的概念与基本操作l移动选区 移动工具 使用矩形选框、椭圆选框等工
17、具建立选区后,可以按住空格键拖动鼠标,移动选区 使用键盘中的 上 下 左 右 按键,也可以对选区进行移动69/91选区的概念与基本操作l选区的运算新选区 从选取减去(Alt)添加到选区(Shift)与选区相交(Shift+Alt)70/91目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区71/91基本选择工具l矩形选框工具 正方形 Shiftl演示案例田园风背景反转72/91基本
18、选择工具l椭圆选框工具 消除锯齿 羽化边缘 正圆 Shiftl演示案例73/91基本选择工具l单行选框工具l单列选框工具74/91基本选择工具l套索工具 中途放开鼠标,会在起点和末点之间连成直线 回车后封闭选区l演示案例 抛球的女生75/91基本选择工具l多边形套索工具 水平、垂直、45度:Shiftl演示案例 相机照片更换成自己的照片76/91基本选择工具l磁性套索工具 删除上一个锚点:Deletel演示案例:彩色鞋子77/91基本选择工具l魔棒工具l演示案例 模特背景换色78/91基本选择工具l快速选择工具 好用的“选择笔”79/91演示案例演示案例:香水瓶更换森林背景演示案例演示案例:春
19、风十里不如你banner设计制作目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区82/91“色彩范围”命令l选择-色彩范围83/91演示案例演示案例:猕猴桃合成海报课堂练习课堂练习:欧美复古女郎啤酒广告设计目录lPhotoshop的诞生与发展lPhotoshop的应用领域lPhotoshop的就业前景lPhotoshop的安装与卸载方法lPhotoshop工作界面l设置工作区l图像的基本编辑l使用辅助工具l选区的概念与基本操作l基本选择工具l“色彩范围”命令l细化选区86/91细化选区l建立选区l选择-修改-边界、平滑、扩展、收缩、羽化l选择-存储选区l选择-载入选区87/91演示案例演示案例:深海鳕鱼包装盒设计本章作业本章作业l完成本节课所有的演示案例、课堂练习l耐克篮球鞋平面广告设计l请教员根据班级情况布置预习本章总结lPhotoshop的应用领域有哪些?学习Photoshop之后,可以从事何种职业?l标尺和参考线如何显示出来?l选区“消失了”的原因是什么?l选区的运算有哪些?l魔棒工具在使用时,容差值越小,选择范围越广,对么?90/91