指南

用照片制作 Codex 皮肤,又不把工作盖住

十分钟能把照片变成皮肤。让它一小时后还能读,需要多几个决定。

CodexSkin 编辑部 · 2026年10月20日 · 10 分钟阅读

设计师桌面俯拍:空白照片、色卡与笔记本
照片是原料,构图才是产品。

快速回答

用照片制作 Codex 皮肤:选有权使用的图片,裁成横向,把主体移出中心,压暗背景,文字对比度保持 4.5:1,导出纯数据配方。然后通过审查过的引擎安装,测长任务、差异和恢复路径。

先看权利,再看构图

你需要有权把这个照片用于你要做的皮肤。个人使用是一回事,发布、分享或售卖皮肤是另一回事。朋友照片、街拍、演唱会照片或电影截图,不自动等于你可以再分发。

最安全的来源是自己拍的照片、委托时拿到宽许可的图片,或模型条款允许预期用途的生成图。把源文件和许可备注放在项目里,以后能回答这个问题。

选一张裁完还能看的照片

好的皮肤照片是横向、简单、中间安静的。风景、室内和材质比人像容易。用人像就把脸放边缘,把中间留给任务文字。

避开中间有文字、Logo、硬对比和小细节的图。它们会和每一行代码打架。缩略图看着平静的照片,通常更适合。

把阅读列让出来

打开免费工作室,载入照片。移动图片,让主体落在中央阅读列之外。先调水平和垂直位置,再考虑裁切;以后换图也可以保留设置。

中间不需要空,只需要安静:低局部对比、没有文字、没有人脸、没有硬边。柔和渐变或深色区域,比一张靠模糊抢救的忙碌图更好。

先压暗,再模糊

暗度是工作室里最有用的控件。它降低图片亮度,又不破坏结构。模糊是第二工具,不是第一反应;过度模糊会把背景变成浑色,让面板显得脏。

实用顺序:定构图,提高暗度直到文字能读,再少量加模糊。面板透明度最后调。面板消失就提高透明度,不要继续压暗。

量对比度,再相信眼睛

工作室会计算文字与表面、控件与强调色的对比度。正文目标 4.5:1,控件 3:1。这是最低线,不是目标值。舒适的阅读主题通常更高。

数字抓不住所有问题。暖色可能看起来比测量值更亮,忙碌图片即使比例通过也会让文字显得吵。看一段密集差异和一段长文,再调。

免费对比度检查器

导出之前,先量这一对颜色。

16.38:1文字与表面AAA 对比 · 目标 4.5:1
8.41:1强调色与表面AAA 对比 · 目标 3:1
比例基于你输入的颜色,不是渲染后的图片。请在工作室用真实差异确认。

导出能复现外观的最小文件

工作室可以复制原生颜色主题,也可以导出声明式配方。原生主题最适合分享;配方多了背景图和设置。两者都不应该包含可执行代码。

分享前打开归档看一眼。纯数据配方包含清单、主题设置、WebP 背景、预览、许可说明和摘要。看到 JavaScript、Shell 命令或安装器,就停下,把它当软件。

通过审查过的路径安装

安装和制作是两步。用对应系统的上游入口,读当前说明,验证官方应用。不要改 app.asar、代码签名、API Key 或供应商设置。

安装后打开首页、长任务和差异。文字还能读,皮肤就成立。然后跑一次恢复。撤不掉的皮肤不算完成品。

六个毁掉照片皮肤的错误

这些都能在工作室里修,安装后都会变贵。模式是一样的:用真实界面决定,不用缩略图决定。

  • 用了没有分享权利的照片。
  • 把脸或高细节主体放在任务文字后面。
  • 用模糊抢救构图,而不是移动裁切。
  • 强调色过不了控件对比度。
  • 导出前没测真实差异。
  • 预览好看就跳过恢复检查。

FAQ

任何照片都能做 Codex 皮肤吗?

不能。你需要有权把照片用于预期用途,发布或售卖时尤其重要。用自己的照片或许可覆盖再分发的图片。

照片多大合适?

长边至少 1600 像素,构图 16:10 或更宽。这样面板有空间,主体也不会被拉伸。

工作室会上传照片吗?

不会。解码、裁剪、取色、预览和打包都在浏览器里完成,图片不会发给 CodexSkin。

模糊要加多少?

先不加。提高暗度,只有背景还在抢注意力时才少量加模糊。过度模糊会制造浑色,掩盖图片结构。

用自己照片做的皮肤能卖吗?

如果你拥有照片权利,皮肤也没有复制别人的角色、品牌或作品,可能可以。卖之前看许可和平台条款。

导出后文字难读怎么办?

提高暗度或面板透明度,降低中间背景细节,提高文字对比度。重新导出,安装前测密集差异。

来源与延伸阅读

下一步

试用免费工作室

每篇指南配一张真实图片都更好懂。打开工作室,载入预设,测试三个界面。

打开免费工作室