The banner creator
The banner creator builds an animated Telegram custom-emoji strip out of text, images and motion presets. It runs in the dashboard, not the bot; the…
The banner creator builds an animated Telegram custom-emoji strip out of text, images and motion presets. It runs in the dashboard, not the bot; the finished pack is delivered to your Telegram DM.
Overview of the banner creator
You need to be logged in to open it.
Entry points
| Where | Path |
|---|---|
| Standalone page | /banner-creator |
| Dashboard | Emoji Design → Banner tab, "Open Banner Designer" button |
| Header nav | Free Tools → Banner Builder |
What a banner is
| Setting | Value |
|---|---|
| Tiles | 8, one row |
| Tile size | 512 × 512 px each |
| Loop length | 1.2s by default |
The raid bot's progress bar and the scanner's header images are also called banners; neither is built by this tool.
How to customize your banner
| Control | What it does |
|---|---|
| Undo / Redo | Steps back and forward through the edit history. |
| Reset all | Resets every control to its starting state, after a confirmation. |
| Save | Saves the design to your saved banners. This is separate from the workspace draft, which auto-saves as you work and restores whatever you last had open. |
| Export | Opens the export panel — see Create → export, below. |
| View Saved | Lists your saved banners, each with an animated thumbnail. |
Customize the text in your banner
| Control | Accepts | Default |
|---|---|---|
| Banner text | up to 24 characters | “MEMESCALE” |
| Font | a starter font, or one you upload (.ttf / .otf); “Font from web” pulls a font, colour palette and logos from a URL you paste | — |
| Text colour | hex / RGB, or a colour from a scanned site's palette | white |
| Container fill | hex / RGB — disabled while a Design is active | black |
| Add an animation | see below | none |
Text colour sub-rows
| Sub-row | Controls | Default once turned on |
|---|---|---|
| Style | Bold and Italic; Bold adds a Weight slider, 25%–250% | Weight 100% |
| Alignment | Left / Center / Right | Center |
| Gradient | two colour stops across the text | #56c4ff → #ba6eff |
| Outline | outline around the text | width 5, white |
| Shadow | drop shadow behind the text | dx 10, dy 14, black, 55% opacity |
Add an animation
| Source | What it does |
|---|---|
| From Emoji | place any premium emoji as a moving element |
| From Image → From Files | upload .png, .jpg, .jpeg, .webp, .avif or .svg |
| From Image → From Website | pick an image scraped from a site you scanned with Font from web |
| From Lottie File | upload a .json Lottie file |
| From Profile Picture | a Telegram user's profile photo by username, square or circle crop |
Limit
Up to 4 motions total, from any combination of these sources — the control disables itself at the cap.
Control exactly how the text looks
| Knob | Range | Default |
|---|---|---|
| Letter Spacing | −30 … 100 | 0 |
| Text Size | 40% … 100% | 100% |
| Border Radius | 0 … 250 — disabled when the active Design sets its own shape | 84 |
| Animation Speed | 0.3× … 2.5× | 1.0× |
| Border width (shown only once a Border preset is picked) | 2 … 16 | — |
- A Second text field (up to 24 characters) appears once a Two-Text preset is active.
- Design colour badges appear once a Design is active, with a reset button that restores the skin's own palette.
The banner creator editor
The stage plays the same animation the pack ships.
- A background swatch picker sits over the stage; it shows a checkerboard when Container fill is none.
- Drag placed images and emoji to move them; a corner handle scales, another rotates, and × removes.
- Motion paths draw over the stage. Click one to edit, tint or delete it.
- A chip strip under the stage lists every active choice — Animation, Entrance, Design, Border and Two-Text — each removable with its ×. Clicking a chip jumps the rail to that cell.
Banner customization types
Five tabs hold the effects you can add, and every cell previews what picking it does to your current design.
Entrance (11) sets how the text first appears. Animation (18) sets how it moves. Design (28) sets the text's finish — its texture, material or pattern. Borders (8) adds an animated edge around the banner. Two-Text (12) sets how the banner swaps between two lines of text.
A Two-Text preset needs the Second text field filled in — that's the text it swaps to mid-loop.
Advanced banner customization
A motion places a moving image, emoji, logo or profile picture on the stage and animates it, independently of the text animation.
Motion paths
Two modes
| Mode | How it works |
|---|---|
| Dots | place up to 12 dots; double-click a dot to remove it |
| Draw | trace the path directly; it only moves forward |
| Control | Accepts |
|---|---|
| Size | 5% – 400% |
| Traversals per loop | 1×, 2× or 3× |
| Motion feel | Steady (linear) or Smooth |
| Rotate along path | on/off — the element turns to follow the path |
| Mirror | adds a mirrored twin on the other side; Flip ↔ and Flip ↕ toggles appear once on |
Motion presets (10)
Applied instead of a freehand path
| Name |
|---|
| Hover |
| Bounce |
| Sway |
| Circle |
| Pendulum |
| Pulse |
| Rock |
| Drift |
| Heartbeat |
| Orbit |
Create → export
From an open design to a delivered pack
- Click Export, in the top bar.
- Name the pack.
- Click Generate pack.
- On success: “Success — check your DMs,” with a View in Telegram button. The design is also saved to your saved banners under the same name.
Finished pack naming
| Input | Output |
|---|---|
| You type (pack name) | MEMESCALE |
| Posted title | MEMESCALE @memescaleai |
| Share link | t.me/addemoji/mzd1a2b3c4d_by_yourbot |
A tile over the per-tile size cap fails the export.
Once delivered, the banner appears in Dashboard → Emoji Design → Banner as a gallery card, and under a “Banners” heading in the emoji picker of every message editor — inserted as the whole 8-tile strip in one click.
Limits
Field caps
| Field | Cap |
|---|---|
| Pack name (Export) | 48 characters |
| Save-design name | 48 characters |