百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

免费了,切图标记外挂神器 Assistor PS 深入解读(下)

zhezhongyun 2025-03-14 22:26 32 浏览

免费了,切图标记外挂神器 Assistor PS 深入解读(下)

Given| 1天前

在 切图标记外挂 Assistor PS 深入解读(上)中,我给大家介绍了即将免费的切图标记外挂 Assistor PS 强大的标记功能,然后,这个神器的功能仅仅如此?本文将为介绍 Assistor PS 其他丧心病狂的功能:创建引导框,一键全自动切图,创建参考线,单位转换器,取色器,圆角矩形转换,按照固定间隔复制图层等。

创建引导框

为你选择的图层创建引导框。快捷键(Alt+Q)。

点击旁边的小三角可设置引导框的大小。

对于一些初级切图仔来说,这个功能可能没什么接触过。有时候我们需要为一些特殊图层创建引导框后再进行标记,具体作用及重要性,请看下面的例子。 错误的标记

正确的标记

这里我先是为每个环肥燕瘦的图标创建统一的引导框,大小为38px*38px,然后再标记每个引导框之间的间隔。如果没有这个引导框,按照第一个标记,标出来的数据乱七八糟不说,开发同学在编码的时候还要量一下空白像素……

一键切图

吊炸天而且复杂到让作者凌乱的切图功能就藏在这个神奇的按钮下。此功能的工作原理大概是把需要切的图层复制到一个新窗口里面保存。具体使用步骤如下:

  1. 选择你要切的图层
  2. 如果需要对每个图层单独切出,请勾选 each layer
  3. 点击切图按钮,或者快捷键(Alt+W),此时 PS 就像开了脚本的游戏,全自动啪啪啪地切了起来……(切图复制出来的新窗口大小等于图层的实际大小,包括该图层的样式,比如投影)

  4. 当你使用选区工具拉出一个选区之后,将切出每个图层在该选区的切片,切片的大小和该选区的大小一致。假如你选了一个图层,但是这个图层在这选区里面是没有任何东西的,那你切出来的切片就是全空白的。(这里稍微比较复杂,有兴趣可以自己尝试动作操作理会下。)

同样点击右边的小三角形,我们可以对功能进一步设置,使之更快更全自动。

  1. 设置固定大小。有时候我们需要切包含透明像素的图层,比如上面标记的四个社交图标,可以设置38px*38px,后再下进行切图。
  2. 输出比例。这里可以选择输出比例,比如@2x,50%,安卓的 HDPI 等,Assistor PS 会自动帮你计算并输出。
  3. 自动保存设置。建议勾选 auto save 和 save and close,这样会自动保存切片并关掉新建的切片窗口。Path 设置保存路径。Suffix option @2x 勾选后会自动在@2x切片的文件名加 @2x。

创建参考线

相信很多人,尤其是 UI 设计师,网页设计师都用过 Guide Guide 来创建参考线, Assistor PS 包含了 GG 的大部分功能。

  1. 创建水平居中参考线 如果没有选区,则创建整个画布的水平居中参考线。
  2. 创建垂直居中参考线 同上。
  3. 删除参考线
  4. 参考线设置(详见下文)
  5. 清除所有设置
  6. 根据设置创建参考线

参考线设置(这里不过多介绍,只给出翻译)

单位转换器(附赠取色器)

  1. 输入数值
  2. 选择基本单位
  3. 转换结果
  4. 颜色编码
  5. 取色器(可取屏幕任何位置的颜色!隐藏得太深了,我才发现……)

圆角矩形转换

可以把圆的换成方的把方的换成圆的。勾选 each corner 可单独编辑每个角。使用前请先在 PS 选择一个矩形。

按照固定的间隔复制图层

又是一个炒鸡实用的功能,具体效果请看例子:

使用前:

设置 Assistor PS 如下(列数3,行数3,列间隔50px,行间隔50px)

使用后:

不过建议大家用完稍微花点时间填充下数据,如下图:

感谢大家的阅读,Assistor PS 的详细介绍也到此结束,希望大家凭借此神器,变身高级切图师,hold 住所有需求。码字不易,喜欢不妨点个赞吧。

相关推荐

十字军之王3作弊码有哪些 王国风云3全控制台代码分享

王国风云3作弊码有什么?王国风云3游戏里我们可以使用作弊码来进行游戏,一些特别的玩法是不会少了这方面的内容的。不过具体的作弊码是很多的玩家不清楚的,为了让大家都能用游戏里的作弊码,这里就一起来看看小编...

SpringBoot的Restful的请求路径参数@PathVariable注解的使用

1.介绍1.1介绍大家都知道RESTFul风格的接口的URI路径和普通的接口是不一样的,根据RESTFul的规范请求的URI路径里需要指向一个具体的资源(Resource),这个URI路径里面可以...

Nacos源码—2.Nacos服务注册发现分析四

大纲5.服务发现—服务之间的调用请求链路分析6.服务端如何维护不健康的微服务实例7.服务下线时涉及的处理8.服务注册发现总结7.服务下线时涉及的处理(1)Nacos客户端服务下线的源码(2)Nacos...

JavaScript矩阵快速计算方法(如何用java计算矩阵相乘)

有很多方法可以在JS中表示矩阵数学。有些方法可读性强,有些方法速度快。我想探索一下这些差异。某些技术实际上能为我节省多少时间?为此,我将只研究一个操作:逐元素加法以减少总案例数,但差异操作可能会稍...

如何在前端通过JavaScript创建修改CAD图形

背景在之前的博文CAD图DWG解析WebGIS可视化技术分析总结、CAD_DWG图Web可视化一站式解决方案-唯杰地图-vjmap中讲解了如何把CAD的DWG格式的图纸Web可视化的方案,那在Web前...

如何写一个webpack插件(一)(webpack插件怎么写)

前言最近由于用着html-webpack-plugin觉得很不爽,于是乎想自己动手写一个插件。原以为像gulp插件一样半天上手一天写完,但令人郁闷的是完全找不到相关的文章。一进官方文档却是被吓傻了。首...

如何用Go写一个benchmark 解析器及Web UI 数据可视化?

简介用Go编写的benchmark输出解析器,功能如下读取gotest-bench=.-benchmem的输出文件(如benchmark.txt)解析出每行数据写入成CSV文件...

k8s实践(八):ConfigMap and Secret

一、概述1.ConfigMap在实际的应用部署中,经常需要为各种应用/中间件配置各种参数,如数据库地址、用户名、密码等,而且大多数生产环境中的应用程序配置较为复杂,可能是多个Con...

前端最常用的25个正则表达式,代码效率提高 80%

在日常开发中,正则表达式是非常有用的,正则表达式在每个语言中都是可以使用的,他就跟JSON一样,是通用的。在日常开发中,了解一些常用的正则表达式,能大大提高你的工作效率,例如字符串的匹配表单项的格式校...

游戏《重返德军总部》秘籍代码大全完全版简要分享

重返德军总部这款游戏当中为玩家们带来了很多非常经典熟悉的秘籍作弊码,玩家们可以通过在游戏当中使用这些秘籍作弊码更好的体验到游戏当中的精彩内容,感兴趣的小伙伴就和小编在下面一起来看看吧。重返德军总部秘籍...

32个手写JS,巩固你的JS基础(面试高频)

01.数组扁平化数组扁平化是指将一个多维数组变为一个一维数组constarr=[1,[2,[3,[4,5]]],6];//=>[1,2,3,4,5,6]复制代码...

golang常用数据结构之map详细讲解

概述map是常见的一种数据结构,大部分编程语言都有,用于存储一系列无序的键值对,map也被称为字典或关联数组,顾名思义,键相当于索引,通过键与值形成映射关系,达到快速查找数据的目的。声明和初始化var...

MapStruct 常用的重要注解和方法(mapstruct详解)

MapStruct是一个Java代码生成器,用于简化Java对象之间的映射操作。它通过注解和方法来定义映射规则。以下是MapStruct中常用的重要注解和方法:注解1.@Mapper:用于标记一个接...

Java对象中非空属性一键转Map,让你的代码飞起来

哈喽,大家好,我是木头左!引言在日常开发中,经常会遇到需要将一个Java对象中的非空属性提取出来,放到一个Map中的情况。这样的做法有很多好处,比如方便进行属性的查找、修改等操作,同时也能够提升代码的...

在Kubernetes中使用ConfigMap(kubectl set env)

在《为Kubernetes安装Dashboard》中,我们已经使用VirtualBox安装了CentOS7.9,并在其上安装了Docker20.10.11、Kubernetes1.23.3和ku...