当前位置: 首页 > article >正文

Ps:直接从图层生成文件(图像资源)

通过Ps菜单:文件/导出/将图层导出到文件 Layers to Files命令,我们可以快速地将当前文档中的每个图层导出为同一类型、相同大小和选项的独立文件。

Photoshop 还提供了一个功能,可以基于文档中的图层或图层组的名称,自动生成指定大小和品质的图像资源 Image Assets(JPEG、PNG 、GIF 以及 SVG 等类型的文件)。

从 PSD 文件生成图像资源对于多设备 Web 设计来说尤其有用。

Ps菜单:文件/生成/图像资源 

File/Generate/Image Assets

此菜单并非命令,只是一个功能选项,点击可勾选或取消勾选。

勾选后,表示 Photoshop 启用自动生成图像资源功能,此时只要将图层或图层组的名称按要求更改,就会自动生成对应格式、大小和品质的文件。

生成的文件将保存在与源 PSD 文件相同文件夹里的一个后缀为 -assets 的子文件夹里。

如果源 PSD 文件还未保存过,则生成的文件将放在桌面的子文件夹里。

c8cf0da0a5bd2b6a6f13d319499eb137.jpeg

例如:

现有一图层,原来的名称为“PLAY_Log”,改名为“PLAY_Log.jpg”后,则自动生成一张文件名为 PLAY_Log.jpg 的图片。

e6c78524cfe06fc127f7a27fd2daad2e.jpeg

注意,在输出文件时,Photoshop 不会给出任何提示,只要图层名称按以下要求被改动,即在后台完成生成任务。

另外,即使一个图层组内有多个图层,为图层组改名后也只会生成一张拼合之后的图像。

  ◆  ◆

图层改名要求说明

1、生成一张图像

在图层(组)名后面追加 .jpg 、 .png 、 .gif 或 .svg。

2、生成多张不同格式的图像

用英文逗号(,)分开不同的名字。

例如:A_1.jpg, A_2.png, A_3.png

提示:

文件名不支持特殊字符 : 和 *。文件名中间可以使用空格。

3、指定保存文件的子文件夹名

格式:子文件夹名/文件名

例如:hi-res/test.jpg

4、JPEG 资源的参数

添加后缀指定品质:

默认品质为 90%,可在资源名称后添加 1 ~ 10 或者 1% ~ 100% 等数字来指定输出品质。

例如:A_1.jpg10 或者 A_1.jpg50%

添加前缀指定大小:

在名称前面加上相对大小(%)或指定单位(px, in, cm 和 mm)的大小。前缀与资源名称之间要留一个空格。

例 1:200% A_1.jpg,表示放大 1 倍输出。

例 2:300 x 200 A_.jpg,表示按 300 像素 x 200 像素输出。

例 3:10in x 200mm A_.jpg,表示按 10 英寸 x 200 毫米输出。

例 4:10in x 600 A_.jpg,表示按 10 英寸 x 600 像素输出。

可混合使用不同的单位。默认单位为像素 px,可省略。

注意,“x”符号(xyz 中的 x )两边都必须各有一个空格。

5、PNG 资源的参数

添加后缀指定位深度:

默认为 32 位色彩深度。可加的后缀有:8、24 或者 32。

例如:A_1.png24

添加前缀指定大小:

尺寸的设置规则同 JPEG 格式。

例 1:42% A_1.png

例 2:300mm x 20cm A_2.png

例 3:10in x 50cm A_3.png

6、GIF 资源的参数

GIF 格式无品质参数。不过,要提醒的是,同 PNG 一样,GIF 格式也支持透明背景。

添加前缀指定大小:

尺寸的设置规则同 JPEG 格式。

例 1:42% A_1.gif

例 2:300mm x 20cm A_2.gif

例 3:20in x 50cm A_3.gif

7、生成多张不同格式不同大小的图像

用英文逗号(,)或加号(+)分开。

例如:

120% A.jpg10, 42% A.png24, 100 x 100 B.jpg90%, 250% A.gif

则会生成四个文件:

A.jpg

品质为 10,缩放为 120% 的 JPEG 文件。

A.png 

24 位颜色深度,缩放为 42% 的 PNG 文件。

B.jpg 

品质为 90%,尺寸为 100 像素 x 100 像素的 JPEG 文件。

A.gif 

缩放为 250% 的 GIF 文件。

fe12293ece773285fe9fe3d93ce0e44f.jpeg

8、为资源输出指定默认设置

新建一个空白图层,并按下列方法(前缀须为 default)重命名图层,以指定资源默认输出到的子文件夹、文件的文件主名后缀以及缩放系数等。

其中,默认的缩放系数会被各个图层指定的缩放系数覆盖。

default hi-res/

在名为 hi-res 的子文件夹中生成所有图像资源。

default hi-res/@2x

在名为 hi-res 的子文件夹中生成所有图像资源,资源文件的主名添加后缀 @2x。

例如,[asset_folder]/hi-res/Delicious@2x.jpg。

default 50% lo-res/

将缩小 50% 的图像资源保存在文档资源文件夹下的子文件夹 lo-res 中。

default hi-res/@2x + 50% lo-res/

从图层生成两个图像资源:在 hi-res 子文件夹中,图像资源名称的后缀为 @2x。在 lo-res 子文件夹中,图像资源缩小 50%。

9、当不需要时,应记得禁用图像资源自动生成功能

即,再次点击Ps菜单:文件/生成/图像资源,取消勾选。

或者,在“首选项/增效工具”中取消勾选“启用生成器”,从而在全局范围禁用所有 Photoshop 文档的图像资源生成。

f6cb545753ab1e0ef428df820412736c.jpeg

“点赞有美意,赞赏是鼓励”


http://www.kler.cn/a/234999.html

相关文章:

  • 题海拾贝:力扣 86.分隔链表
  • 楚慧杯-Web
  • 批量DWG文件转dxf(CAD图转dxf)——c#插件实现
  • 笔记本电脑需要一直插着电源吗?电脑一直充电的利弊介绍
  • STM32MP1linux根文件系统目录作用
  • WPF 关于界面UI菜单权限(或者任意控件的显示权限)的简单管理--只是简单简单简单简单
  • 《CSS 简易速速上手小册》第10章:未来的 CSS(2024 最新版)
  • 【MySQL】-21 MySQL综合-8(MySQL默认值+MySQL非空约束+MySQL查看表中的约束)
  • Ainx-V0.2-简单的连接封装与业务绑定
  • Could not connect to Redis at 127.0.0.1:6379:由于目标计算机积极拒绝,无法连接...问题解决方法之一
  • leaflet 显示自己geoserver发布的中国地图
  • WordPress修改所有用户名并发送邮件通知的插件Easy Username Updater
  • vue双向绑定的原理
  • CTF-PWN-沙箱逃脱-【侧信道爆破】(2021-蓝帽杯初赛-slient)
  • 【开源】基于JAVA+Vue+SpringBoot的实验室耗材管理系统
  • ERROR: Could not build wheels for roslz4
  • PMP-情景模拟学习法-识别时间点
  • 2.11作业
  • 图灵日记--MapSet字符串常量池反射枚举Lambda表达式泛型
  • Pandas数据预处理之数据标准化-提升机器学习模型性能的关键步骤【第64篇—python:数据预处理】
  • 深入探索Flex布局:从基础到实战,附带抖音解决方案案例分析
  • C++提高编程(黑马笔记)
  • Jedis
  • HarmonyOS 横屏调试与真机横屏运行
  • Spring Boot生成二维码的两种实现方式
  • 使用 Windows 11/10 上的最佳 PDF 转 Word 转换器释放 PDF 的潜力