派派小说

没有PS 还能做图吗?来看这里!发家致富贴_派派后花园

发帖 回复
阅读:2 回复:1

[其他] 没有PS 还能做图吗?来看这里!发家致富贴

刷新数据 楼层直达
落嗏嗏

ZxID:8962899

等级: 热心会员
9.27 周年
举报 只看楼主 使用道具 楼主   发表于: 昨天 21:49 0
有没有不需要安装 Photoshop,也能制作图签、修改 PSD、制作 GIF 的方法?

答案就是:有的!

个人原因不想下 Adobe(好用是好用~就是……)。

所以,我一直在使用的替代方法就是 Photopea!

它应该是类似 PS 的阉割版,因为它和我最早接触的一版 Photoshop 很像(大概 2013 年的版本吧?所以最新版的我就不知道了)。

但是它不需要下载安装,打开浏览器就能使用。

操作界面和 Photoshop 比较相似,可以直接打开、编辑 PSD 文件,也支持各种常见图片格式。

并且还支持导入字体、笔刷!但注意的是,这些资源可能保存在浏览器的 Storage(包括 IndexedDB 等本地存储)里面。

只要不清空浏览器的网站数据,一般就没什么问题,普通清理缓存通常也没事。

实在不行就重新导入一下字体、笔刷之类的,问题不大,估计也不会有人知道浏览器的 Storage 怎么清空。

基本上日常修图、作图需要的功能都有!

所以,让我们进入致富之路!


一、Photopea 基础使用

网站是这个:https://www.photopea.com/

妈呀,打开是英文!不要慌,看着图一步步来。

第一次进入会看到【Start using Photopea】。

点进去之后,如果是英文的话,选择菜单里面的【More】可以切换中文。



你可以选择【新建项目】或者【从电脑打开】,啥都行,就会看到一个和 Photoshop 很相似的操作界面。

这里我简单说两句,虽然不用下 PS,但是你还是要懂 PS 的基本东西,可以自己去搜教程。

我这里只是说一下 Photopea 的用法。

比如你看到坛子里的大佬出教程,就突然很想试一下的时候;

再比如,你看到好看的图,想要自己加 ID 或者调色的时候;

手边没有 PS,就可以使用这个 Photopea 来应急。



简单说一下上面的区域

主要分为四个区域:

顶部菜单栏:新建、保存、调整图片、滤镜等功能。

左侧工具栏:移动、选区、画笔、文字、橡皮擦等工具。

中间画布:实际编辑图片的区域。

右侧图层面板:管理图片、文字、装饰素材的地方。

虽然还是简单说一下图层,图层越靠上,显示的位置通常就越靠前,这个和 PS 是一样的,就当PS用

二、使用 Photopea 制作 GIF

下面就是应该和 PS 不太一样的地方了——做 GIF!

它的动画制作方式和部分传统时间轴编辑器不同,主要是通过图层名称识别动画帧。

例如,我们准备两张图片:

第一帧:人物正常显示。



第二帧:人物闭眼图。



在 Photopea 中,可以把两张图片放在不同图层,并分别命名为:

  1. _a_frm1,500
  2. _a_frm0,500


其中:



_a_:表示这个图层是动画帧。

500:表示该帧显示 500 毫秒。

frm1、frm0:可以随便命名,自己记得住就可以。

这里要注意:

不带 _a_ 前缀的普通可见图层,会在每一帧中显示。因此,共用的背景、边框或水印可以放在普通图层中。

这里可以使用顶部菜单栏里面的:

图层 → 动画 → Make Frames

将选中的图层转换为动画帧,自动添加相应的动画命名。



完成后,选择:

文件 → 导出为 → GIF

就能预览并导出 GIF 动图。


三、Photopea 批量加艾迪

然后重点来啦!

我前几天刚学会的批量加艾迪(感谢素月、深深、影子提供的教程),但是需要 PS。

Photopea 里面只能进行到一半。

那么问题来了,如果你只有两帧动画的情况下,用我这个邪修 Photopea 加艾迪挺快的。

如果帧数多的话……那你自己看着办吧。

第一步:制作变量

和 PS 里一样。

图像 → 变量

选择你要改的文字图层【茶茶】,将 Text Content 打上勾,然后填一个变量名【ID】。



它可以使用 CSV 数据,批量替换文字或者图片素材。

准备一个 CSV 文件,第一行是【ID】,下面填写要替换的艾迪。

例如:

  1. ID
  2. 艾迪1
  3. 艾迪2
  4. 艾迪3


然后选择 Data Sets,导入 CSV 文件。

最后在【Export as(导出为)】里面选择 PNG,并将文件命名设置为使用【ID】变量。

这样导出来的就是每张都带有不同艾迪的图片。

变量导出支持批量生成静态图,但不能直接通过这个流程批量导出不同 ID 的 GIF。



那么动态图怎么办?

我这个邪修的方法是分别输出不同的两帧 PNG,然后用 ImageMagick 把这两帧图合并为 GIF。


四、使用 ImageMagick 批量生成 GIF

1)先安装 ImageMagick

官网:https://imagemagick.org

可以使用 PowerShell 一键安装,打开 PowerShell,敲秘籍:

  1. winget install ImageMagick.Q16-HDRI


安装完成后,重新打开 PowerShell,执行下面的命令检查:

  1. magick -version


2)准备文件夹结构

  1. D:\gif_batch
  2. │
  3. ├─ F1\  (这里是睁眼的第一张图)
  4. │   ├─ 艾迪1.png
  5. │   └─ 艾迪2.png
  6. │
  7. ├─ F2\  (这里是闭眼的第二张图)
  8. │   ├─ 艾迪1.png
  9. │   └─ 艾迪2.png
  10. │
  11. └─ OUT\  (放合并的 GIF 图)


注意:F1 和 F2 里面对应的文件名要一致,图片尺寸也最好保持一致。

3)用 PowerShell 批量生成 GIF

  1. $frame1 = "D:\gif_batch\F1"
  2. $frame2 = "D:\gif_batch\F2"
  3. $out    = "D:\gif_batch\OUT"
  4. New-Item -ItemType Directory -Force -Path $out | Out-Null
  5. Get-ChildItem $frame1 -Filter *.png | ForEach-Object {
  6.     $name = $_.BaseName
  7.     $img1 = $_.FullName
  8.     $img2 = Join-Path $frame2 ($name + ".png")
  9.     $gif  = Join-Path $out ($name + ".gif")
  10.     if (Test-Path $img2) {
  11.         magick `
  12.             -background none `
  13.             -dispose Background `
  14.             -delay 25 $img1 `
  15.             -delay 25 $img2 `
  16.             -loop 0 `
  17.             $gif
  18.         Write-Host "已生成: $gif"
  19.     }
  20. }


解释一下这个脚本的大概意思

基本上你只要替换 $frame1、$frame2、$out 的文件夹地址就可以了。

-delay 50:每帧显示 500 毫秒。如果要修改动画快慢,就改这里。

-dispose Background:每帧结束后清除上一帧的显示区域。特别是透明背景图片,如果没有正确设置,第二帧可能会重叠第一帧。

-background none:设置透明背景。原 PNG 的是透明的背景的时候

总结就是:

frame1:第一帧图片

frame2:第二帧图片

out:自动生成的 GIF

-delay 25:每帧 250 毫秒

-delay 50:每帧 500 毫秒

-dispose Background:清除上一帧,避免图片叠加

-background none:设置透明背景(原 PNG 透明背景)

-loop 0:无限循环


所以,我做 2 帧 GIF 批量加艾迪的时候,就是 3 步:

第一步:生成第一帧的 PNG。

第二步:生成第二帧的 PNG。

第三步:执行脚本。

这就是为什么只推荐 2 帧 GIF 使用这个邪修方法。

如果帧多了,要生成的图片也就多了。

我没有 PS不知道 PS 需要几步,但在没有 PS 的情况下,这个够我用的了!

小暉暉、

ZxID:40967197


等级: 热心会员
人生就像蒲公英看似自由卻身不由己
举报 只看该作者 沙发   发表于: 昨天 22:22 0
实用
感谢分享
收藏了
谢谢辛苦制作
发帖 回复