Criador de GIF para Slack

Um conjunto de ferramentas que fornece utilidades e conhecimento para criar GIFs animados otimizados para o Slack.

Requisitos do Slack

Dimensões:

• GIFs de Emoji: 128x128 (recomendado)
• GIFs de Mensagem: 480x480

Parâmetros:

• FPS: 10-30 (menor resulta em tamanho de arquivo menor)
• Cores: 48-128 (menos cores = tamanho de arquivo menor)
• Duração: Mantenha abaixo de 3 segundos para GIFs de emoji

Fluxo de Trabalho Principal

from core.gif_builder import GIFBuilder
from PIL import Image, ImageDraw

# 1. Create builder
builder = GIFBuilder(width=128, height=128, fps=10)

# 2. Generate frames
for i in range(12):
    frame = Image.new('RGB', (128, 128), (240, 248, 255))
    draw = ImageDraw.Draw(frame)

    # Draw your animation using PIL primitives
    # (circles, polygons, lines, etc.)

    builder.add_frame(frame)

# 3. Save with optimization
builder.save('output.gif', num_colors=48, optimize_for_emoji=True)

Desenho de Gráficos

Trabalhando com Imagens Enviadas por Usuários

Se um usuário enviar uma imagem, considere se ele deseja:

• Usá-la diretamente (por exemplo, "animar isto", "dividir isto em quadros")
• Usá-la como inspiração (por exemplo, "criar algo como isto")

Carregue e trabalhe com imagens usando PIL:

from PIL import Image

uploaded = Image.open('file.png')
# Use directly, or just as reference for colors/style

Desenho do Zero

Ao desenhar gráficos do zero, use os primitivos do PIL ImageDraw:

from PIL import ImageDraw

draw = ImageDraw.Draw(frame)

# Circles/ovals
draw.ellipse([x1, y1, x2, y2], fill=(r, g, b), outline=(r, g, b), width=3)

# Stars, triangles, any polygon
points = [(x1, y1), (x2, y2), (x3, y3), ...]
draw.polygon(points, fill=(r, g, b), outline=(r, g, b), width=3)

# Lines
draw.line([(x1, y1), (x2, y2)], fill=(r, g, b), width=5)

# Rectangles
draw.rectangle([x1, y1, x2, y2], fill=(r, g, b), outline=(r, g, b), width=3)

Não use: Fontes de emoji (não confiáveis entre plataformas) ou assuma que gráficos pré-empacotados existem nesta skill.

Fazendo Gráficos Parecerem Bons

Os gráficos devem parecer polidos e criativos, não básicos. Veja como:

Use linhas mais grossas - Sempre defina width=2 ou superior para contornos e linhas. Linhas finas (largura=1) parecem picotadas e amadoras.

Adicione profundidade visual:

• Use gradientes para fundos (create_gradient_background)
• Empilhe várias formas para complexidade (por exemplo, uma estrela com uma estrela menor dentro)

Torne as formas mais interessantes:

• Não desenhe apenas um círculo simples - adicione realces, anéis ou padrões
• Estrelas podem ter brilhos (desenhe versões maiores e semitransparentes por trás)
• Combine várias formas (estrelas + brilhos, círculos + anéis)

Preste atenção às cores:

• Use cores vibrantes e complementares
• Adicione contraste (contornos escuros em formas claras, contornos claros em formas escuras)
• Considere a composição geral

Para formas complexas (corações, flocos de neve, etc.):

• Use combinações de polígonos e elipses
• Calcule os pontos cuidadosamente para simetria
• Adicione detalhes (um coração pode ter uma curva de realce, flocos de neve têm ramos intrincados)

Seja criativo e detalhado! Um bom GIF para Slack deve parecer polido, não como gráficos de placeholder.

Utilitários Disponíveis

GIFBuilder (core.gif_builder)

Monta quadros e otimiza para o Slack:

builder = GIFBuilder(width=128, height=128, fps=10)
builder.add_frame(frame)  # Add PIL Image
builder.add_frames(frames)  # Add list of frames
builder.save('out.gif', num_colors=48, optimize_for_emoji=True, remove_duplicates=True)

Validadores (core.validators)

Verifica se o GIF atende aos requisitos do Slack:

from core.validators import validate_gif, is_slack_ready

# Detailed validation
passes, info = validate_gif('my.gif', is_emoji=True, verbose=True)

# Quick check
if is_slack_ready('my.gif'):
    print("Ready!")

Funções de Easing (core.easing)

Movimento suave em vez de linear:

from core.easing import interpolate

# Progress from 0.0 to 1.0
t = i / (num_frames - 1)

# Apply easing
y = interpolate(start=0, end=400, t=t, easing='ease_out')

# Available: linear, ease_in, ease_out, ease_in_out,
#           bounce_out, elastic_out, back_out

Auxiliares de Quadro (core.frame_composer)

Funções de conveniência para necessidades comuns:

from core.frame_composer import (
    create_blank_frame,         # Fundo de cor sólida
    create_gradient_background,  # Gradiente vertical
    draw_circle,                # Auxiliar para círculos
    draw_text,                  # Renderização simples de texto
    draw_star                   # Estrela de 5 pontas
)

…