http://www.imooc.com/learn/506    慕课网地址

Tools

Tools  Photoshop

快捷键

l  移动工具 V

l  选取工具 M

l  套索工具 L

l  魔棒工具 W

l  裁剪工具 C

l  吸管工具 I

l  移动 Space + MouseMove

l  合并拷贝图层 Ctrl + Shift + C

l  快速选择相应区域并局部放大 H + MouseMove

l  隐藏所有参考线 Ctrl + H

l  合并图层 Ctrl + E

l  前景色填充 Alt + Delete

l  背景色填充 Ctrl + Delete

l  自由变换 Ctrl + T

l  取消选区 Ctrl + D

l  盖印所选图层 Ctrl + Alt + E

l  盖印所有可见图层 Ctrl + Alt + Shift + E

盖印就是在你将处理图片的时候将处理后的效果盖印到新的图层上，功能和合并图层差不多，不过比合并图层更好用!因为盖印是重新生成一个新的图层而一点都不会影响你之前所处理的图层，这样做的好处就是，如果你觉得之前处理的效果不太满意，你可以删除盖印图层，之前做效果的图层依然还在。极大程度上方便我们处理图片，也可以节省时间。

l  打开/关闭标尺 Ctrl+R

l  存储为Web所用格式 Ctrl + Alt + Shift + S

l  反选 Ctrl + Shift + I

Adobe Photoshop CC 2017 下载及破解

Adobe Photoshop CC 2017 下载地址

Adobe Photoshop CC 2017 破解器下载地址

  1. 进入Adobe Photoshop CC 2017下载地址并根据系统位数下载安装包
  2. 下载完后解压，点击Setup.exe，根据提示步骤进行安装
  3. 下载Adobe Photoshop CC 2017破解器并解压
  4. 打开amtemu.v0.9.2-painter.exe并选择相应版本，点击Install(如果选择Adobe Photoshop CC 2017不行，就选择Adobe Photoshop CC 2015.5再试一次)
  5. 选择安装目录,一般是C:\Program Files\Adobe\Adobe Photoshop CC 2017
  6. 选择目录下载的amtlib.dll，点击打开来进行安装破解。如下图提示安装成功即说明破解成功

Adobe Photoshop CC 2017

三种切图方法

图层切图

  1. 选中图层或组
  2. 然后右击图层，将图层转换为智能对象

PS切图

  1. 选择选框工具，将你要切的图层圈起来

PS切图

  1. 接着按Ctrl+C复制，再按Ctrl+N新建，注意背景颜色设置为透明

PS切图

  1. 点击确定，再按Ctrl + V粘贴，我们就得到要切的图层了

PS切图

  1. 再按Ctrl + Alt + Shift + S保存，记住背景图存为PNG24格式

PS切图

  1. 存储到我们要存的文件夹下，就大功告成了

切片切图

  1. 拉辅助线，如下

PS切图

  1. 选择切片工具，将我们要切的所有图片区域，用切片工具选中

PS切图

PS切图

  1. 按住Ctrl + Alt + Shift + S保存，保存的时候注意，保存为JPEG格式，选择为保存所有用户切片，这样子切出来的才是我们想要的图片

PS切图

  1. 保存之后就完工了，切片切图的方法很方便，但是注意它只能切出形状规则的图片

自动切图（CC版本的PS才支持）

  1. Ctrl+K出来首选项（编辑–>首选项），然后设置增效工具，勾选启用生成器

PS切图

  1. 再设置 文件–>生成–>图像资源。 （这个设置了下次才生效，设置不上就重启ps）

PS切图

  1. 在PSD内将图层或图层组的名称修改为.png或.jpg结尾，则在PSD文件同目录下的assets文件夹内自动生成导出图片（以图层名称及其约定的文件后缀名命名）

PS切图

PS切图

自动切图注意事项

l  Retina优化:如果需要适配 retina 显示器，可以将图层命名为200% 图层名字 @2x.后缀名（注意需要添加空格，如：200% button @2x.jpg）自动导出的文件名不会出现200%的字样，但是文件尺寸变为2倍大小。

l  如果不想要导出的图片资源了，可以取消图层和图层组的文件后缀名，则导出的图片自动在assets文件夹内消失

l  还可以通过图层和图层组的文件后缀名来控制导出图片质量，例如xxx.jpg8则为导出品质为80%的jpg文件，如果不设置则默认为最佳品质

l  SVG生成：改后缀名可自动生成SVG

l  复制CSS：鼠标右键图层–>复制CSS

前端PS切图的更多相关文章

  1. 学习笔记2：前端PS切图

    前端PS切图 一.Photoshop的界面设置 二.Photoshop的基本操作 三.Photoshop的传统切图 四.Photoshop的精准切图 五.Photoshop的扩展知识 视频学习:htt ...

  2. 前端ps切图，图文教程，详细。

    https://blog.csdn.net/OBKoro1/article/details/69817571 1.下载 我现在使用的版本号:PS-CS6,网上很多破解版本的自行搜索下载. 2.安装好P ...

  3. 前端PS切图技巧

    先选择“编辑”-“首选项” 打开,找到“参考线”    设置一下每格网格 100像素 5个细块 确定后 ctrl+‘ 出现网格.(通过网格对齐切图比用参考线切图更好). 如果使用PS cc的软件的话, ...

  4. 做一个会PS切图的前端开发

    系列链接 做一个会使用PS的前端开发 做一个会PS切图的前端开发 切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的 ...

  5. 前端技术-PS切图

    页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面 ...

  6. 前端菜鸟起飞之学会ps切图

    由于之前只顾着追求效率,没有学习过PS,但其实这是前端开发人员需要学会的技能之一,曾经看过一个大佬的前端经验分享说他在招聘时遇到不会切图的会直接pass掉,可见前端开发人员学会切图是多么重要.通过观看 ...

  7. 页面制作部分之PS切图

    页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面 ...

  8. PS切图保存后的背景图为透明

    1.若想PS切图保存后的背景图为透明,那么则需要在如下图中所示的修改即可,切图后[文件]——>[存储为web格式]——>[PNG-24]: 2.要想在css中的背景图片为相通,则先剪切一个 ...

  9. ps切图插件

    ps切图工具插件 下载网址:http://www.cutterman.cn/zh/cutterman 安装完插件,关闭ps,重新打开,窗口- 扩展,即可使用

随机推荐

  1. luogu 2827 蚯蚓 单调队列/优先队列

    易知可利用优先队列选取最大值: 但是通过分析可知,先取出的蚯蚓分开后仍然要比后分的长,所以可直接利用单调队列找队头即可,分三个单调队列,分别找未切割,切割,切割2三种情况 #include<bi ...

  2. ImportError: libcudnn.so.5: cannot open shared object file: No such file or directory

    ubuntu16.04安装cuda8.0,tensorflow-gpu版本后,运行时报错: ImportError: libcudnn.so.5: cannot open shared object ...

  3. （13）UniquePathIII

    一.问题描述 给定一个二维数组. 数组只有一个元素是1,是起点 数组只有一个元素是2,是终点 数组中的0是必须经过的地方 数组中的-1是障碍不可通过 从起始点到终点一共有多少路径? 二.思路 DFS ...

  4. 关于vmvawe的光驱，iso镜像,挂载，卸载

    勾选这个使用iso镜像文件,就相当于真实的环境下,将一张光盘插进了光驱里,然后再勾选启动时连接,那么在linux开机后,/dev/cdrom或者/dev/sr0(前者是后者的软连接)就表示这个硬件设备 ...

  5. 7-10 多项式A除以B （25 分)

    题目链接:https://pintia.cn/problem-sets/1108548596745592832/problems/1108548661014913033 题目大意: 这仍然是一道关于A ...

  6. G - WiFi Password Gym - 101608G (异或思维题+曲尺)

    题目链接:https://cn.vjudge.net/contest/285962#problem/G 题目大意:给你n和m,n代表有n个数,然后让你找出一个最长的区间,使得这个区间内的所有的数的‘’ ...

  7. 20165234 《Java程序设计》第二周学习总结

    第二周学习总结 教材学习内容总结 第二章 标识符与关键字 1.标识符 其本质是文件名字. 由字母.下画线.美元符号和数字组成,长度不受限制. 标识符的第一个字符不能为数字,标识符不能为关键字(如int ...

  8. 【Convex Optimization (by Boyd) 学习笔记】Chapter 2 - Convex sets(1) 仿射集&凸集

    I. 仿射凸集(Affine and convex sets) 1. 线与线段 假设\(R^n\)空间内两点\(x_1,x_2\, (x_1≠x_2)\),那么\(y=\theta x_1+(1-\t ...

  9. 用OZ工具制作openstack镜像

    在部署openstack云平台环境的时候,需要上传镜像到glance. 首先下载iso镜像,这里下载了centos7.2镜像,放到/iso目录下 然后用OZ工具制作openstack的镜像 1.安装l ...

  10. spring-session+Redis实现Session共享

    关于session共享的方式有多种: (1)通过nginx的ip_hash,根据ip将请求分配到对应的服务器 (2)基于关系型数据库存储 (3)基于cookie存储 (4)服务器内置的session复 ...