跳转到内容

表情制作

在表情制作工具中,选择本站表情图片,添加和排版自己的文字,再下载合成后的 PNG。打开网页即可使用,无需安装创作工程。

  1. 打开选择表情。
  2. 在弹窗中选择日文、英文、繁体中文、简体中文、韩文或无字,再点击一张表情卡片。选择后弹窗关闭,图片进入预览区。
  3. 在文字中输入短句,选择排版方向、字体、文字大小和颜色。
  4. 在预览中拖动文字调整位置。需要精确控制时,展开位置与描边,调整坐标、旋转和描边。
  5. 选择导出尺寸,点击导出 PNG。

手机上,选图入口和图片预览保持可见,编辑区单独滚动。在编辑区内滑动即可找到后续设置。编辑会自动保存为当前浏览器的本地草稿。重新打开工具时会恢复图片和文字图层;下载的 PNG 保存合成后的画面。

新建表情默认使用无字。选择原图语言时,默认跟随当前页面语言;手动选择其他语言后会保留该选择。点击弹窗右上角关闭按钮或按 Escape 可关闭选择器。

五种语言和无字位于选择表情弹窗中的同一组选项。它们切换要编辑的图片版本,页面界面的语言保持原样。例如,中文界面中也可以选英文原图。

卡片标注实际使用的图片版本。部分素材由多个语言共用,会保留同一张原图。无字显示当前可用、经过审核的素材,因此它的列表可能与各语言原图不同。选回一种语言即可继续使用带有原文字的图片。

添加文字时,底图中的原有文字仍属于图片。修改文字输入框会编辑你新添加的内容。要替换已有文字,可以选无字素材,或使用下文的文字背景。

工具从本站表情目录选图,不提供图片上传。字体栏旁的导入按钮用于导入本地字体。

每个文字层分别保存内容、字体及可用字重、颜色、描边、位置、旋转、横竖排和背景。图片上需要多处文字时,为每个区域建立一层。

控件操作
图层根据编号和内容片段选择图层,列表优先显示靠前的图层。
新增文字建立并选中一个空文字层,沿用当前文字样式,背景默认关闭。
图层操作 → 复制文字层复制当前层的文字与样式,包括背景;副本稍微错开,方便继续摆放。
图层操作 → 删除文字层删除当前文字层。工具至少保留一个文字层。
上移一层/下移一层将当前层在绘制顺序中向前或向后移动一层。
重置所选图层重置文字样式并保留内容;选择图片层时,恢复居中、100% 缩放和零旋转。

从图层中选择表情图片,即可移动、旋转和缩放图片。图片缩放范围为 10%~300%;100% 按有效原图尺寸放入 512 像素的正方形画布,小原图居中并留透明边。图片可与文字一起上移或下移,预览与 PNG 使用相同层序。工具保留一个图片层和至少一个文字层。

最多可建立 12 个文字层,每个文字框最多 500 个字符。在预览中点击文字区域可以选中并拖动该层;区域重叠时,优先选中上面的层。要调整被遮住的文字,从图层下拉框选择它。

展开位置与描边可精确设置位置。水平和垂直坐标使用画布百分比,旋转使用角度。预览获得焦点后,方向键每次移动一个百分点,按住 Shift 则移动五个百分点。图层居中将当前层的定位点放到画布中央。

排版方向有横排、竖排 ←和竖排 →。箭头表示列的排列方向:向左时从右侧开始排下一列,向右时从左侧开始排下一列。

竖排中,换行会另起一列,较长内容也会分列。中日韩文字保持直立,拉丁文字连续片段侧转,一到两位 ASCII 数字可以横向放在一个字格内,标点随竖排列调整位置或旋转。各文字层可以使用不同方向。

预览、点击命中和 PNG 使用同一套排版。混合不同文字或输入较长内容时,结合预览调整字号和位置。

从字体中选择字型,等待加载完成后导出。字体选项的用途和可用字重如下:

字体用途与字重
YurukaStd参考的 Sekai 表情工具使用的字体,提供的字型为 UB,真实字重 900。
SSFangTangTiSekai 工具使用的上首方糖体,提供的字重为 400。
Roboto可变字重 100–900。
思源黑体 SC/TC/JP/KR各地区 CJK 无衬线字体,可变字重 100–900。
思源宋体 SC/TC/JP/KR各地区 CJK 衬线字体,可变字重 200–900。
原作运行时 UI · Pretendard SemiBoldOur Notes 运行时 UI 字体,真实字重 600。

支持可变字重的字体会显示字重控件,初始使用最粗的可用字重。固定字型沿用自身已有字重。字体覆盖的字符范围各有不同;遇到缺字时,可选择对应地区的字体。

Sekai 字体说明参考工具的文字样式,Pretendard 说明运行时 UI 的字体用途。Our Notes 原图中的表情文字已经绘制在图片里,其制作用字体尚未确认;这些选项不代表已确认原图文字使用了同一字型。

点击字体栏旁的导入本地字体,可从设备选择 WOFF2、WOFF、TTF 或 OTF 文件。字体按文件名加入选项,在当前页面使用,单个文件上限为 32 MiB。重新进入工具后,需要再次导入。

文字颜色菜单提供角色名字、头像和实际代表色色样。表情关联的角色可以提供初始颜色,也可以自由选择其他角色,或切换到自定义颜色。每个文字层分别保存自己的颜色选择。

为当前层展开位置与描边 → 文字背景,启用背景后,选择角色色或自定义背景色,并调整:

  • 背景不透明度:100% 为不透明,降低后可透出底图。
  • 背景内边距:文字实际字形及描边之外的留白,默认 0,边缘贴近文字。
  • 背景圆角:背景矩形四角的圆弧大小。

背景跟随该层的位置和旋转。将它移动到旧文字区域,结合预览检查覆盖范围。它作为文字层的矩形绘制在底图上,原始图片仍保留在下方。切换回无背景即可去掉矩形。

描边颜色和宽度也在这一折叠区内。预览中的选中框用于编辑定位,下载的 PNG 不包含这个框。

编辑后,工具会在当前浏览器保存所选表情、图片语言、图片的位置与缩放、各文字层样式及绘制顺序。重新打开工具时,等待素材加载即可恢复。草稿菜单也可恢复上次保存的内容或清除本地草稿。

草稿保存在这台设备的浏览器里。清除浏览器站点数据会删除它;它不会自动同步到其他设备。自己导入的字体文件需要重新导入,字体缺失时会提示。原表情资源不可用时,检查图片提示并重新选择素材,文字层仍可继续编辑。PNG 导出保存最终合成图,草稿保存可编辑设置。

导出尺寸提供 128 × 128、256 × 256、384 × 384 和 512 × 512 四档。画布始终为正方形,最大下载尺寸固定为 512 × 512。

346 × 398 的小原图默认按该尺寸居中放在 512 × 512 画布上,四周留透明边;较大原图会缩小以放入画布。构图时可主动调整图片缩放,放大图片会改变画面占比,原始细节仍取自来源图片。

较小档位会整体缩小图片、文字、描边和背景。导出开始时会取得所有图层的设置和顺序,按同一绘制逻辑合成并保留透明部分。预览选中框不进入 PNG;下载的文件保存合成后的图片。

  1. 在选择表情中选择一个当前可用的无字素材。
  2. 在第一层写一句短句,使用横排,选择字体和角色色,将它拖到角色上方。
  3. 点击新增文字,输入侧边补充文字,切换到竖排 ←,再放到角色旁边。第一层保持原样。
  4. 如果两个区域重叠,从图层选择需要的层,用上移一层/下移一层调整覆盖顺序。
  5. 导出512 × 512 px作为主文件;需要小尺寸表情时,再选较小档位下载。
现象处理方法
图片加载失败点击重试,或重新打开选择器换一张可用图片。
字体加载失败重试或换一种字体,加载完成后再导出。
某个字缺失或外观不同换成覆盖该文字的地区字体,或导入合适的本地字体。
文字超出画面选中该层,缩小字号、调整位置,或使用图层居中。
点不到下方文字从图层选择,或调整图层顺序。
原图旧文字仍可见使用无字素材,或把不透明文字背景放到旧文字区域。
菜单没有更大的尺寸选择512 × 512 px,即最大构图尺寸。