
关于
提供创建针对 Slack 优化的动画 GIF 的工具集和知识。
name: slack-gif-creator description: "提供用于创建针对 Slack 优化的动画 GIF 的工具集和知识。" risk: unknown source: community date_added: "2026-02-27"
Slack GIF 创建器
提供用于创建针对 Slack 优化的动画 GIF 的工具集和知识。
Slack 要求
尺寸:
- 表情 GIF:128x128(推荐)
- 消息 GIF:480x480
参数:
- FPS:10-30(越低文件越小)
- 颜色数:48-128(越少文件越小)
- 时长:表情 GIF 保持在 3 秒以内
核心工作流
from core.gif_builder import GIFBuilder
from PIL import Image, ImageDraw
# 1. 创建构建器
builder = GIFBuilder(width=128, height=128, fps=10)
# 2. 生成帧
for i in range(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 加载和处理图片:
from PIL import Image
uploaded = Image.open('file.png')
# 直接使用,或仅作为颜色/风格参考
从零开始绘制
从零开始绘制图形时,使用 PIL ImageDraw 图元:
from PIL import ImageDraw
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)
不要使用: Emoji 字体(跨平台不可靠)或假设此技能中存在预打包的图形。
让图形看起来更好
图形应该看起来精致且有创意,而非基础。方法如下:
使用较粗的线条 - 轮廓和线条始终设置 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 Image
builder.add_frames(frames) # 添加帧列表
builder.save('out.gif', num_colors=48, optimize_for_emoji=True, remove_duplicates=True)
验证器(core.validators)
检查 GIF 是否满足 Slack 要求:
from core.validators import validate_gif, is_slack_ready
# 详细验证
passes, info = validate_gif('my.gif', is_emoji=True, verbose=True)
# 快速检查
if is_slack_ready('my.gif'):
print("Ready!")
缓动函数(core.easing)
平滑运动而非线性:
from core.easing import interpolate
# 进度从 0.0 到 1.0
t = 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)
常见需求的便捷函数:
from core.frame_composer import (
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)控制缩放因子
兼容工具
Claude CodeCursor
标签
前端开发