前端学习--PS移动和选区工具

  • 一、移动和选区
    • 1、ps文件格式
    • 2、打开
    • 3、关闭
    • 4、视图缩放
    • 5、填充颜色
    • 6、图层
    • 7、图形自由变换 ctrl + t
    • 8、移动工具 快捷键V
    • 9、选区工具 快捷键 M
  • 二、修饰工具
    • 1.选区 M
    • 2.套索工具 L
    • 3.魔棒工具 W
    • 4.裁剪工具 c
    • 5.吸管 i
    • 6.修复工具 j
    • 7.画笔 b
    • 8.图章 S
    • 9.历史记录画笔 y
    • 10.橡皮工具 E
    • 11.渐变 G
    • 12.模糊 锐化 涂抹
    • 13.减淡 加深 海绵 O

在学习前端知识之前,需要简单学习一些PS知识,以下是我在学习中记录的一些PS工具的简单使用以及相应的快捷键。

一、移动和选区

1、ps文件格式

 .psd  源文件,可见图层.jpg  效果图,无图层

ps新建图层 单位使用像素 宽高建议1000左右 rgb分辨模式 分辨率72

ctrl + s 保存为 .psd格式
ctrl + shift + s 另存为

2、打开

快捷键ctrl + o
拖动文件到选项卡

3、关闭

ctrl + w 关闭当前页面
ctrl + alt + w 关闭全部

4、视图缩放

alt + 滚轮
ctrl + 0 窗口大小
Ctrl + 1 实际大小
使用放大镜工具 按住alt能切换放大缩小

5、填充颜色

用选区工具选取选区
ctrl + del 填充背景色
alt + del 填充前景色

6、图层

新建图层快捷键 ctrl + shift + alt + n
复制图层 ctrl + j 有选区则复制选取内容
编组 ctrl + g
拆组 ctrl + shift + g
移动图层 ctrl+]/[

7、图形自由变换 ctrl + t

按住 alt 对称缩放
按住ctrl + shift + alt 透视
按住 shift 等比例缩放

8、移动工具 快捷键V

按住alt拖拽可以新建并复制图层
多选图层能够修改对齐方式(至少两个图层)和分布方式(至少三个图层)

9、选区工具 快捷键 M

取消选区
ctrl + D
在选取工具状态下点击空白区域

绘制选区完毕
shift 选区相加
alt 选区相减
shift + alt 选区相交
【菜单栏】–【选择】–【变换选区】 能够改变选区大小
右键选区也能找到 【变换选区】 功能
【 菜单栏】–【选择】–【修改】–【收缩】/【扩展】 能够等距离收缩、扩展

绘制选区时
按 shift 能够绘制 正方形 或 正圆
alt 能 对称 绘制选区
按 shift + alt 能 对称 绘制 正方形 或 正圆
按 空格 能够移动选区
按 ctrl + 该图层缩略图 能够加载此图层选区

二、修饰工具

1.选区 M

反选 ctrl + shift + i
羽化 shift+f6 或选区右键选择【羽化】(先羽化再填充)
【普通图】–【智能】 右键图层选择 【转为智能化对象】
【智能】–【普通】 右键图层选择 【栅格化】

2.套索工具 L

套索 多边形套索 磁性套索
撤销 按 delete

3.魔棒工具 W

容差 值 越小 选区颜色越精细
连续
左右[] 可以改变笔头大小
按住 alt 可减去选区

4.裁剪工具 c

裁剪完可图案填充
编辑 - 自定义图案
编辑 - 填充 - 自定义填充

透视裁剪
画出需要的斜面,确认过后能够自动拉直

切片工具
1)切片选择要切的部分,[文件] - [导出] - [存储为web格式]
2)按住shift 多选切片,按 空格 移动画布,选择格式储存
3) 选择保存位置,仅限图像,选中的切片,保存

切片修改 [视图] - [清除切片]
或 按住ctrl+点击 切片,右击清楚

按住alt并拖动可复制切片

选区切图
绘制选区,ctrl + C -ctrl + n -enter- ctrl + v-ctrl+s
选择保存位置,名字,格式

5.吸管 i

用于吸取色值

6.修复工具 j

污点修复画笔直接点击
修复画笔需 按住alt 点击需要的地方,再点污点修复

修补工具 模式可选 源 或 目标
源 圈错误的地方,拖到干净的地方(消除)
目标 把干净的地方拖到错误的地方(复制)

内容感知移动工具
模式可选 【移动】 或 【扩展】

红眼工具:反复框选消除红眼

7.画笔 b

画笔工具,可设置—导入画笔
颜色替换工具 将点击区域的颜色替换为前景色

8.图章 S

仿制图章 按住alt选择要吸取的部分,到目标地方点涂
可以跨文件
可以选区保护

图案图 可以绘制自己定义好的图案或已有图案

9.历史记录画笔 y

不会抹除记录,并能够画出想要回到的状态

10.橡皮工具 E

背景橡皮擦 根据容差大小擦除对应笔头大小部分

魔术橡皮擦 根据容差大小擦除点击部分颜色

11.渐变 G

由前景色渐变至背景色 也可选择自带颜色或自行设置
多种渐变模式 线性渐变 角度渐变等

12.模糊 锐化 涂抹

模糊 越来越糊
锐化 越来越清晰 饱和度越来越高
涂抹 将色彩抹开(自行感受)

13.减淡 加深 海绵 O

减淡 变白
加深 变黑
海绵 【加色】模式 变红润 【去色】模式 变黑白

前端学习--PS移动和选区工具相关推荐

  1. 前端学习笔记2017.6.12 CSS控制DIV

    前一篇文章中用div布局了豆瓣东西的页面,如果用html代码表示的话大概是这个样子的 <!DOCTYPE html><html><head></head> ...

  2. 前端工程师需要学习ps 吗_转行学习web前端开发,需要哪些工具和需要学习什么?...

    今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...

  3. web前端学习155(ps基本操作---选区,取色)

    文章目录 2. PS基本操作 2. PS基本操作 因为网页美工大部分效果图都是利用PS ( Photoshop )来做的,所以以后我们大部分切图工作都是在PS里面完成. 文件->打开:可以打开我 ...

  4. 前端工程师ps学习笔记

    此文档记录个人学习ps过程中的笔记. 个人作为前端,学习ps主要是为了更好地衔接设计师,在设计师临时缺席时快速解决问题. 主要解决快速切图和简单抠图.换色的问题.小图标png转svg问题. 1. 入门 ...

  5. 前端学习从入门到高级全程记录之8 (PS基本使用综合案例)

    本期学习目标 本期我们将学习PS的基本使用并且运用以前所学的CSS和HTML的技术来完成一个综合案例. 1.Photoshop基本使用 早在第一期我就让大家去安装PS,不知道安装了没有,没有安装的尽快 ...

  6. 前端工程师需要学习ps 吗_前端人员一定要掌握的PS技巧

    一.PS与前端知多少 一般我们会认为PS是用来修改图片的,这些工作是美工人员做的事不是前端人员做的,其实这样想你就错了,因为在前端人员也是要学会一些简单的关于PS的技巧的,这样就不会应为一点点小小的需 ...

  7. 史上最全前端学习路线图(视频+工具+书籍+资源)

    很多人在学习编程的路上都会收藏一些资料,但是真正用起来的却很少,究其原因可能就是不够系统,资料不全.所以下面我也为大家整理了最全的前端学习教程+工具+书籍,就不用你一个个收藏了,看这篇就够了!!! 2 ...

  8. 一些有用的资源分享(工具+电子书+GitHub最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等))

    原地址:https://mp.weixin.qq.com/s/wSN1w2mM6Fh51RDGZYOdIQ 工具类 图片相关工具 TinyPNG:https://tinypng.com/ 免费的在线图 ...

  9. PS里面的快速选区工具

    今天给大家讲讲PS里面的快速选区工具魔棒 选择魔棒工具,把容差设置成0.(容差越大色值的容错率就越大.)这样我们就可以更加精准的选择范围,但是如果遇到不是纯色的就不能很有效的选择想要的范围,这时就可以 ...

  10. web前端开发需要学习什么?需要哪些开发工具?

    web前端开发需要学习什么?需要哪些开发工具? web前端工程师其实在不同的公司,有不同的职能,但是称呼都是类似的 1.做网站设计.网页界面开发 2.做网页界面开发 3.做网页界面开发.前台数据绑定和 ...

最新文章

  1. CF911G Mass Change Queries (线段树区间 合并)
  2. FPGA之道(28)VHDL的并行语句
  3. 解决国内NPM安装依赖速度慢问题
  4. 【译】使用Blazor构建桌面应用
  5. $PATH环境变量的作用
  6. ActiveMQ queue 代码示例
  7. spark sql合并小文件_Spark SQL小文件问题在OPPO的解决方案
  8. 【算法刷题2】二叉树的后序遍历
  9. 华为机试——提取不重复的整数
  10. java并发编程之HappenBefore
  11. 铁道部2012年版全国72个铁路枢纽城市
  12. 阿里巴巴举办全球数学竞赛 助力基础科学杰出人才培养
  13. 配置springMVC时出现的问题
  14. indesign中调出字符样式快捷键_Adobe indesign [ID]常用快捷键
  15. Hi3519 设置crop动态调节输出分辨率
  16. EXCEL 正态分布概率计算 NORM.S.DIST()和NORM.DIST()函数
  17. [uboot]What is MLO file?
  18. 从学校,到字节跳动,追忆似水流年
  19. 海森堡量子力学与计算机,量子力学之父海森堡的大学生涯
  20. 支线任务1 opencv学习(最后一次更新于2022.10.2,已完结)

热门文章

  1. Python中的numpy库介绍!
  2. html动态显示背景颜色,js动态修改背景颜色方法汇总
  3. 档案管理系统项目总结
  4. 电脑怎么设置微信定位服务器,电脑版微信,一个很简单的客户端,许多功能不支持...
  5. 读书笔记:《牛奶可乐经济学》
  6. java isprime函数,Java - isPrime函数
  7. 安卓动画入门教程 Animation in Android(2)
  8. B. Shashlik Cooking(思维)
  9. file open error: [Errno 2] No such file or directory: '\xe6\xb5\x8b\xe8\xaf\x95.txt'
  10. CAN 报文编码学习笔记二:汽车CAN协议测试——发送与接收