恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
用 AI 让公司吉祥物变为表情包,焕发第二春~
0.0°
昨天 原创文章 教程 举报 70 0 0 0

年初,ChatGPT 生成的公仔盲盒图一度走红,后来 Gemini 生成的人物手办图也大火,都玩了一下,感觉很有意思,于是想为我们公司的吉祥物制作一套 3D 版本。

公司的吉祥物最初由外部设计公司设计,只有平面 2D 形象和不多的一些造型,在公司反响平平,平时在设计中大家也不是很喜欢。由于造型不多,使用限制也很多 —— 比如需要做羽毛球通知海报时,却没有打羽毛球这个造型。

原始的吉祥物形象

AI 转 3D + 多造型

制作完 3D 版,感觉不错,于是又尝试做了一套动态表情包,上架到了微信表情商店。

全套 20 个


微信扫码体验

分享一下我的制作过程。


所需工具:


  • 豆包(平面形象转 3D)
  • Grok(图片转视频,需科学上网)
  • AE(裁剪视频、调整尺寸)
  • PS(视频导出 gif 格式)


以上 4 个工具都有同类可替代:

  • 豆包 → 可灵、千问、Gemini 等等
  • Grok → 豆包、千问、可灵、即梦 等等
  • AE → PR
  • PS → 视频转 gif 工具皆可



核心流程:


  • 平面形象转 3D
  • 3D 图生成多造型
  • 添加环境背景
  • 图片转视频、导出 gif


AI 生图虽然快,效果也确实很好,但经常 “自由发挥”—— 多根手指、少个装饰,甚至擅自修改造型,而且有时候 AI 死活不听指令,所以为了保证角色一致性,另外得自己 PS 手动调整,“AI 生成 + 手动精修” 才是保证角色一致性的关键。


步骤详解:


一、平面形象转 3D


使用吉祥物正面、全身视角、白色背景的图,尽量把关键特征展示出来,比如手指数量、装饰等。

手指数量很关键,比如卡通人物可能是 4 指,AI 改造型时候,手指数量经常出问题,AI 有时候又不听指令,得手动去修改。

注意:给 AI 的平面参考图去除阴影、品牌 logo 等多余元素,避免转 3D 时产生干扰。

前前后后尝试了很多次才得到了满意的效果


为什么要去除品牌 logo?为什么不直接用带 logo 的图去转 3D?

主要担心转 3D 过程中 logo 可能会失真,尤其我们公司是文字类 logo。

 本文虽然是介绍做表情包,但是作为设计师,要考虑到衍生的吉祥物还会用于其他的设计上,比如实体海报,尺寸会很大,logo 失真了会有影响。 所以我建议转完 3D 后,自己手动 P 上 logo。

实际应用(右边的还是毛绒绒版的初稿)


我的豆包指令给你们参考:

将吉祥物转换为 3D 效果,光滑的哑光材质,光线柔和自然。只改变材质,造型和参考图一致,别的都别动!输出图片为正方形。

多试几次,找找自己满意的风格,也可以找喜欢风格的参考图让豆包照着做。因为后面的步骤都是以此图为原型去生成其他造型,所以这个图比较关键。

指令记得添加输出图片比例的要求,这样每次出图都是固定比例。微信表情商店要求表情包为正方形,而且正方形尺寸公仔主体一般会避开豆包水印。

生成出 3D 版本,把白色背景、阴影都抠除(如果有),导出一个只保留主体的透明 png 图,命名为「公仔原型图」,传到豆包云盘里面。

豆包云盘


这样有 2 个好处:

  • 每次都是基于此图来生成其他造型,会相对统一一些;
  • 因为豆包经常会抽风,图片上传经常进度一直是 0,从云盘直接调用,不用每次都上传。


在 PS 里面添加阴影,导出透明 PNG 格式,保存一份,以后可用在海报、PPT 里面。

推荐一个制作阴影的 PS 插件 —— Shadowify 2。

Shadowify 2 插件


二、生成多样造型


点开豆包云盘,鼠标移入「公仔原型图」,点击「问问豆包」生成新造型。


注意事项:

连续对话修改图片,豆包每次修改都是整张图重绘,会降低画质(对于真实人像的面部尤为明显,多次修改后,五官已经失真)。所以尽量不要在一个对话中多次修改,如果生成的造型一直不满意,建议保存相对最满意的一张,开启新对话来修改。

每次生成的图片尺寸 / 比例一致的话,方便后期手动修改。

比如我生成的这张摸鱼造型,第一次是 5 指,不符合要求,让 AI 修改为 4 指,结果他 “自作主张” 生成了一个 wink 表情。用指令让豆包去把眼睛睁开,可是他又一直不执行命令,这时候自己 PS 里面修改会更加快。因为图片尺寸、比例一致,公仔的各部位在图片中位置是一样的,PS 里面叠加两张图,使用蒙版擦除,只保留你需要的部分(眼睛)即可。

作为设计师,蒙版擦除就不用我多介绍了吧。


三、添加背景(可选)


由于无法生成透明背景视频,除非视频抠图,否则无法导出透明表情包,但是视频抠图工作量巨大。我又不喜欢表情包有纯白色背景,所以添加了环境背景。

注意,主角在背景图里面不能太贴边,不然转视频的话,主角动起来容易被镜头裁切。

指令用自然语言描述即可,这个没什么说的。

添加背景完成后,手动 P 上品牌 logo,用于后续图片转视频制作表情包。

表情包因为尺寸很小,240*240px,AI 转视频 logo 失真了问题也不大,本身也看不太清,但是可以大概看出来有个 logo。


四、图片转视频


我是用的 Grok(需科学上网),用同类工具也可(如通义千问、豆包、可灵等等),都大差不差,就是出视频的时长有区别,按需选择。

指令开始时候可以简单一些,比如「让公仔拿起桌上的咖啡喝一口」,生成的视频如果不满意就逐步增加指令,一般完整的指令包含:镜头角度、镜头距离、是否固定焦距、环境、光影、嘴巴是否说话、面部表情等等。

给一个我用的指令:

他坐在地铁座椅上,双手拿着手机,低头看着手机,面无表情,身体随着地铁的运行而有所倾斜,然后又回正。地铁窗户外有一闪而过的广告灯箱,表明地铁正在运行。嘴巴不要说话,不要抬头,眼睛的样式保持原样的黑白风格,动作幅度不要大,不要增加睫毛、眼影,不要有其他多余的动作!固定镜头位置和焦距。

坐地铁玩手机表情包

坐地铁的表情包生成了很多个,删掉了一些明显不符合要求的还剩 17 个


嘴巴是否说话这个挺重要,不然生成一个默默看手机的画面,结果嘴巴一直说话,就很违和。其他的按照自己的实际需求来写。

注意,整个动作时间(不是视频时间)不能太长,不然导出 gif 会很大,微信表情平台限制 gif < 500KB。


五、导出 gif 表情包


AE 视频处理:设置画布为 240*240px,帧率 10fps,帧数大概 18 帧(不到 2s)。

因为微信表情平台限制 gif < 500KB,降低帧率可以让表情包时长更长一些,也可以加速视频来降低 gif 大小。

帧率和帧数可以根据 gif 大小调整。

表情包要注意最好首尾帧接近,这样看起来像无缝循环。

表情包除非含义很明确,否则建议不要加文字,因为可能会被限制使用场景。同一个动作、表情,可以有不同的理解。

比如微信的捂脸哭表情包,可以作为「大哭」,也可以作为「无奈」、「尴尬」等含义。


PS 把视频导出 gif:

设置颜色 256 色、循环选项为 “永远”,其他参数都可以默认。(颜色选 128 色可减小文件体积)

PS 里面可以录制动作(PS - 窗口 - 动作 - 创建新动作,这个自己可以搜一下教程),后续拖入视频后,可一键导出 gif 表情包格式。



Powered by Froala Editor

更新:2025-12-15

收藏

0人已收藏

小小作图仔

生活总是充满意外,比如,你以为我要举个例子

  • 18

    作品

  • 53

    粉丝

  • 40

    关注

  • 无线耳机助手APP 重设计
  • 一些近期做的动效合集
  • Carlife APP 设计
  • 海绵车服 APP
相关标签
教程表情包

    猜你喜欢

      昨天 原创文章 教程 举报 70 0 0 0

      用 AI 让公司吉祥物变为表情包,焕发第二春~

      0.0°

      你确定要举报用 AI 让公司吉祥物变为表情包,焕发第二春~

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2025年12月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录