MAC下的切图神器!SLICY使用说明
切图作为设计师出图的最后一步,向来都是令人头疼的工作,其工作内容繁琐枯燥,但又必不可少。同时,作为IOS开发者,我们往往需要为程序准备两套图片资源,以应对低清屏和Retina屏的不同需求,随之而来的是切图工作量的成倍增加。今天为大家推荐一款Mac下的切图小工具——Slicy,以上烦恼皆可得到妥善的解决。
Slicy 官网:http://macrabbit.com/slicy
Examples:http://macrabbit.com/slicy/help
App Store:https://itunes.apple.com/tw/app/slicy/id512533449
相关文章推荐:
《高效神器!21款强大实用的Photoshop扩展插件》
《神器一箩筐:创建高保真的移动Demo(工具篇)》
软件特性:
- 切图方便,简单的拖放即可,傻瓜式操作2.
- 培养为图片资源合理命名的好习惯
- 自动生成@2x两套图片,极大方便IOS开发者
二、软件使用
1、PSD文件的预处理
这一步可以由设计师来处理,不过个人推荐程序员亲自完成这一步骤,因为这里涉及到图片的命名,我们自己来对图片进行命名可以更好的使之符合整个项目的命名规则,方便在项目中对对应图片资源进行调用和管理。
首先用PhotoShop打开设计师给你的PSD文件,如下图:
图中的绿色状态图标即为本次需要切出的素材图片
在右侧分组面板中,选中对应的组”Statues”
对”Statues”组的组名进行重命名,将其重命名为”Statues@2x.png”,全部完成后保存PSD文件即可。
这里要注意别忘了@2x后面的”.png”。同时,这里的命名即为图片素材被切出后的名字,因此建议大家在命名时考虑到项目整体的命名规则和调用的方便来进行命名,避免图片切好之后再来修改名字,浪费时间。
到这里,PSD文件的预处理就完成了,事实上这一步也是整个流程中比较繁琐的一步了,完成了这些,今天的切图工作就已经完成了八成。
二、令人愉悦的切图工作
- 问:使用Slicy切图总共分几步?
- 答:总共分2步
- 第一步:把PSD拖进去
- 第二步:把图片拖出来
是的,就是如此简单,打开Slicy的主界面,你可以看到其主界面也是如此的简单。。。
第一步
将我们预处理好的PSD文件拖进去,在一段令人愉悦的动画之后,我们会看到这个:
第二步
按住Command + A快捷键全选,将图片拖到你需要的地方。
可以看到,一套严格命名,大小合规的图片已经被切好导出了,就是这么简单!
小结
Slicy的存在使得原本繁琐的切图工作变得轻松惬意,尤其是当程序猿霸气的对设计师妹子说:”看你那么辛苦,今天的图我来切”时,相信大多数设计师妹子都会感动的痛哭流涕有木有。。。
综上,Slicy使用简单,小巧清爽,实在是居家旅行,勾搭设计师的必备神器。
MAC下的切图神器!SLICY使用说明相关推荐
- Mac下的切图神器——Slicy使用说明
转自Akring的博客 Slicy 一.前言 切图作为美工出图的最后一步,向来都是令人头疼的工作,其工作内容繁琐枯燥,但又必不可少.同时,作为IOS开发者,我们往往需要为程序准备两 套图片资源,以应对 ...
- 摹客iDoc for Mac PS自动标注,一键切图神器,ps磨皮效果+人像滤镜
大家好啊,今天我又来啦,我带着摹客iDoc for Mac(PS自动标注,一键切图神器)来啦! 摹客iDoc中文版是一款适用于ps的自动标注,一键切图神器,通过摹客iDoc PS插件,可以上传PS设计 ...
- 为您带来摹客iDoc这款PS自动标注,一键切图神器的超详细教程!速看!
摹客iDoc中文版是一款适用于ps的自动标注,一键切图神器,通过摹客iDoc PS插件,可以上传PS设计稿以进行标记切图等.摹客iDoc插件提供了自动标注切图的功能,让团队协作设计更加简单.而且这款插 ...
- 像素大厨PxCook for Mac(自动标注切图工具)中文免费版
PxCook(像素大厨)是面向设计师的一款免费.交互流畅.全平台支持的标注切图工具软件.它支持对PS.Sketch设计元素尺寸.元素距离.文本样式.颜色的智能标注,支持智能切图.每个UI设计师都在用的 ...
- android 切图神器,效率之王!从此解放你双手的切图神器【设计师必备】
作为一枚UI设计师,当我们千辛万苦的改完最后一稿后,就要开始切图标注了,有时候你会发现一个稍微复杂的页面,切图标注就要要花费很多时间,所以今天U妹给大家带来了1款切图神器,希望从此可以解放你的双手哈~ ...
- 如何在photoshop上安装cutterman切图神器
最近为了安装上cutterman切图神器可是下了不少功夫,之前安装了很多款都无法实现,直到最后这个哈哈哈,才实现.心里还是蛮开心的,我至少安装了又卸载不下5次.不断的往复,这种体验还是蛮难得的.当然对 ...
- 【工具】推荐一款切图神器,设计稿一键导出 Vue/微信小程序 代码
2021 年过一半了,各位切图还开心吗? 最近我遇到这个事情: emmm,这位产品小兄弟,说好只加 3 个页面,最后硬是让产品加了 6 个页面,差点凑齐七个小矮人了,后面的 UI 稿就像这样(考虑到公 ...
- 前端切图神器avocode
前端切图神器avocode 安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能.杀敌要有趁手的兵器,而前端一般都是用photoshop,但是这个兵器 ...
- 介绍一个前端切图神器avocode
2019独角兽企业重金招聘Python工程师标准>>> 安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能.杀敌要有趁手的兵器,而 ...
最新文章
- python 语言教程(4)字符串
- 【转】 MySQL索引类型一览 让MySQL高效运行起来 mysql索引注意事项
- linux mq发送测试消息,WebSphere MQ测试常用指令
- pip指定包的安装路径
- 委外订单_ERP软件教程:金蝶ERP的委外加工业务流程(一)
- 【elasticsearch系列】安装elasticsearch-head插件
- 20155301 Exp4 恶意代码分析
- 函数 getaddrinfo 学习
- 计算机四级笔试1,9月全国计算机等级考试四级网络工程师笔试试卷(1)
- HDOJ-1875-畅通工程再续 解题报告
- admin登录 404_Shiro Springboot 集群共享Session (Redis)+单用户登录
- 十分钟理解线性代数的本质_如何理解线性代数?
- python运行内存不足_Python内存不足(使用后缀树)
- python如何从字符串中提取数字_如何在Python中从字符串中提取数字?
- 验证苹果商店服务器通知 responseBodyV2
- 高德地图 poi 搜索
- 超实用Word小技巧,常用但很少有人记得住
- matlab能不能求不定积分,用MATLAB求定积分
- 利穗IT网络工程师面试试题
- linux 软件安装笔记
热门文章
- 智能扑克牌识别软件(Python+YOLOv5深度学习模型+清新界面)
- Python简介和行业应用方向
- c语言用int取整取了小数_[c语言取整算法]C语言中float型数据怎么取整数部分算法或取小数部分...
- 如何做好教育直播,阿里云助力百家云打造双师课堂
- 动态规划如何写出状态转移方程
- 「项目管理」如何做好项目进度管理计划?
- 在数组中查找指定元素 (10分)
- Totime iOS购物APP
- Oracle服务连接不上 ORA-12514 ORA-01034 ORA-27012
- Python 字符串倒序输出