PS 工具是我们使用频率比较高的软件之一, 我们学习PS目的不是为了设计海报做电商和UI的,而是要求:

  1. 会简单的抠图

  2. 会简单的修改PSD效果图

  3. 熟练的切图

  4. 能和网站美工美眉有共同话题。。。。。

Photoshop基本使用

PS界面组成:

菜单栏、选项栏、工具栏、浮动面板(拖拽名称,可单独操作面板)、绘图窗口 ​ 窗口菜单,可显示隐藏所有面板

工作区:(新建)

调整浮动面板

基本操作

文件下拉菜单: ​ 1、新建 新建文档 CTRL+N

单位:像素 厘米 毫米

屏幕显示: 单位 像素 72像素/英寸 RGB颜色模式

2、关闭文档 CTRL+W

3、存储 CTRL+S (替存)

4、存储为 CTRL+SHIFT+S 另存一份文件

5、格式: ​ .psd PS源文件格式 图层、文字、样式等,可再次编辑 ​ (给自己) ​ .jpg 有损压缩格式 (给客户) 品质 最高12

6、文件打开: ​ 1)文件下拉菜单-打开(CTRL+O欧)

2)双击软件空白处也能打开 ​

移动工具 V

1、不同文件之间拖拽图像。

自由变形

ctrl + T 可以改变图像的大小

按下enter 回车确认操作。

图层操作(重点)

图层面板快捷键 F7 其实图层就是一张张透明的纸 可以实现叠加问题。

图层选择: 使用移动工具V

1、图层缩览图判断

2、按住CTRL,在目标图像上单击

3、将光标放置在目标图像上右键,选择图层名称

图层面板中加选图层:

1、按SHIFT,单击另一目标图层 中间所有图层被选中

2、按CTRL,单击另一目标图层 只选中目标图层

复制图层:选中目标图层后(移动工具状态下)

1、按ALT拖拽图像

2、CTRL+J (重合)

案例: 摆放一个自行车

图层编组

选中目标图层,CTRL+G

取消编组:CTRL+SHIFT+G

双击图层名称可重新命名

双击组名称,可命名组

移动工具V选择组或图层时,需设置选项栏

图层上下位置移动

1、选中目标图层,在图层面拖拽

2、CTRL+] 向上移动图层 ​ CTRL+[ 向下移动图层

3、CTRL+SHIFT+] 图层置顶 ​ CTRL+SHIFT+[ 图层置底

移动选区或图像时:

移动过程中,没释放鼠标,按住SHIFT,可同一水平线、同一垂线、45度移动。

ps中的撤销操作是:

ctrl+z 撤销一步

ctrl+alt+z 撤销多步

图层合并

ctrl+e 可以合并图层

图层透明度

不透明度:设置图层的不透明程度 0%完全透明,不可见

100%完全不透明,真实可见

填充:与不透明度效果类似

键盘数字键,可快速设置透明度数值

矩形选区工具 M

用来选择某部分区域 我们成为选区工具

取消选区: ctrl+d

颜色填充

套索工具 L

1、套索工具 L 在屏幕上拖拽鼠标左键,释放后生成选区

2、多边形套索 L 连续单击绘制多边形选区

闭合方法:1、单击起始点 2、双击任意位置

DELETE删除当前点

磁性套索 L

L 在颜色交界的位置单击后拖动。单击起始点后,生成选区。

魔棒工具 W

以单击位置为选择色,选择相似颜色生成选区。

容差:选择颜色的范围 容差小,颜色选择精确。 0-255

连续:勾选连续时,相连颜色生成选区。

不勾选,画面中所有相似颜色被选中生成选区。

按SHIFT在未生成选区位置单击,可选区相加。

选区反选:CTRL+SHIFT+I

选区布尔运算

选区面积大小的变化。

新选区:保持选中状态

添加到选区:相加运算(按住SHIFT再绘制选区)

从选区减去:相减(按住ALT再绘制选区)

与选区交叉:重合部分保留。(按住ALT+SHIFT再绘制选区)

梦幻星球

钢笔工具: P

作用:绘制路径,生成选区,抠图。

组成;路径线和锚点

绘制路径后,CTRL+回车,生成选区。

路径类型:

直线型路径:连续单击

曲线型路径:第一点单击,第二点拖动鼠标。

文字工具

T 可以直接输入文字

Photoshop 切图

PS切图 可以 分为 手动 利用切片切图 以及 利用PS的插件快速切图

切片工具

  1. 利用切片工具手动划出

  2. 图层菜单---新建基于图层的切片

  3. 利用标尺 基于参考线的切片 (选择切片工具)

4.先选个一个整个的切片, 切片选择工具-- 属性面板中有 “划分” --可以等分数平分切图

导出切片: 文件-- 存储为web设备所用格式

辅助线和切片使用及清除

视图菜单-- 清除 辅助线/ 清除切片

切图插件

Cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。

官网: http://www.cutterman.cn/zh/cutterman

注意: cutterman插件要求你的ps 必须是完整版,不能是绿色版,所以大家需要从新安装完整版本。

Photoshop基本操作的更多相关文章

  1. PS切图(一)

    Photoshop界面设置 新建文件Ctrl+N,其中[预设]-[web],[宽度]-[1920],高度不定.[背景内容]-[透明],也可存储为预设. 移动设置(V) 建议不勾选[自动选择],选择[图 ...

  2. PS:切图

    1.从psd中获取资源 2.基本了解 3.简单的图片操作和调整 4.对自己的审美提高一.界面设置: 1.新建设置:ctr+n; 预设:Web,大小Web(1920*1080) 背景:透明 2.移动工具 ...

  3. 小小知识点(十四)——Adobe photoshop cc 2018中简单抠图的一些基本操作

    一 如何抠图 1. 右键弹出选择工具,随后鼠标左键选择快速选择工具 2.通过点击鼠标,选择想要的区域: Alt+鼠标右键  左右拖动鼠标可调整画笔大小 Alt+鼠标滑轮,可放大或缩小画布大小 ctrl ...

  4. (转)价值240万的photoshop中文教程,错过了后悔都来不及 (吹得好响)

      PS抠图方法 一.魔术棒法——最直观的方法 适用范围:图像和背景色色差明显,背景色单一,图像边界清晰. 方法意图:通过删除背景色来获取图像. 方法缺陷:对散乱的毛发没有用. 使用方法:1.点击“魔 ...

  5. 替代PhotoShop:GIMP图形编辑器的使用

    GIMP最早是linux环境下用于图形编辑的一款开源软件,目前的功能很已经很丰富,如果使用得当,在很多的图形编辑操作上完全可以替代收费的Photoshop(PS).目前GIMP已经发展成了多平台的开源 ...

  6. Photoshop零基础教程集锦,助你快速进阶为大佬,轻松、任性!!!

    现今,对于Web或App UI设计师而言,除了不断学习专业知识,提升设计技能.掌握一款得心应手的设计工具(例如设计师们常用的图像处理工具PhotoShop,矢量图绘制工具AI, 图形视频处理工具AE, ...

  7. Dreamweaver Flash Photoshop网页设计综合应用 (智云科技) [iso] 1.86G​

    全书共15章,主要包括网页制作基础.Dreamweaver CC网页制作.Photoshop CC网页图像设计.Flash CC网页动画设计以及综合案例实战5个部分.通过本书的学习,不仅能让读者学会三 ...

  8. Photoshop入门教程(一):文本新建与概念解析

    写在开头 <Photoshop实用入门>系列教程可能对于一点都没有接触过Photoshop的人来说不太容易接受,因为本教程并没有细致到教你如何使用画笔工具等一系列很基础的东西,有些地方的讲 ...

  9. Dreamweaver Flash Photoshop网页设计综合应用 (智云科技) [iso] 1.86G

    全书共15章,主要包括网页制作基础.Dreamweaver CC网页制作.Photoshop CC网页图像设计.Flash CC网页动画设计以及综合案例实战5个部分.通过本书的学习,不仅能让读者学会三 ...

随机推荐

  1. 使用PHP如何去除字符串结尾的字符

    前言 在工作中遇到一个需求:一串字符串,如"迅雷官方下载"."快播5.0下载",需要去掉他们结尾的"官方下载"和"下载" ...

  2. 运行Hama实例PageRank

  3. vue 单元素过渡

    demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...

  4. Centos 14: problem making ssl connection

    在执行 yum 命令时,会提示 Loaded plugins: fastestmirror Loading mirror speeds from cached hostfile Could not g ...

  5. selenium提取不了标签文本

    1.举个例子:selenium使用driver.find_element_by_xpath().text 提取不到标签文本?? 如果我们提取的元素文本为空时,而不是我们想要的文本时,这时可能就是因为你 ...

  6. CSS选择器,层叠

    CSS选择器 .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstname" ...

  7. JS自定义Array原型移除函数

    <script type="text/javascript"> //删除元素值 Array.prototype.remove = function(element){ ...

  8. 《DNS攻击防范科普系列3》 -如何保障 DNS 操作安全

    引言 前两讲我们介绍了 DNS 相关的攻击类型,以及针对 DDoS 攻击的防范措施.这些都是更底层的知识,有同学就来问能否讲讲和我们的日常操作相关的知识点,今天我们就来说说和我们日常 DNS 操作相关 ...

  9. 零距离接触阿里云时序时空数据库TSDB

    概述 最近,Amazon新推出了完全托管的时间序列数据库Timestream,可见,各大厂商对未来时间序列数据库的重视与日俱增.阿里云TSDB是阿里巴巴集团数据库事业部研发的一款高性能分布式时序时空数 ...

  10. Android中的SrollView滚动详解

    今天开发遇到一个需求就是ScrollView中嵌套一个ListView,同时需要实现滑动到底部自动加载更多,我们知道ListView滑动到底部简单实现onScrollListener()监听器即可,但 ...