前端学习--PS移动和选区工具
前端学习--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移动和选区工具相关推荐
- 前端学习笔记2017.6.12 CSS控制DIV
前一篇文章中用div布局了豆瓣东西的页面,如果用html代码表示的话大概是这个样子的 <!DOCTYPE html><html><head></head> ...
- 前端工程师需要学习ps 吗_转行学习web前端开发,需要哪些工具和需要学习什么?...
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...
- web前端学习155(ps基本操作---选区,取色)
文章目录 2. PS基本操作 2. PS基本操作 因为网页美工大部分效果图都是利用PS ( Photoshop )来做的,所以以后我们大部分切图工作都是在PS里面完成. 文件->打开:可以打开我 ...
- 前端工程师ps学习笔记
此文档记录个人学习ps过程中的笔记. 个人作为前端,学习ps主要是为了更好地衔接设计师,在设计师临时缺席时快速解决问题. 主要解决快速切图和简单抠图.换色的问题.小图标png转svg问题. 1. 入门 ...
- 前端学习从入门到高级全程记录之8 (PS基本使用综合案例)
本期学习目标 本期我们将学习PS的基本使用并且运用以前所学的CSS和HTML的技术来完成一个综合案例. 1.Photoshop基本使用 早在第一期我就让大家去安装PS,不知道安装了没有,没有安装的尽快 ...
- 前端工程师需要学习ps 吗_前端人员一定要掌握的PS技巧
一.PS与前端知多少 一般我们会认为PS是用来修改图片的,这些工作是美工人员做的事不是前端人员做的,其实这样想你就错了,因为在前端人员也是要学会一些简单的关于PS的技巧的,这样就不会应为一点点小小的需 ...
- 史上最全前端学习路线图(视频+工具+书籍+资源)
很多人在学习编程的路上都会收藏一些资料,但是真正用起来的却很少,究其原因可能就是不够系统,资料不全.所以下面我也为大家整理了最全的前端学习教程+工具+书籍,就不用你一个个收藏了,看这篇就够了!!! 2 ...
- 一些有用的资源分享(工具+电子书+GitHub最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等))
原地址:https://mp.weixin.qq.com/s/wSN1w2mM6Fh51RDGZYOdIQ 工具类 图片相关工具 TinyPNG:https://tinypng.com/ 免费的在线图 ...
- PS里面的快速选区工具
今天给大家讲讲PS里面的快速选区工具魔棒 选择魔棒工具,把容差设置成0.(容差越大色值的容错率就越大.)这样我们就可以更加精准的选择范围,但是如果遇到不是纯色的就不能很有效的选择想要的范围,这时就可以 ...
- web前端开发需要学习什么?需要哪些开发工具?
web前端开发需要学习什么?需要哪些开发工具? web前端工程师其实在不同的公司,有不同的职能,但是称呼都是类似的 1.做网站设计.网页界面开发 2.做网页界面开发 3.做网页界面开发.前台数据绑定和 ...
最新文章
- CF911G Mass Change Queries (线段树区间 合并)
- FPGA之道(28)VHDL的并行语句
- 解决国内NPM安装依赖速度慢问题
- 【译】使用Blazor构建桌面应用
- $PATH环境变量的作用
- ActiveMQ queue 代码示例
- spark sql合并小文件_Spark SQL小文件问题在OPPO的解决方案
- 【算法刷题2】二叉树的后序遍历
- 华为机试——提取不重复的整数
- java并发编程之HappenBefore
- 铁道部2012年版全国72个铁路枢纽城市
- 阿里巴巴举办全球数学竞赛 助力基础科学杰出人才培养
- 配置springMVC时出现的问题
- indesign中调出字符样式快捷键_Adobe indesign [ID]常用快捷键
- Hi3519 设置crop动态调节输出分辨率
- EXCEL 正态分布概率计算 NORM.S.DIST()和NORM.DIST()函数
- [uboot]What is MLO file?
- 从学校,到字节跳动,追忆似水流年
- 海森堡量子力学与计算机,量子力学之父海森堡的大学生涯
- 支线任务1 opencv学习(最后一次更新于2022.10.2,已完结)
热门文章
- Python中的numpy库介绍!
- html动态显示背景颜色,js动态修改背景颜色方法汇总
- 档案管理系统项目总结
- 电脑怎么设置微信定位服务器,电脑版微信,一个很简单的客户端,许多功能不支持...
- 读书笔记:《牛奶可乐经济学》
- java isprime函数,Java - isPrime函数
- 安卓动画入门教程 Animation in Android(2)
- B. Shashlik Cooking(思维)
- file open error: [Errno 2] No such file or directory: '\xe6\xb5\x8b\xe8\xaf\x95.txt'
- CAN 报文编码学习笔记二:汽车CAN协议测试——发送与接收