Creative
Slack GIF Creator
Create custom GIFs for Slack emojis and reactions. Use when users need animated GIFs for team communication.
Create custom GIFs for Slack emojis and reactions. Use when users need animated GIFs for team communication.
Create custom animated GIFs for Slack emojis and reactions.
Dimensions:
File Format:
Animation:
Define the GIF:
Sketch Ideas:
Frame-by-Frame Method:
// Create individual frames
const frames = [];
// Frame 1
frames.push(createFrame1());
// Frame 2
frames.push(createFrame2());
// Frame 3
frames.push(createFrame3());
Onion Skinning:
Using Canvas:
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = 128;
canvas.height = 128;
// Draw each frame
frames.forEach((frame, index) => {
setTimeout(() => {
ctx.clearRect(0, 0, 128, 128);
drawFrame(ctx, frame);
}, index * 100); // 100ms per frame
});
Using gif.js:
const gif = new GIF({
workers: 2,
quality: 10,
width: 128,
height: 128
});
// Add frames
frames.forEach(frame => {
gif.addFrame(frame, { delay: 100 });
});
gif.render();