Photopea:用懒猫做照片处理

https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.ps 我被懒猫官方欺骗了。 这个应用叫Photopea，本身也有一个好看的icon，但不知为什么在上架应用时使用了Photoshop的图标。导致我一度认为这是一个拙劣的山寨PS应用，所以在一段时间内就没打算安装和试用它。 由于我在本地PC上都不再使用Photoshop了（功能越来越乱，还总计较盗版），但有时也想用PS的体验简单处理一些图片，所以就打算试一下这个我心目中的“拙劣山寨版”。 然后就被惊艳了。  体验后总的来说，这确实可以被理解为Photoshop的山寨，因为定位和很多体验都一致。 但它绝对不能算是“拙劣的”，而是相当出色。 Photopea并不是我之前凭图标印象理解的简陋版PS，而是在相当高仿的程度上增加了自己的特色。从新建文件的界面就可以看出开发者并不是以简单复现PS的功能为目的，而是做了很多具有自己特色的思考和优化。 这次我仍然打算制作一个封面图片，所以尺寸仍然设置为大致的3:2,在设置了600x400之后，在窗口左侧的模板形状做了横向图片的适配变动，这个细节很好，但本次将主要尝试图片处理的功能，其他的绘制功能部分打算往后放一放（加上我本来也不是很喜欢PS的绘制体验），所以先不试用模板，而是直接新建空白文件。  # 导入图片 进入基本界面后，发现基本操作好像不需要说太多，因为整个界面几乎完全沿用了Photoshop的功能布局，甚至连快捷键都是一致的。也就是说只要你会用PS，就能够毫无障碍地使用Photopea。  导入图片很简单，直接从网站上拷贝并粘贴到app中即可。 导入一张光线不是很完美的图片（虽然光线不完美，但图片仍是由AI生成的，不侵权），图片变形的快捷键果然是Ctrl+t，而且有很好的对齐辅助线，我将这张图片放在左半侧，以做为原图对比。  按住Alt拖动（都是PS习惯）复制图层作为右边的“完成图”对比，后续的修改都将在这张图上进行。  # 调色 按Ctrl+L开始调色的万年第一步：色阶。  然后取消，因为CS版之后的PS其实建议使用单独的调整图层，而不是直接调整原图。所以从图层面板最下方打开菜单添加色阶调整图层。 因为是AI图所以这里的[Auto]自动调整通常是无效的（AI会尽可能注意色彩和光度均衡）。 适当放弃一点黑场和白场，并降低灰场（就是直方图“山底下”那三个小方块），这样可以使整体的光度更明快一点，人物的肤色也会更亮。  然后建立色彩平衡调整层，Photopea的控件并没有PS那样的滚动条，但在空白处同样可以用鼠标拖动改变数值。分别针对阴影和光高进行偏色处理。由于只是测试功能，所以我并不打算保留原来的怀旧感，甚至有点偏色也不要紧。因为从某种审美角度原本的图就已经相当不错了，不矫枉过正的话应该看不太出效果。   对于肤色泛黄或泛黑的人来说，美白的决窍其实不是提高饱合度，反而应该适当降低。在这里我下调了25点之多，甚至加了一点明度，无疑色彩的细节会丢失，但肤色看上去细腻多了。  最后一步是曲线大法，曲线会严重破坏直方图的连续性，使色彩产生断层，在高质量印刷时不推荐。但它可以自由强化或减弱特定亮度区域的对比度，在这里可以凸显出更多黑色衣服上的细节。  # 修复 由于是AI图，放大时可以发现手背上多了一条多余的手指，同时垂下的只有四根手指。这里先试用一下自动修复工具是否与PS的效果相近。  使用了自动修复和印章及涂抹工具后，手看上去稍自然了一点。  使用“液化”滤镜进行少量瘦脸美颜，结果好像差不太多了。   # 合成 最后试一下合成效果， 使用对像选择，轻松抠出Logo。   给页面加一个撞色的紫色叠加层。  随手加上文字，堆一点简单特效，搞定。  Photopea可以将文件直接保存为PSD格式，使用导出也可以简单保存为png或jpg等，同时它甚至支持Figma等更加特殊的格式。 --- 总之，像这次这种简单的照片处理和文字排牌，对于Photopea来说感觉是游刃有余，如果你熟悉Photoshop，则完全可以用它当平替。 更妙的是，Photoshop的桌面端是无法在移动端使用的，而Adobe家的移动端体验实在奇葩功能又少，可Photopea完全可以在平板电脑上使用。 所以虽然懒猫官方在app图标上欺骗了我，但还是要感谢产出了懒猫这个产品，并移植了这么好的应用🌚

Photopea进阶：5分钟图像合成

AI时代，“原始”的图片合成技术快要被人遗忘了，偶然在群里被小E的一张图引发了灵感，有点技痒难忍了。  ### 怎么办？马上动手！ 下面我会偷懒猫的图片，用Photopea制作一张合成图片。 https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.ps 首先生成了一张AI图（见后），复制到剪贴板中。 然后让我们在懒猫中打开~~Photoshop~~……Photopea，直接将剪贴板中的图片粘贴过来可以跳过新建的过程，直接建立文件。  再去懒猫微服的主页，把首页上这张懒猫设计师用心抠好的图偷来。  |贴粘进画面，发现分辨率足够。|Ctrl+T将图片变换到合适的位置，刚好挡住原图中的宇宙魔方。| |---|---| ## 下面的内容是我二三十年打遍天下的独家抠图秘技，传猫不传狗，有缘人如果学到了还请保密。 |给懒猫的图层加一个空白的遮罩，确定你选中的遮罩而不是图像|选择一个虚边的画笔，使用黑色在遮罩上绘画| |---|---| 你会发现黑色画过的地方图片变得透明，多画一点没关系，要露出手指|按X键切换为白色，白色可以修补遮罩恢复图片，仔细描出手指的边缘 |---|---| 为了真实感，要给手指加上一点阴影 按住Ctrl点击画好的遮罩，遮罩白色部分被设为选区，这样不会修改到手指|新建一层随手画上阴影，设置为“正片叠底”并降低不透明度 |---|---| 到这一步，其实图已经基本做好了，但本着精益求精的目的，我们再做一些修改。 不想要蓝色的光芒，Ctrl+Shift+I反选选区|给底层增加一个色相/饱合度调整层，将色相改为橙色 |---|---| 发现懒猫太“美白”，与原图光线不配合，没关系，再次按住CTRL先选择盒子层的遮罩选择手指之外的部分，再按住CTRL+SHIFT+ALT点击盒子的图层，就可以交叉选择只选中盒子本身。给它加一个色阶调整层，拖动中间灰阶让它变暗一点。  现在才发现要改？别担心，抠图的遮罩随时可以修改。 什么？懒猫有点太大了？也没关系，你仍然永远可以调整。 关掉图层与遮罩的链接，改变图层时就不会影响抠好的手指区|多余的背景魔方可以用创可贴工具修补掉 |---|---| 如果你想画蛇添足再加一些光效，也可以这样做： 用橙色随便画一个光晕，设置为强光半透明|用白色再随手画几条闪电，可以在懒猫的上层和下层各画一些 |---|---| 给闪电加上蓝色的光晕层特效，Powerful的氛围就营造出来了。  这样，一张图就轻松合成好了，比我写这个攻略本身还要快得多。 你学会了吗？ --- 另：如果你需要练习，这里是生成底图的提示语（很简单） >white armored ironman holding a tesseract white cube device, marvel movie 也可以直接可以下载这张源图，但仅供个人练习，不建议商业使用，因为会侵权。 

手把手一起做攻略封面（Photopea进阶体验）

# 说真的，别再用简陋的图当封面了。 有的应用界面或LOGO非常好看，简单放上去蛮不错的。可有的技术类应用本身界面就是一团糟，做成封面又会被裁切，本强迫证看了实在是有点受不了。 下面我会用我另一篇攻略《懒猫极简制作曲谱》的封面做一个示例，然后再顺手做好这一篇的封面。 你可以在本文中学到一些很基础的设计流程和理念，以及了解Photoshop类软件的操作技巧。 首先还是祭出懒猫中的“高仿Photoshop”————Photopea. https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.ps 如果你感兴趣，也可以看一下我的前一篇关于Photopea的攻略：[《Photopea:用懒猫做照片处理》](https://lazycat.cloud/playground/#/guideline/698) # 开始做封面 |攻略封面大约是3:2，我这里直接选用一个YouTube封面的预设，应该差不太多：|导入一张图片，这里是我用Midjourney生成的一张图：| |---|---| 顺便把这张图的提示语放出来，如果你想试用算力舱生图也不妨可以试试： ```Midjourney prompt jazz-blues vibe, 70's bar, kawaii, tiny girl toy doll sitting on a slowly turning vinyl record singing sadly, night, dark light, a black cat sitting by her side, a huge red wine glass goblet to show their mini size, lazy, charming vibe, micro-photograph ``` |由于封面还是要明快一点，所以增加一个色阶调整层，只移动灰场让它稍微变亮一点：|贴入第一张素材图，是软件1的截图。| |---|---| |贴入第二张素材图，是软件2生成的曲谱。|将截图一拉到屏幕宽度，分辨率被拉低不必太在意。| |给它加一个遮罩层，拉一个透明渐变。|使用“强光”复合模式，这样只有最亮的音轨部分突出，不会遮住唱片。| |把乐谱放大，因为是SVG，所以不会被降低分辩率。|SVG在变形之前需要栅格化转为位图，不然会产生意想不到的变化。| |Ctrl+T开始变形，在上方工具条选择“变形”，将乐谱拉成波浪的形状。|Ctrl+I取反，把黑色变成白色。| |选用“叠加”模式，闪亮的音符就做好了。|开始加入大标题，用白字，但需要多加一个阴影，这样不会被背景中的白色干扰文字。| |加入橙色的副标题，与主画面色调呼应，同样加一个阴影。|将前四个字缩小，这样既突出关键目标，又不会遮住太多人物 ~~（的美腿）~~| 一个封面图就做好了。  --- # 等等还没完…… 不套娃怎么能做这篇攻略的封面？ |重新建一个文件，同样大小，拖入一张新的封面图。|再拖入刚才做好的封面图| |---|---| 顺便这张新背景图是用Niji-journey生成的，提示如下： ```Niji-journey prompt anime illustraion, of an anime style cute girl who is wearing a teal colored pea-pod-shaped outfit, with swirling spouse, drawing on a very big drawing tablet, the scene focus on the tablet with prespective angle, beautiful view, full body ``` |Ctrl+T变形旋转到大致合适的角度|按住Ctrl再拖边角，可以产生透视效果，让它刚好与画板适配| |---|---| |给小封面加一个遮罩，调低透明度|然后用黑色在遮罩上画要遮掉的部分，这样比用橡皮擦好多了，不会破坏原图。| |如果有地方遮多了，只要用白笔就可以复原|最后恢复透明度| |适当调亮小封面并加入渐变，模仿屏幕反光|画上手臂的影子| |修改影子复合模式和深度|整体给小封面加一个内阴影，模仿屏幕边缘| |开始加文字，文字如果能与画面互动，会是很好的海报设计|加上适当的特效| |把后面的字用笔遮掉一点，产生前后层次感|把Photopea logo放在手臂上当纹身（稍微画蛇添足也没什么不行），再加入副标题| 这样做出的海报，文字与漫画的立体空间相配，产生了更多的层次感和表现张力。  你学会了吗？