学习目的:

1. 会简单的抠图

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

3. 熟练的切图

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

1. ps常用工具和操作

1. 基本操作

新建 ctrl + n
关闭文档 ctrl + w
存储 ctrl + s
另存为 ctrl + shift + s
文件打开 ctrl + o

2. 移动工具 V

移动工具  V

3. 自由变形

自由变形  ctrl + T
确定  Enter

4. 图层操作

打开(关闭)图层面板 F7
拖拽图像 ALT
重合 CTRL + J
多选 shift + 鼠标左键选择

5. 图层编组

先shift 选中多个图层,再 ctrl + G  给图层编组,最后双击组名编辑名称

优点:移动时可以整租移动

6.图层上下位置移动

1.   选中目标图层,直接拖拽

2.   ctrl + ]   上移动

ctrl + [     下移动

3.   ctrl + shift + ]       图层置顶

ctrl + shift + [       图层置底

7. 图层合并

ctrl + e   合并图层

8.图层透明度

图层面板直接操作

9. 矩形选取工具 M

M 键,用于选取部分区域.

ctrl + d,取消选区

10. 颜色填充

Alt + DEL   填充对应颜色

11. 套索工具 L

(抠图使用)

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

2. 多边形套索 L     连续单击绘制多边形区域

闭合方法,1.单击起始点;2.双击任意位置

DELETE删除当前点

12. 磁性套索

(抠图使用)

具备吸附能力,需要的地方 连续点击,单击不能双击,

13. 魔棒工具

(抠图使用)

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

容差:(颜色差距)选择颜色的范围,容差小,颜色选择精确,更接近    0-255

连续:勾选连续时,相连颜色生成选区。不勾选,画面中所有相似颜色倍选中生成选区

按shift再未生成选区位置单击,可选取相加

选区反选:ctrl + shift + i

14. 选区布尔运算

新选区:保持选中状态

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

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

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

例子:

将一直狼隐藏在草丛中:可以先将狼的图层透明度改成0,然后用套索工具选取草丛区域,再删掉狼身体隐藏的部分

15. 钢笔工具     P

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

组成路径线和锚点

绘制路径后,ctrl+enter,生成选区

路径类型:

直线型路径:连续单击

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

文字工具      T 可以直接输入文字

吸管工具      就是取色器

2. photoshop 切图

1. 切片工具

1. 手动切图

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

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

3. 利用 标尺 基础参考线的切片

导出切片:存储为web格式

2. 图层切片:

1. 选中对应图层

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

清除全部切片和辅助线的方法:

视图--》清除切片

视图--》清除参考线

3. 辅助线切图

视图--》新建参考线

拉出辅助线,框选出对应图片

点击按钮 “基于参考线的切片”  即可

4. 等份数划分法

2. 切图插件

快速切图

Cutterman 是一款运行在 photoshop中的插件,能够自动将需要的图层进行输出。以替代传统手动“导出web所用格式”,

以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出。方便再pc、android、ios等端上使用。纯点击操作,方便、容易上手。

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

1. 选中图层导出

2. 框选出区域直接导出

PhotoShop(2)ps常用工具和操作,ps 切图,cutterman下载使用相关推荐

  1. 七、vertical-align属性、透明度属性及兼容、ps常用工具、常见的图片格式、项目规范、命名参考、iconfont的使用

    一.css其他属性 1.vertical-align属性 设置元素的垂直对齐方式,适用于行级元素.行块级元素. (1)语法 vertical-align: top | bottom | middle ...

  2. 七、vertical-align属性、透明度属性及兼容、ps常用工具、常见的图片格式、项目规范、命名参考、iconfont的使用...

    此文转载自:https://blog.csdn.net/qq_52426181/article/details/110228561 一.css其他属性 1.vertical-align属性 设置元素的 ...

  3. PS常用工具、常见的图片格式和特点、 IE 浏览器常见兼容问题、CSS Hack

    PS常用工具常见的图片格式和特点. IE 浏览器常见兼容问题.CSS Hack PS常用工具 移动工具 移动工具主要负责图层.选区.等的移动.复制操作. 快捷键:v 抓手工具 快捷键:h 空格 + 鼠 ...

  4. SSH客户端常用工具SecureCRT操作

    SSH客户端常用工具SecureCRT操作 1.1 SecureCRT工具介绍 SecureCRT是一款支持SSH(SSH1和SSH2)协议的终端仿真软件,常被用来运行于Windows下远程登录UNI ...

  5. ai怎么切图制作html,APP扁平化设计最强AI切图工具推荐与AI切图教程

    目前很多APP设计师使用了AI软件来进行一些扁平化的设计,包括设计APP界面设计.APP引导页界面设计.APP图标设计等等.但是在AI里面切图是非常的不方便.于是,为了解决大家这个烦恼. AI设计师的 ...

  6. PS长图快速切片_ps基础(PS常用工具详解一)

    本文主要介绍PS工具的使用,大神请跳过,欢迎各位查漏补缺,有疏忽或遗漏还请在订阅号回复,本人看到会处理,谢谢.注意:所有快捷键的使用,请在英文状态下!笔记本在使用快捷键,需要加Fn键.小编用的2019 ...

  7. photoshop android 切图插件,摹客PS插件-摹客PS插件(PS切图插件)下载 v2.1.3官方版--pc6下载站...

    摹客PS插件是一款PS切图插件,可以自定义切图尺寸,使用摹客PS插件可以一键上传图片,智能标注数据,不再需要手工切图,智能标注查找方便,摹客PS插件可以提高用户工作效率. 摹客PS插件是一款PS切图插 ...

  8. 网页搭建-------PS测距、吸色、切图

    PS测距方法: 1.打开素材图 方法一:文件夹选中图片后按住鼠标左键拖至ps中 方法二:点击ps左上角文件=>打开=>选择对应图片后打开 2.打开标尺(Ctrl+R) 3.修改标尺单位为像 ...

  9. 2013 12 android 凯立德秋季高清旗舰 百度云,凯立德导航常用工具软件(2013.4.12更新下载链接)...

    本帖最后由 xinc 于 2013-4-12 10:59 编辑 凯立德导航常用工具软件,建议下载备用,全部软件无密码,以前找这些软件还真费了点事,现在分享给GPSHK的朋友. 这些软件都比较简单,很容 ...

  10. android ui怎么用ps切图,怎样用ps对设计稿进行一键切图?

    切图这项流程在制作页面中所站的地位是很高的,不能小看了切图,肯定有人会说:我觉得切图很简单啊,唰,一刀,唰,一刀...如果你觉得这样子的话,我就只能呵呵了.为啥我说切图地位很重要了?因为在你切图之前, ...

最新文章

  1. ASP .NET Core Web Razor Pages系列教程四:使用数据库进行交互 entity-framework(MySQL/MariaDB 版)
  2. 《jQuery与JavaScript入门经典》——第 1 章 动态Web编程简介 1.1理解Web服务器浏览器范式...
  3. C语言程序练习-L1-018 大笨钟 (10分)
  4. 从FM推演各深度学习CTR预估模型
  5. 微型计算机d3000,13级仪表微机重点教程.doc
  6. 第45届国际大学生程序设计竞赛(ICPC)银川站太原理工大学收获4枚奖牌
  7. python简单代码-用Python代码实现5种最好的、简单的数据可视化!
  8. java写dnf_【DNF 增幅器 JAVA 模拟增幅代码】
  9. 复旦 | DialogVED:用于对话响应生成的预训练隐变量编码-解码模型
  10. mongoose 常用数据库操作 更新
  11. 神经网络(入门最详细)
  12. 3d建模渲染效果图步骤
  13. 胡适致迷茫大学生:成不在一时,功必不唐捐
  14. 上海域格CLM920_NC3模块连接oneNET平台
  15. 配准带尺度点云的方法汇总
  16. printf(%d%d%d%d\n, a,b,c);
  17. kotlin android 开源,一款纯Kotlin编写的开源安卓应用 Smile
  18. 考研英语 - word-list-19
  19. 在高德地图上添加折线
  20. 优秀人才有没有什么共同的特质可供识别?“Stay young”的特质,这种人基本没有到天花板。...

热门文章

  1. Android 引入recycleview依赖报错INFO: Configuration ‘compile‘ is obsolete and has been replaced with ‘imple
  2. 319@365 RStudio中rgl包安装后调用出错解决方法初探。
  3. 浏览器到服务器简单流程图
  4. 严重的PHP缺陷可导致QNAP NAS 设备遭RCE攻击
  5. python中shape 0_Python错误:找到包含0个样本(shape =(0,262))的数组,同时至少需要1个...
  6. 项目实施过程中的标志性事件——里程碑
  7. Python利用GUI界面制作B站弹幕分析工具
  8. python画球面投影_球面投影图片 python opencv实现[附代码]
  9. JavaScript中怪异现象true和false
  10. libvlc.java_java – LibVlc android无法加载库