您现在的位置是:首页 > 正文

php 自动切图,前端工程师技能之photoshop巧用系列扩展篇自动切图

2024-02-01 03:51:17阅读 2

×

目录

[1]初始设置 [2]自动切图

前面的话

随着photoshop版本的不断升级,软件本身增加了很多新的功能,也为切图工作增加了很多的便利。photoshop最新的版本新增了自动切图功能,本文将详细介绍photoshop的这个新功能

初始设置

当然首先还是要进行一些首选项设置

【1】在编辑 -> 首选项 -> 增效工具中,选中启用生成器

b52dc9a03c64e53d810c27150e726e5a.png

【2】重启photoshop,在文件 -> 生成中,点击图像资源在文件 -> 生成中,点击图像资源

[注意]只有在photoshop中有文件打开的情况下,该项才可以点击

1f268a85b34842d9f193a16b4c3176b9.png

自动切图

png

比如,我们要将收藏前的小图标切出来,先找到该图标对应的图层或组,再将其重命名。重点是给其添加后缀。如果想要保存png8格式的图片,后缀名写为.png8。类似地,如果要保存png24格式,则后缀名写为.png24

此时,图像的存放目录下会多出一个assets文件夹,里面会存放刚才保存的图片sc.png

b85ad6e924e1696e33738bce3377b3f3.gif

jpg

类似地,jpg格式图片也是如此切法。比如我们要把脚丫的图片切出来

19dabf767df123fe355ee45605db31fb.gif

实际上,jpg格式的图片存储时,是有品质选择的,从0-100。如果我们把后缀名写为.jpg6,则代表品质为60。如果后缀名为.jpg,则表示品质为100

我们先打开原来切的那张图片,大小为13.6k。将其后缀名改为.jpg5后,大小变成了4.52k

ab39fe92218279ca74eb1e5f98b4267b.gif

2倍图

如果我们需要适应视网膜屏幕,切出2倍图时,也可以使用自动切图的功能。只需要将其重命名为200% 图片名称 @2x.jpg就可以

首先,我们先查看脚丫图片的尺寸是200*200,当我们将其设置为200% jy @2x.jpg5后,再查看脚丫图片的尺寸变成了400*400,也就是生成了2倍图

1a934a180aeef2920dad786369eb5f4c.gif

类似地,3倍图也是相似做法

d795b2eecbe8e9a538ebfa475d7818b1.gif

网站文章

  • List,Queue和Set

    List,Queue和Set

    List,Queue和Set这三个接口的介绍,和实现这些接口的类的使用

    2024-02-01 03:51:08
  • 【Django】配置本地域名、解决前后端跨域问题

    由于开发需求,我们可能会需要使用特定域名访问项目,但是当前又不方便直接上线,所以我们可以使用本地域名的方式访问,我们只需要在hosts文件里添加域名和ip即可 1.Linux 如果使用的是Linux系...

    2024-02-01 03:51:00
  • Mysql date的大于某一个时间点 热门推荐

    直接使用类似下面的方法就可以了 select status,edate,cdate from cp_trade_master where pay=2300 and proxy_uid=139144 and edate>'2016-07-27 19:30:00' order by edate desc;

    2024-02-01 03:50:54
  • 安装 thinkphp 的图像处理扩展 [ 2.0 版本 ]

    安装 thinkphp 的图像处理扩展 [ 2.0 版本 ]

    在入口里的composer.json 文件里添加 topthink/think-image信息:"require": { "php": ">=5...

    2024-02-01 03:50:27
  • 影碟管理系统c语言小学期,大连东软小学期C语言项目学生成绩管理系统代码.docx...

    大连东软小学期C语言项目学生成绩管理系统代码/*链表版学生成绩管理系统的main函数与链表构建模块的代码*/#include #include #include struct STUDENT{ char name[ 20 ];int score;struct STUDENT * next;}; void showMenu( );struct STUDENT* createList( ...

    2024-02-01 03:50:21
  • 剑指 翻转单词顺序列+左旋转字符串

    题目描述牛客最近来了一个新员工Fish,每天早晨总是会拿着一本英文杂志,写些句子在本子上。同事Cat对Fish写的内容颇感兴趣,有一天他向Fish借来翻看,但却读不懂它的意思。例如,“student. a am I”。后来才意识到,这家伙原来把句子单词的顺序翻转了,正确的句子应该是“I am a student.”。Cat对一一的翻转这些单词顺序可不在行,你能帮助他么?思路: 借用S...

    2024-02-01 03:50:12
  • Nginx学习笔记2【老男孩教育】 最新发布

    Nginx学习笔记2【老男孩教育】 最新发布

    Nginx学习笔记2【老男孩教育】

    2024-02-01 03:49:38
  • equals()方法防止NullPointerException

    使用equals方法的时候可以将字符串常量放在前面避免可能发生的NullPointerException。

    2024-02-01 03:49:31
  • 进程通信之共享内存

    进程通信之共享内存

    共享内存

    2024-02-01 03:49:01
  • 多核与多处理器的区别

    多核与多处理器的区别

    多核:单块CPU上面能处理数据的芯片组的数量,比如,双核就是包括2个相对独立的CPU核心单元组,四核就包含4个相对独立的CPU核心单元组。多处理器:主板上实际插入的cpu数量,一般有两个或者多个处理器...

    2024-02-01 03:48:54