摹客iDoc中文版是一款适用于ps的自动标注,一键切图神器,通过摹客iDoc PS插件,可以上传PS设计稿以进行标记切图等。摹客iDoc插件提供了自动标注切图的功能,让团队协作设计更加简单。而且这款插件支持各种类型的文件上传共享,并支持多种产品文档的直接在线预览同时支持分组,便于管理。

安装PS插件

点击页面顶部链接,下载安装摹客PS插件。

打开插件

插件安装好后打开PS,在「窗口>扩展功能」找到摹客插件,选择并打开。

注册和登录

使用摹客平台账号(在 Mockplus、摹客上通用)即可登录。

选择团队和项目

通过下拉菜单选择团队和项目,设计稿将上传至该团队对应的项目中。

新建项目

点击项目名称后面的小三角,在展开的列表中点击加号图标“+”,进行新建项目的操作。

新建好项目,可将页面上传到指定分组内。

切换团队/切换账号

点击右上角的“更多”图标,可以进行切换团队、切换账号、设置等操作。

标记切图

选中需要切图的图层或编组,点击「标记切图」。

将在名称前增加“-e-”,「标记切图」变为「取消切图标记」,此时切图操作便完成了。(注意:标记切图只需标记需要切图的图层,标记无用的切图过多可能会导致上传失败。)

自定切图尺寸

在插件上的“固定尺寸”区域,填写所需切图尺寸的数值,并点击“遮罩”。摹客会自动给图片添加一个遮罩。上传到摹客平台后,识别到的便是同遮罩大小的切图,元素的背景区域将会是透明的。

若是一个未在分组内的图层,点击“遮罩”后,摹客会自动为你添加一个遮罩图层, 并且将遮罩图层和原图放在一个新分组中。此时,分组名称前方会多出一个“-m-”,代表该分组下的图层添加了遮罩。(注:“遮罩”后默认已标记切图,无需再点击“标记切图”按钮。)

可以随意调整此遮罩的大小,快速地切出任意尺寸的切图。

取消遮罩标记

选中分组或图层,点击插件上的“取消标记切图”,即可将遮罩取消。

隐藏切图遮罩

给图层添加遮罩后,可以通过点击插件右上角的“更多”图标 - “隐藏切图遮罩”,将遮罩隐藏,此时图层仍然保持已标记切图的状态。

自动识别画板大小

自动识别按钮,会根据当前设计稿的尺寸,适配正确的倍率。在“画板大小”的列表后方,点击按钮,当前设计稿适合什么倍率即刻生成。(注:插件需要更新到最新版哦)

上传设计稿

标记完成切图之后,一键将设计稿上传至云端项目中,提示完成后便可在云端查看到刚才上传的设计稿。(注:操作过程中,如果误点击了“上传”,可在上传界面右上角点击叉号“x”图标,本次上传将会立即中止。)

状态图

在PS中选中单个画板并勾选“上传所选画板”,点击“上传”按钮,插件将自动执行上传状态图操作。

重置画板ID

在插件右上角点击该图标  ,在弹出菜单中选择“重置画板ID”,可以对已经上传的文档进行重复上传。

同步画板

如果在PS中删除了几个画板,再次上传设计稿时,勾选插件-设置中的“上传全部画板时自动检测不对应的画板”,ps中已删除的页面在摹客项目中也会同步删除。

始终使用可视区域大小

在插件-设置中,若勾选了“始终使用可视区域大小”,图层如果有阴影、边框、模糊等扩展区域,上传摹客后会显示最大区域;若不勾选,上传摹客后的标注将不包含阴影、边框、模糊等,仅显示图层本身的大小。

设置上传顺序

摹客提供了设计稿上传顺序的设置,如果不勾选此设置,上传后的设计稿将以倒序的方式呈现。如果想让设计稿顺序与PS中的顺序保持一致,请在设置中勾选“设计稿排序与PS保持一致”。

始终覆盖已有状态

勾选此设置后,如果之前上传过一次,修改后再次上传设计稿,会直接覆盖之前的画板,不再提示是否添加新状态。

为您带来摹客iDoc这款PS自动标注,一键切图神器的超详细教程!速看!相关推荐

  1. 摹客iDoc for Mac PS自动标注,一键切图神器,ps磨皮效果+人像滤镜

    大家好啊,今天我又来啦,我带着摹客iDoc for Mac(PS自动标注,一键切图神器)来啦! 摹客iDoc中文版是一款适用于ps的自动标注,一键切图神器,通过摹客iDoc PS插件,可以上传PS设计 ...

  2. 原型对接工作流!摹客iDoc全面支持Mockplus、Axure原型

    在正式开始之前,先分享一张外行看起来挺有美感,产品经理看起来却毛骨悚然的照片. 这是UPA(国际用户体验专业协会)发布的完整产品用户体验设计流程图,画面看起来蜿蜒曲折,像极了现实中设计开发流程的繁复难 ...

  3. ps插件摹客iDoc打开后无法连接生成器的解决办法

    在ps中使用摹客iDoc插件过程中,有些用户出现了摹客iDoc打开后长时间无法连接生成器的提示,macw小编给大家带来了解决方法. 解决办法1: 打开"首选项" > &quo ...

  4. 摹客iDoc Sketch插件全新改版!

    告诉大家一个好消息,摹客iDoc针对Sketch插件进行了全新改版!本次更新了哪些内容呢?一起来看看吧! 关键信息: Sketch插件全新改版 智能检测不对应画板 重置邀请链接 上期彩蛋揭晓 一.Sk ...

  5. ps插件摹客iDoc使用技巧

    ps插件摹客iDoc,小巧简便的插件,可以一键切图.自动标注简直不要太友好 ps插件摹客iDoc使用技巧分享,一键切图.标注大大提升效率~ 安装PS插件 在macz下载摹客PS插件安装文件并点击进行安 ...

  6. 摹客iDoc插件在Sketch中无法正常使用,切图尺寸和标注尺寸不一致

    摹客iDoc插件在Sketch中无法正常使用,切图尺寸和标注尺寸不一致,如果出现这种情况该怎么版呢? 摹客设计规范 Sketch 插件无法正常使用的解决办法 如果你的摹客设计规范 Sketch 插件遇 ...

  7. 如何解决摹客iDoc在ps中长时间无法连接生成器的问题

    有些用户在ps中使用摹客iDoc插件时,提示摹客iDoc打开后长时间无法连接生成器,如图 怎么解决这一问题呢?具体教程请继续往下看 解决办法1: 打开"首选项" > &quo ...

  8. 摹客标注:自动标注一键生成,手动标注自由补充

    熬着夜手动做标注? 用工具自动标注,却被攻城狮追命连环call? 设计稿标注--其实--可以「自动+手动」! 摹客,「自动标注」一键生成,「手动标注」自由补充, 助你五星通过标注大关~ 「自动+手动」 ...

  9. 有了这款自动标注/切图神器,攻城狮终于可以省心了

    2019独角兽企业重金招聘Python工程师标准>>> 设计狮,产品汪,世人都晓他们很不易,但是,作为产品开发者的攻城狮们,却也有满心委屈. 攻城狮不用懂设计?攻城狮是沉默的大神? ...

最新文章

  1. 开源在线阅读技术资源
  2. 使用.reg文件删除暴风影视库图标和注册信息
  3. 删除鼠标右键打开方式其他程序图标
  4. composer-安装插件包
  5. 关于大型网站技术演进的思考(三)--存储的瓶颈(3)
  6. mysql中首字母大写的函数,如何借助MySQL函数将字符串的首字母大写?
  7. google 浏览器使用的一些小技巧
  8. 图论 有向无环图 拓扑排序 是什么
  9. PHP开发之读取照片EXIF中的经纬度位置信息
  10. 电机与拖动matlab仿...,电机与拖动基础及MATLAB仿真习题答案(第四章)
  11. 关于ios打包的一些事项
  12. html js 邮箱格式,email 格式_JavaScript验证Email邮箱格式的三种方法
  13. 按右手定则求已经知三点的法向量
  14. linux安装包apr安装说明,Linux下安装Apr及其Apr-util的基本步骤
  15. 弹球打砖块游戏java,Unity 弹球打砖块游戏(简易)
  16. 学生信息管理系统-结构体编写
  17. java graphics 渐变色_使用BufferedImage进行渐变色操作
  18. 盘古开源:2022年全球汽车产能仍受制于芯片短缺,中国减产量占一成
  19. 嵌入式应用软件任务划分的原则
  20. 3种方式,中小企业资产轻松盘点

热门文章

  1. source insight php-styles.cf3,【转】SourceInsight 中集成Artistic Style 格式化代码
  2. java求最大子串_Java获取两个字符串中最大相同子串的方法
  3. MySQL性能调优与架构设计(二)—— MySQL存储引擎简介
  4. Thomas和Kellysearch这两大工业分类目录的最大差异是网站优化(作者:胡宝介)
  5. 两个软件,让你对主机内显卡的信息和性能有一个更深刻的认识
  6. 软件著作权登记有怎样的流程
  7. python简单圣诞树手工折纸_圣诞节超级简单的手工折纸圣诞树如何做
  8. chatgpt 正向案例 - 书单 表达情感,描写
  9. html5如何实现拖拽,HTML5 如何实现拖放
  10. MT5多账号跟单系统与多账号管理系统立项