ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

slack-gif-creator - SKILL

slack-gif-creator - SKILL

name: slack-gif-creator
description: “A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack.”
risk: critical
source: community
date_added: “2026-02-27”

Slack GIF 创建器

一个提供用于创建针对 Slack 优化的动画 GIF 的工具包和知识库。

Slack 要求

尺寸:

  • 表情 GIF:128x128(推荐)
  • 消息 GIF:480x480

参数:

  • 帧率(FPS):10-30(越低文件越小)
  • 颜色数:48-128(越少文件越小)
  • 时长:表情 GIF 请控制在 3 秒以内

核心工作流

fromcore.gif_builderimportGIFBuilderfromPILimportImage,ImageDraw# 1. 创建构建器builder=GIFBuilder(width=128,height=128,fps=10)# 2. 生成帧foriinrange(12):frame=Image.new('RGB',(128,128),(240,248,255))draw=ImageDraw.Draw(frame)# 使用 PIL 图元绘制你的动画# (圆形、多边形、线条等)builder.add_frame(frame)# 3. 保存并优化builder.save('output.gif',num_colors=48,optimize_for_emoji=True)

绘制图形

处理用户上传的图片

如果用户上传了图片,请考虑他们是希望:

  • 直接使用它(例如"让这个动起来"、“把它拆分成帧”)
  • 将其作为灵感(例如"做类似的东西")

使用 PIL 加载和处理图片:

fromPILimportImage uploaded=Image.open('file.png')# 直接使用,或仅作为颜色/风格的参考

从零开始绘制

从零开始绘制图形时,请使用 PIL ImageDraw 图元:

fromPILimportImageDraw draw=ImageDraw.Draw(frame)# 圆形/椭圆形draw.ellipse([x1,y1,x2,y2],fill=(r,g,b),outline=(r,g,b),width=3)# 星形、三角形、任何多边形points=[(x1,y1),(x2,y2),(x3,y3),...]draw.polygon(points,fill=(r,g,b),outline=(r,g,b),width=3)# 线条draw.line([(x1,y1),(x2,y2)],fill=(r,g,b),width=5)# 矩形draw.rectangle([x1,y1,x2,y2],fill=(r,g,b),outline=(r,g,b),width=3)

不要使用:表情字体(跨平台不可靠),也不要假设此技能内置了预打包的图形。

让图形看起来更好看

图形应该看起来精致且富有创意,而不是简陋。方法如下:

使用更粗的线条- 轮廓和线条始终设置width=2或更高。细线(width=1)看起来粗糙业余。

增加视觉深度:

  • 使用渐变背景(create_gradient_background)
  • 叠加多个形状以增加复杂度(例如,内部带小星星的星星)

让形状更有趣:

  • 不要只画一个普通的圆——添加高光、圆环或图案
  • 星星可以有光晕(在背后绘制更大、半透明的版本)
  • 组合多种形状(星星+闪光,圆圈+圆环)

注意颜色:

  • 使用鲜艳、互补的颜色
  • 增加对比度(浅色形状上加深色轮廓,深色形状上加浅色轮廓)
  • 考虑整体构图

对于复杂形状(心形、雪花等):

  • 使用多边形和椭圆形的组合
  • 仔细计算点的位置以保证对称
  • 添加细节(心形可以有高光曲线,雪花有复杂的分支)

要富有创意和细节!一个好的 Slack GIF 应该看起来精致,而不是像占位图形。

可用工具

GIFBuilder(core.gif_builder)

组装帧并针对 Slack 进行优化:

builder=GIFBuilder(width=128,height=128,fps=10)builder.add_frame(frame)# 添加 PIL Imagebuilder.add_frames(frames)# 添加帧列表builder.save('out.gif',num_colors=48,optimize_for_emoji=True,remove_duplicates=True)

验证器(core.validators)

检查 GIF 是否符合 Slack 要求:

fromcore.validatorsimportvalidate_gif,is_slack_ready# 详细验证passes,info=validate_gif('my.gif',is_emoji=True,verbose=True)# 快速检查ifis_slack_ready('my.gif'):print("就绪!")

缓动函数(core.easing)

实现平滑运动而非线性运动:

fromcore.easingimportinterpolate# 进度从 0.0 到 1.0t=i/(num_frames-1)# 应用缓动y=interpolate(start=0,end=400,t=t,easing='ease_out')# 可用:linear, ease_in, ease_out, ease_in_out,# bounce_out, elastic_out, back_out

帧辅助函数(core.frame_composer)

针对常见需求的便捷函数:

fromcore.frame_composerimport(create_blank_frame,# 纯色背景create_gradient_background,# 垂直渐变draw_circle,# 圆形辅助draw_text,# 简单文本渲染draw_star# 五角星)

动画概念

抖动/振动

通过振荡偏移对象位置:

  • 使用math.sin()或math.cos()配合帧索引
  • 添加小的随机变化以获得自然感
  • 应用于 x 和/或 y 位置

脉冲/心跳

有节奏地缩放对象大小:

  • 使用math.sin(t * frequency * 2 * math.pi)实现平滑脉冲
  • 对于心跳:两次快速脉冲然后暂停(调整正弦波)
  • 在基础大小的 0.8 到 1.2 之间缩放

弹跳

物体下落并弹起:

  • 落地时使用带easing='bounce_out'的interpolate()
  • 下落(加速)时使用easing='ease_in'
  • 通过每帧增加 y 速度来应用重力

旋转

围绕中心旋转对象:

  • PIL:image.rotate(angle, resample=Image.BICUBIC)
  • 对于摇摆效果:使用正弦波控制角度而非线性变化

淡入/淡出

逐渐出现或消失:

  • 创建 RGBA 图像,调整 alpha 通道
  • 或使用Image.blend(image1, image2, alpha)
  • 淡入:alpha 从 0 到 1
  • 淡出:alpha 从 1 到 0

滑入

将对象从屏幕外移动到目标位置:

  • 起始位置:帧边界之外
  • 结束位置:目标位置
  • 使用带easing='ease_out'的interpolate()实现平滑停止
  • 需要过冲效果时:使用easing='back_out'

缩放

缩放并定位以实现缩放效果:

  • 放大:从 0.1 缩放到 2.0,裁剪中心
  • 缩小:从 2.0 缩放到 1.0
  • 可以添加运动模糊增加戏剧效果(PIL 滤镜)

爆炸/粒子爆发

创建向外辐射的粒子:

  • 生成具有随机角度和速度的粒子
  • 更新每个粒子:x += vx,y += vy
  • 添加重力:vy += gravity_constant
  • 粒子随时间淡出(降低 alpha)

优化策略

仅在要求减小文件大小时,实施以下几种方法:

  1. 更少的帧- 降低帧率(10 而非 20)或缩短时长
  2. 更少的颜色- 使用num_colors=48而非 128
  3. 更小的尺寸- 128x128 而非 480x480
  4. 移除重复帧- 在 save() 中使用remove_duplicates=True
  5. 表情模式-optimize_for_emoji=True自动优化
# 表情最大优化builder.save('emoji.gif',num_colors=48,optimize_for_emoji=True,remove_duplicates=True)

理念

此技能提供:

  • 知识:Slack 的要求和动画概念
  • 工具:GIFBuilder、验证器、缓动函数
  • 灵活性:使用 PIL 图元创建动画逻辑

它不提供:

  • 僵化的动画模板或预制函数
  • 表情字体渲染(跨平台不可靠)
  • 内置在技能中的预制图形库

关于用户上传的说明:此技能不包含预制图形,但如果用户上传了图片,请使用 PIL 加载并处理它——根据他们的请求判断是直接使用还是仅作为灵感。

要有创意!组合各种概念(弹跳+旋转、脉冲+滑入等)并充分利用 PIL 的全部能力。

依赖

pipinstallpillow imageio numpy

何时使用

此技能适用于执行概述中描述的工作流或操作。

限制

  • 仅当任务明确符合上述范围时使用此技能。
  • 不要将输出视为特定环境验证、测试或专家审查的替代品。
  • 如果缺少必需的输入、权限、安全边界或成功标准,请停下来询问澄清。
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进