蓝湖教程：蓝湖自动切图功能该怎么用？

蓝湖自动切图支持PS和Sketch，支持Mac和Windows一键自动生成，大大提高了设计师的工作效率，开发小哥用起来也更方便。

操作方法

  • 01

    1.Photoshop用户 第一步：通过蓝湖插件在PS中标记你需要生成的切图

  • 02

    第二步：通过蓝湖插件将页面上传至蓝湖

  • 03

    第三步：在蓝湖Web端，双击设计图查看标注和切图

  • 04

    在这里，你家的工程师可以： ①查看所有元素的尺寸、字号、距离等信息，并可直接复制相应代码

  • 05

    ②一键下载切图文件

  • 06

    2.Sketch用户 第一步： 通过蓝湖插件在Sketch中标记你需要生成的切图 方法①： 用export标记切图 （忽略透明区域）

  • 07

    方法② ：用切刀工具（slice）切图（保留透明区域）

  • 08

    第二步：通过蓝湖插件将页面上传至蓝湖

  • 09

    第三步： 在蓝湖Web端，双击设计图查看标注和切图 在这个页面，你家的工程师可以： ①查看任意元素的大小、字号、距离等信息，并直接复制该信息对应的代码； ②一键下载切图文件。

赞 (0)

相关推荐

  • ps如何自动切图

    Photoshop是设计师必备的武器,它的功能也越来越强大,特别是从ps CC版开始.没错ps可以自动切图了,作为前端开发的你,还为要将很多图层切出成独立的图片而发愁吗?小编就来给小伙伴们分享ps C ...

  • 如何使用PS自动切图

    Photoshop本身具有十分强大的功能,随着版本的不断升级,软件本身也增加了很多新的功能,如自动切图功能,给切图工作带来了许多的便利. 操作方法 01 首先进行一些初始化设置 a.编辑>首选项 ...

  • 自动切图神器Slicy使用介绍

    自动切图工具「Slicy」Mac OS版（Layer Cake），真正解放设计师的神器！为切图黯然销魂的设计师们必备利器 如何使用 Slicy 切图? 1. PS 图层依规则命名。 2. 把档案丢进 ...

  • cutterman怎么自动切图

    cutterman是小鱼赶脚灰常不错的智能自动切图插件,很不错,是一款在ps上的插件.下面小编就来介绍一下cutterman怎么自动切图. 操作方法 01 首先当然是你需要安装一个cutterman插 ...

  • ps教程：切片工具切图技巧

    ps教程之一,用切片工具来切图的技巧,对于新手学习PS很有帮助,图文教程使本文更直观. 步骤/方法 01 1.打开要分割的图片,点工具栏的切片工具. 02 2.将划分切片的水平划分为4,垂直划分为3, ...

  • 美图秀秀新版上线 "九格切图"引爆朋友圈新玩法

    从2011年诞生以来，美图秀秀手机版的每一次改进都带给我们不少的惊喜，特效相机、海报拼图、智能美容到近日，美图秀秀手机版推出3.0版本，重磅推出好玩的全新小应用“九格切图”，可以将图片切成不同的好玩形 ...

  • iPhone照片九宫格切图（苹果怎么打开九宫格）

    iPhone照片九宫格切图（苹果怎么打开九宫格）

    转自电脑百事网,仅交流学习.侵联系删在朋友圈中,我们经常会看到一张完整的图片被切割成九宫格形式来展示,看上去逼格很高.那么,iPhone怎么九宫格切图?今天"带来2种九宫格切图使用方法,一种 ...

  • 切图标记外挂神器ASSISTOR PS（下）

    小编:在切图标记外挂 Assistor PS 深入解读(上)中,@纪凡_Given给大家介绍了即将免费的切图标记外挂 Assistor PS 强大的标记功能,然后,这个神器的功能仅仅如此?本文将为介绍 ...

  • Ps UI设计如何简单快捷切图

    首先我们要知道无论PS CC  或者PS  CS  都有切图功能,尤其是现在流行的UI设计一职业 ,无论是网页 还是手机端页面都是经常运用的技法  ,下面开始Photoshop 中最简单快捷的了解切图 ...