前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >蓝湖切图使用方法—PS

蓝湖切图使用方法—PS

作者头像
超级小可爱
发布2023-02-20 15:56:02
3.8K0
发布2023-02-20 15:56:02
举报
文章被收录于专栏:小孟开发笔记小孟开发笔记

1、下载蓝湖插件(免费)

蓝湖不是一个独立的应用,而是以插件的形式出现在应用中,支持Sketch、ps以及Adobe XD 。

Sketch插件地址:蓝湖 – 高效的产品设计协作平台

PS插件地址:蓝湖 – 高效的产品设计协作平台

Adobe XD插件地址:蓝湖 – 高效的产品设计协作平台

以下内容全部是PS的操作过程。

2、安装插件

下载插件后进行安装。安装成功后,打开路径为:窗口-扩展功能-蓝湖(PS的插件基本都是在这个路径打开的)

触发一次以后,蓝湖图标就会固定在右侧

3、使用方法

蓝湖操作非常简单,按照插件的提示去做就可以了。不过一定要事先做好图层的整理和命名。至少一张图内的元素要在一个组内。

  • 先输入项目名字
  • 再选择设计稿的尺寸
  • 然后从上传切换到切图:选中要切图的图层或组,再点击标记为切图

被标记的图层切图区域为蓝色。

右侧为切图后

  • 最后把返回到上传里把项目上传

4、下载切图

蓝湖的切图在网站上下载。打开项目内的具体文件后,左边会弹出一个操作菜单,第四个图标就是切图工具,可以选择1px/2px/3px

蓝湖在切图上确实提高了效率,除此之外蓝湖还有添加交互、手机预览、产品文档共享等功能。感兴趣的可以看一看。

未经允许不得转载:肥猫博客 » 蓝湖切图使用方法—PS

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
设计协作平台
支持 40+ 种设计文件格式的分享、储存、管理及调用;无缝衔接产品经理、设计师、开发工程师、企业管理者等用户角色,帮助产品设计团队提升协作效率、保障设计质量;
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档