作为一个前端工程师切图这个步骤是必不可少的，方式多种多样，有和切图工具的，也有是把要切的图层元素或者组直接新建保存成文件的，现在photoshop cc2015，可以让你轻松切图，摆脱繁琐的切图步骤。
如何使用PhotoshopCC新功能，看PS怎么自动导出自定义大小、格式、名称的文件。web设计图片分层导出的有效工具！我们可以让Photoshop自己随时导出我们设置大小、格式、压缩品质的图像，web设计的一大亮点。
生成图像资源功能启用和导出位置
1、在Photoshop中点击&编辑&&&首选项&&&增效工具&，选择启用生成器
2、文件&&&生成&&&图像资源可用（如果设置首选项中没有在启用生成器上打钩，此功能将不可用
3、新建一个图像资源生成案例文件
4、制作3个按钮，分别为默认状态，鼠标经过，鼠标点击
5、怎么导出呀，把图层名称加上格式后缀，再点击菜单&文件&&&生成&&&&图像资源&，就能自动同步导出。
6、默认导出的文件位置为本文档的存储位置，如果本文件没有存储，会自动导出到桌面，文件名为，&本文档名称&+ &&-assets&！
7、查看导出的内容
生成的图像资源的方式
1、层组将合并组内的图像生成一个文件，将上面3个按钮建一个图层组导出效果如下：
2、如果图层组内的图层也有名称，图层组将导出一个文件，图层组内的图层也分别导出文件。
图像资源导出的大小
1、要导出不同的格式，只需把图层名称的后缀改成相应的格式后缀就可以了。默认jpg格式以90%品质生成，png格式以32为图像生成，gif以alpha透明度生成。
2、要导出不同的大小：设置大小参数，大小要和名称之间加一个空格。百分比单位加上百分号。
3、像素单位需要设置长度和宽度，不用加单位
图像导出的压缩比例
1、Jpg格式在后缀后面加上1-10或者1-100%
2、png格式输出品质设置分别为8，24，32
这是PhotoshopCC 14.1的一个新功能原文地址：/article/6ee9cca1ce42c.html
阅读(...) 评论()最新PHOTOSHOP CC2015新功能介绍
　　Adobe Photoshop
CC2015发布了!最新发布的版本新增了画板、全新的图层样式面板等等，开始尝鲜!让我们看看哪些功能值得UI设计师们翘首以盼。
　　一、画板整合多个PSD文档
　　响应式的网页设计和移动界面设计逐渐变为了一种工作流，而设计师不得不同时处理多个PSD文档，适应多种屏幕尺寸的需要。在新版的PS中，你可以在新建文档类型里选择画板，那么在画板里就有多种屏幕尺寸大小的画布可供筛选。还可以在图层面板中，点击右上方的小图标，出现下拉选项，在选项中选择&新增画板&。PS已经内置了默认的多种设备的尺寸，选项中一应俱全，如果你还有其他的需求，可以自行输入。
　　已经建好的画板，也可以手动调整它的大小。选中该画板，进入到画板工具，就能任意拖动画板方框的大小进行调整。使用方法和自由变形工具一样。
　　二、&导出&工具替代了&存储为WEB所用格式&
　　随着更多网页设计师对PS的青睐，让PS更注重网页设计时的用户体验。将原先的&存储为WEB所用格式&调整为&导出&工具，新的导出工具可以将画板、图层、组以及整个文档导出为PNG、JPEG、GIF、PNG-8或SVG格式。你可以通过【文件&导出&导出为】找到导出工具的选项。
　　三、多重图层样式效果
　　以往，我们增加图层样式时只能增加一个，比如一个图层只能增加一次投影。现在新的功能可以为我们提供多重图层样式，我们可以点击样式中的加号图标，为图层在已有效果的基础上再增加一次效果。想象力的小宇宙继续迎来大爆发!
　　四、查找特殊符号
　　我们可以不用再借助网络去查找特殊符号，现在，设计师们可以利用【窗口&字形】，在字形面板中，会提供正在使用的字体的各种特殊字形，双击即可输入到正文。
　　五、污点修复画笔工具
　　以往我们在使用污点修复画笔工具时，加载较慢，有时候还会因为重复点击出现问题，现在新的污点修复工具即点即生效，非常好用，无需等待。
　　六、ESC键完成文字输入
　　新版的文字输入结束时，不再像以前一样要点击上方的勾来结束输入，而是直接键入ESC即可完成。
TA发布的帖子Adobe Photoshop CC 2015新功能介绍
来源：网络&&&作者：一起学设计小编&&&发布时间：&&&
浏览次数：732
之前给大家分享过一篇的资源，有小伙伴对PS CC2015的安装有疑问，另外也对新版没有了解不知道新版是不是又有很多bug，是不是很鸡肋啊！今天学设计小编就详细的给大家讲一下PS CC2015的新的界面功能。绝对不会让你失望的！2015年6月Adobe发布了大版本更新，除了日常的Bug修复之外，还针对其中的15款主要软件进行了功能追加与特性完善，而设计师最经常用的PS CC 2015（终于正式用了这个名字！）正是这次更新的主力。和之前的6次不痛不痒的更新不同，PS CC 2015&的改版力度之大前所未有啊。一、帅气的启动界面二、多画板支持这次更新的首要功能就是对多画板的支持。虽然AI上早已有这个 特性，但是作为UI和Web设计的主力军，PS上这一功能的缺失，导致大家安利Sketch的时候常常拿多画板支持说事儿。不过从今天开始，多画板支持再也不是Sketch在PS CC 2015 前得瑟的理由了！你再也不用高兴地装上双显示器，但是只能在一个里面做图了。不过由此也可以理解为何2年都没针对这个功能进行更新了——牵一发而动全身，多画板功能增加之后，其他所有的工具和功能都要进行相应的调整。可见Adobe对这次更新的力度之大啊！如果您是一名网页设计或是UI设计设计人员，会发现自己需要设计适合多种设备的网站或者app界面。画板的出现，让同一画布上适合不同设备的设计稿能同时呈现制作，或者一个app有N多个页面再一个画布里同时呈现，不用再一个一个打开源文件了！三、新设计模式：PS设计空间永远不要低估Adobe的能力。如果说多画板支持只是PS同Sketch之间简单的“私人恩怨”的话，那么这个全新的“设计空间”就完全是追着Sketch打了。官方说明中，PS设计空间完全是为网页和UI设计而生的专属功能！当你开启这一模式的是，PS界面中诸如3D这些与UI/Web设计无关的功能会被隐藏，你将拥有一个UI设计专属的操作界面。想想看，在创意云的支持之下，用户可以让素材轻松的被所有相关程序调用，而这个全新的 “PS设计空间”完全可以像其他的Adobe系程序一样，从PS中独立出来。针对这一问题，Adobe CC的高级营销总监 Scott Morris 在接受采访的时候，坦言道用户还是喜欢用PS，所以干脆把这一模式并入PS。（仔细想想，好像还真是这回事~）虽然Adobe CC系列软件品种多样，覆盖全面，但是要说深入人心，并且足以将创意云服务快速高效推动起来的，还是Photoshop。多画板功能和心的设计空间的结合，让Web和UI设计师的工作更加便捷，安装以后体验一下你就明白了。四、Adobe 图库不论是对独立设计师还是大型设计机构而言，图库都是必需品。财力有限的设计师用免费的图库或者价格低廉的图库，素材不够，修图来凑；大型的设计机构有足够的经费购买内容丰富覆盖全面的商用图库，需要用图的时候，就在里面寻找。但即使借助插件，在PS中调用大型图库也终究没有那么方便。现在，Adobe 图库上线，为你排忧解难了！图库素材供应商Fotolia 被Adobe收购之后，Adobe也有了多达4千万图片的库存了，现在这个庞大的素材库就借这次版本更新，作为在线服务而推出，并且在创意云套装中拥有一席之地。当你在Adobe 图库中看到漂亮的图片的时候，可以将其通过创意云导入一个低分辨率带水印的版本，当你设计网页和APP的时候，可以直接调用这些图片，你可以针对它们进行各种处理，不论是缩放还是加滤镜。当客户确定你的设计方案之后，可以再以内购的方式购买高清版本的图片素。五、其他关键更新上面三个功能是这次更新中比较关键的三个，除了Bug修复和性能提升，这次PS CC 2015 还有许多令人兴奋的新功能。1、云端素材关联开发者希望代码一次编写到处运行，现在设计师的创意云素材库就已经实现一次修改，到处同步了！只需要使用素材关联功能，团队协作的时候，素材一次修改，能让各处连接云端的素材都实时更新！2、更快更便捷的图片导出多画板支持功能添加之后，导出和压缩功能也随之提升，用户可以针对特定图层和画板进行提取，预览也可以针对特定画板进行预览，另存为功能的用户体验也有所提升。3、Adobe Preview CC这一个iOS客户端，在创意云支持下，你可以借助这个客户端在iOS设备上实时预览你的APP UI设计，查看实际设计效果！类似PS play的功能，对UI设计的小伙伴来说真是有用的狠啊！4、更真实的模糊效果被吐槽图片处理的模糊效果不够真实？这次更新之后，模糊画廊中的模糊效果中，被追加了不少单色以及彩色噪点，营造出更真实的模糊效果。5、更多叠加效果效果叠加不够用？这次版本更新中在原有的叠加效果中追加了不少功能和细节，让你随时随地针对图层和分组添加更多效果！6、更强大的修复功能在Mercury 图形引擎的加持之下，修复画笔、污点修复画笔和修复工具都得到了极大的性能提升。从修复效果到修复速度，都比CS6提升了120倍。后期修图和电商修图的同学要好好研究一下啊！7、更细致的对象控制随着内容感知移动和内容感知延展功能的提升，用户在缩放、旋转对象的时候可以进行更细致入微的控制，精确定位、精确控制角度和缩放比例，都是这次更新所添加的功能。8、更优秀的内容感知填充内容感知填充功能更强大了，边缘处理也更加自然。9、Adobe Camara Raw 9.1新版更新后，用户可以增加或者移除照片中的雾霾（中国人民要的就是这个！哈哈！）。另外，用户针对图片中的黑白层次可以进行更精确的控制。10、Windows下对高DPI屏幕的支持更优秀虽然之前就对Windows高DPI屏幕有支持，但是效果并不理想。这次更新修复了这一问题。11、简化复杂的3D模型轻松降低3D模型的分辨率，提升PS的性能，让你的高分辨率的3D模型在平板、手机和其他设备中拥有更好的表现效果。12、其他功能这次更新的新功能还有很多，无法在此全部说明。听某些已经安装尝鲜的同学说，这版PS CC 2015 对圆角矩形的编辑功能也增强了，简直喜人啊！小伙伴们看完是不是，迫不及待了啊！是不是很想安装体验一下新版的功能呢，不要急，我们接下来就开始讲解具体的安装步骤，同时分享下Adobe PS cc2015软件下载地址和破解补丁、注册机。中文版界面介绍多了画板工具和Device Preview移动应用程序设计、图解，新建的都是画板。在画板工具状态下设置里面可以随时添加画板。可以同时多个画板同时设计图层样式也霸气威武，带加号的可以同时应用多个效果。导出也有改进，更方便了。图层里面也多了快速导出为PNG和导出为…，帅气啊~导出为的界面更帅气。窗口里面多字形，选择字体可以看字的效果，有木有很方便啊~
感觉还不错，那就赞助一下吧！您的鼓励就是我们坚持的动力！
打赏说明：您的赞助我们将用于购买网络带宽和优质设计资源，提升用户体验！
/xiazaipindao/ruanjianxiazai/2391.html
一键快速登录后才能下载本站资源
新会员登录即可获取10学币奖励，超爽下载！}