切图工具Cutterman
没错，最好用的切图工具，它是免费的，就是这么任性！
标注神器 parker
默认提供试用期30天，过期后需要购买才能使用。60rmb即可享有终身授权。
parker支持团购优惠方案，凑够10人以上一次性购买，享受8折优惠。
图标素材库 Nicon
默认提供15次的矢量图下载，超过之后仍然可以继续使用，但下载的都将是位图格式。
需要矢量图需要购买，50rmb终身使用
逼格神器 bigger
默认提供试用期30天，过期后需要购买才能使用。65rmb即可享有终身授权。
熟悉web前端开发，LNMP架构，具备丰富的html/js/css/php开发相关经验。
掌握IOS/android应用开发，熟悉OC/java语言，有完整的app开发经验。
熟练掌握photoshop/flash/sketch等设计相关软件使用，有一定的视觉、交互理论知识。熟悉产品和设计的基本理念工作流程。
好用的PS切图工具，特别是要做手机移动端的切图很方便
重新装了电脑，现在已经离不开这个切图神器了~再给我个邀请码吧
王一飞不会飞
Cutterman - 最好用的切图工具 看同事用的，真的超好用.
Channing_Lin
神了 真的很好用，省了很多事，连字体字号颜色全都标出来啦，好好用！
撑高兴尿急急
单看介绍 就知道非常不错的哦哦哦！！！！！ 开发者真是做了大贡献了！！
流泪的木偶_57270
& . All Rights Reserved. 京ICP备号您现在的位置： >>
ps CS3实例教程网页的切图及切片的属性设置
时间： 13:30:22 点击： 【
　　核心提示：上一篇：Photoshop CS3实例：版面元素的设计和方法第3讲 切割图片 　　切图是设计中非常重要的一环，它可以很方便的为我们标明哪些是图片区域，哪些是文本区域。另外，合理的切图还有利于加快的下载速度、设计复杂造型的以及对不同特点的图片进行分格式压缩等优点。 　　1. 使用工...
上一篇：Photoshop CS3实例：版面元素的设计和方法
第3讲 切割图片 　　切图是设计中非常重要的一环，它可以很方便的为我们标明哪些是图片区域，哪些是文本区域。另外，合理的切图还有利于加快的下载速度、设计复杂造型的以及对不同特点的图片进行分格式压缩等优点。 　　1. 使用工具箱中的&切片工具&在标题部分的左右各切一刀，使用&切片选择工具&双击右侧部分，在弹出的面板中设置切片类型为无图像。因为该部分是纯色，为了在中显示效果相同，设切片背景为黑色，这样该部分输出成后将由透明占位符和黑色背景色代替，如图1-3-1 所示。 图1-3-1 　　2. 使用切片的固定大小，设置宽度为&68&，高度为&40&，这次是切割的导航条按钮，将切片和被切对象对齐，切的时候要小心，避免切片之间重叠，如图1-3-2 所示。 图1-3-2 　　3. 使用同样的方法将其它导航条按钮切割，注意最后一个&管委会&按钮是三个字，因此设置的切片宽度要大，如图1-3-3 所示。需要注意的是，切割的时候要注意平衡，比如右侧切割了，那么左侧也要等高的切一刀，这样输出成的时候不容易乱。 图1-3-3
上一页12下一页
作者：学动画音画请加QQ　来源：一天学会FLASH网
上一篇：下一篇：
flash动画学习网,音画学习网,flash学习网站,一天学会FLASH网() & 2016 All Rights Reserved.
Email: 站长QQ: 电话 手机
Powered by前端工程师必备的PS技能——切图篇
分享即可 +1积分
总结：勤、练、做、看、想，没有任何诀窍，说的好！
ctrl+N（新建）
预设：自定义
宽度：1920
高度：2000
分辨率：72像素(比较流行)
背景内容：透明（注意）
-----------
移动工具设置：快捷键V——上方属性栏，自动选择不要勾选，冒号后，选中图层。当，想选中一个图层时，按住ctrl+左键，就会选中此图层，并可以拖拽
-----------
视图设置：上方菜单栏-视图-显示-智能参考线（切图会提供很大帮助）
打开标尺：上方菜单栏-视图-标尺（也可以ctrl+r）
窗口设置：不需要的统统关闭；库、颜色、右侧的：通道、路径等关闭，只留四大面板在右面信息和字符（放上面），图层和历史记录（放下面）
信息设置：单击信息右侧的设置-面板选项：第一第二颜色模式：RGB；标尺单位：像素；文档尺寸勾选
-----------
编辑设置：菜单栏-编辑-首选项-单位与标尺，将标尺和文字都改为像素
选中一个图层：右下角图层位置，ctrl+点击，在图片中形成一个选区，并且选区的信息会出现在面板中；如果选中字的话，字体信息也会显示在面板上。
建议：窗口-工作区-新建工作区：取名，并勾选两个选项：此方法可以保存之前的设置信息，以免，软件设置复位基本功能后，找不回之前的设置。
变换选区后，为什么按下delete键，整个圆都被删除了？这个问题困扰了一下午，
1.将界面设置保存为新建工作区web切图，方便以后调用&br&
2.首选项，所有的单位改成像素&br&
3.分辨率72，背景内容透明&br&
4.在做图时……视图……勾选……标尺……智能参考线
5.界面设置
ctrl+N（新建）
预设：自定义
宽度：1920
高度：2000
分辨率：72像素(比较流行)
背景内容：透明（注意）
-----------
移动工具设置：快捷键V——上方属性栏，自动选择不要勾选，冒号后，选中图层。当，想选中一个图层时，按住ctrl+左键，就会选中此图层，并可以拖拽
-----------
视图设置：上方菜单栏-视图-显示-智能参考线（切图会提供很大帮助）
打开标尺：上方菜单栏-视图-标尺（也可以ctrl+r）
窗口设置：不需要的统统关闭；库、颜色、右侧的：通道、路径等关闭，只留四大面板在右面信息和字符（放上面），图层和历史记录（放下面）
信息设置：单击信息右侧的设置-面板选项：第一第二颜色模式：RGB；标尺单位：像素；文档尺寸勾选
-----------
编辑设置：菜单栏-编辑-首选项-单位与标尺，将标尺和文字都改为像素
选中一个图层：右下角图层位置，ctrl+点击，在图片中形成一个选区，并且选区的信息会出现在面板中；如果选中字的话，字体信息也会显示在面板上。
建议：窗口-工作区-新建工作区：取名，并勾选两个选项：此方法可以保存之前的设置信息，以免，软件设置复位基本功能后，找不回之前的设置。
盖印图层的概念，快捷键Ctrl + Alt + Shift + E，新建一个图层，包含所有图层的内容。&br&
alt键可以确定圆心在哪里。&br&
ｓｈｉｆｔ可以让圆成为正圆&br&
右键扩展工具中有椭圆选区（shift+M切换）&br&
当按住shift再选区的时候，选区属性自动变为第二个添加到选区&br&
当按住alt再选区的时候，选区属性自动变为第三个从选区减去&br&
套索工具（L）：&br&
[放大缩小一倍：ctrl加+/-；百分之十：alt+鼠标滚轮]&br&
当按住alt再选区的时候，选区属性自动变为第三个从选区减去&br&
取消选中，ctrl+d&br&
小技巧—当按住ctrl+右键，选中一个图层时，点击裁剪工具，它会自动框住选中区域，按enter进入裁剪区，再按enter裁剪成功&br&
当使用选区工具，选中一个不规则选区时，按下裁剪工具，会围绕选区，选出一个最小的矩形&br&
小技巧—当按住ctrl+右键，选中一个图层时，点击裁剪工具，它会自动框住选中区域，按enter进入裁剪区，再按enter裁剪成功&br&
ctrl+左键点图层缩略图，给图层加选区
Ctrl + ‘+’/‘-’或者Alt+鼠标滑轮（放大缩小视图）；
Ctrl + 滑轮（左右移动视图）
alt+鼠标滚轮放大缩小。或者sh+ct+空格加鼠标移动放大缩小&br&
界面设置&br&
ctrl+N（新建）&br&
预设：自定义&br&
宽度：1920&br&
高度：2000&br&
分辨率：72像素(比较流行)&br&
背景内容：透明（注意）&br&
-----------&br&
移动工具设置：快捷键V——上方属性栏，自动选择不要勾选，冒号后，选中图层。当，想选中一个图层时，按住ctrl+左键，就会选中此图层，并可以拖拽&br&
-----------&br&
视图设置：上方菜单栏-视图-显示-智能参考线（切图会提供很大帮助）&br&
打开标尺：上方菜单栏-视图-标尺（也可以ctrl+r）&br&
窗口设置：不需要的统统关闭；库、颜色、右侧的：通道、路径等关闭，只留四大面板在右面:信息和字符（放上面），图层和历史记录（放下面）&br&
信息设置：单击信息右侧的设置-面板选项：第一第二颜色模式：RGB；标尺单位：像素；文档尺寸勾选&br&
-----------&br&
编辑设置：菜单栏-编辑-首选项-单位与标尺，将标尺和文字都改为像素&br&
小经验：&br&
选中一个图层：右下角图层位置，ctrl+点击，在图片中形成一个选区，并且选区的信息会出现在面板中；如果选中字的话，字体信息也会显示在面板上。&br&
建议：窗口-工作区-新建工作区：取名，并勾选两个选项：此方法可以保存之前的设置信息，以免，软件设置复位基本功能后，找不回之前的设置。&br&
编辑/首选项/单位与标尺【标尺：像素；文字：像素，其他默认不用改动】&br&
这样的做的好处：在PS里打开一个网页，随便点击哪个图片或者某个字符，就可以知道详细的信息。
按住Shift增加选区
按住Alt 减掉选区
按住Shift加工具快捷键可以切换快捷键对应的工具
鼠标点下后
按住Shift画正方/圆
按住Alt就以鼠标开始那个点为中心画
两个可以结合
Ctrl+t就可以变换选区
按住Shift变换选区可以保持比例不变
Photoshop精准切图
改进切图流程
利用Ps的脚本，进行一种更加快捷精准的切图方法
自动化切图，省时（由于图片可能很大，省时不敢保证）省力
计算机自动计算，尺寸更精确
-----------
单击文件-脚本-将图层导出到文件
文件类型：png-24
透明区域，交错，裁剪图层勾选
注意：比如说要做一个gif动画，如果是ps导出，半透明效果出不来，我们用ps导出一个一个png序列帧，由于命名是很顺的，我们可以在脚本
当中引入堆栈，那是非常炫的一个功能
1、有阴影会保留下来。
2、命名刚好是图层的名字，如果做网页设计把每个图层命名使用网页中合法的命名，就可以不需要导出后再调整名称。
感谢老师，这算是讲完了吗
网页设计 新建-》web 1920宽度，高不固定
总结：勤、练、做、看、想，没有任何诀窍，祝愿诸君前端之路越战越勇。
1）菜单栏--编辑--首选项--增效工具--生成器--启用
2）文件--生成--图像资源--勾选
3）图层（图层文件）重命名（格式:名称+.png24/.jpg8/.svg）苹果reatin切图 200%名称+空格@2x.png24/jpg8/svg
4）名字取消，电脑中文件夹中的图片自动会删除。
步骤：1.视图/显示/智能参考线以及视图/字符，这两个都要选上；
2.窗口/信息；窗口/字符，两个打开，其他的多余的可不需要，将前面的勾取消；
3.点击信息面板那一个小三角，打开面板选项/标尺单位：像素；两个像素模式：RGB颜色；文档尺寸选上，然后确定；
4.编辑/首选项/单位与标尺【标尺：像素；文字：像素，其他默认不用改动】
这样的做的好处：在PS里打开一个网页，随便点击哪个图片或者某个字符，就可以知道详细的信息。
5.窗口/工作区/新建工作区/名称：web切除，后两个选上，然后点击存储，这样就可以保存下来，防止丢失了
Alt+Delete：前景色填充
Ctrl+Delete：背景色填充
画圆选区：椭圆选区-&Shift+左键（先放开鼠标再放开shift键），alt+delete填充颜色
选区-&右键点击选区-&变换选区-&Alt+Shift+鼠标左键：同圆心缩小-&确定-&Delete删掉小圆内部颜色
Ctrl+T：自由变换
移动工具-&Alt+拖动：复制并且自动新建图层
CTRL+在图层缩览图中单击：选中图层中环选区。。。再填充另外颜色
按住Ctrl键，然后点击图片区域，会自动选中该图层，对该图层进行操作
按住Shift键，选中第一个和最后一个图层可以把所有这之内的图层全选中，最后一起操作
裁剪：按住Alt键，以图像为中心建立裁剪区域
五环相连：CTRL+在图层缩览图中单击蓝色环，再选中黄色环图层，矩形选框-&摁住alt减去黄色环要保留的部分，最后delete,可以去掉黄色部分被选中的小块，如此形成手拉手。。。
1.将界面设置保存为新建工作区web切图，方便以后调用&br&
2.首选项，所有的单位改成像素&br&
3.分辨率72，背景内容透明&br&
4.在做图时……视图……勾选……标尺……智能参考线
5.界面设置
ctrl+N（新建）
预设：自定义
宽度：1920
高度：2000
分辨率：72像素(比较流行)
背景内容：透明（注意）
-----------
移动工具设置：快捷键V——上方属性栏，自动选择不要勾选，冒号后，选中图层。当，想选中一个图层时，按住ctrl+左键，就会选中此图层，并可以拖拽
-----------
视图设置：上方菜单栏-视图-显示-智能参考线（切图会提供很大帮助）
打开标尺：上方菜单栏-视图-标尺（也可以ctrl+r）
窗口设置：不需要的统统关闭；库、颜色、右侧的：通道、路径等关闭，只留四大面板在右面信息和字符（放上面），图层和历史记录（放下面）
信息设置：单击信息右侧的设置-面板选项：第一第二颜色模式：RGB；标尺单位：像素；文档尺寸勾选
-----------
编辑设置：菜单栏-编辑-首选项-单位与标尺，将标尺和文字都改为像素
选中一个图层：右下角图层位置，ctrl+点击，在图片中形成一个选区，并且选区的信息会出现在面板中；如果选中字的话，字体信息也会显示在面板上。
建议：窗口-工作区-新建工作区：取名，并勾选两个选项：此方法可以保存之前的设置信息，以免，软件设置复位基本功能后，找不回之前的设置。
首页上一页
Copyright (C)
All Rights Reserved | 京ICP备 号-2上传时间：
56官方微信
扫一扫发现精彩