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