Custom Shape Badge自定义形状徽章

Pick a shape, pick a material, add your words — six badges on demand, all exporting as transparent PNGs right in your browser.选形状、选材质、加上你的文字——六种徽章随选随做,全部以透明 PNG 在浏览器本地导出。

How to Use使用方法

  1. Choose a shape. Circle for classic badges, shield for achievements and guilds, star for favorites, hexagon for game materials, heart for love-and-support badges, diamond for rare items.选择形状。圆形适合经典徽章,盾形适合成就与公会,星星代表收藏,六边形适合游戏材料,心形适合关爱徽章,菱形代表稀有物品。
  2. Choose a material. Solid is clean and flat, Outline works as a sticker die-cut, Gradient adds energy between two colors, and Metallic renders a realistic gold, silver or enamel shine.选择材质。纯色干净扁平,描边像贴纸模切,渐变在两色之间注入活力,金属风则渲染出真实的金、银或珐琅光泽。
  3. Type your words. Keep it short — one or two words. Long text does not fit inside a small emblem, so abbreviations like MVP, PRO or VIP read best.输入文字。保持简短——一到两个词。小徽章里放不下长句,MVP、PRO、VIP 这类缩写效果最好。
  4. Pick colors and an emblem. Pair a strong base color with a contrasting text color, and add a star, dot or check above the text if you want a little extra meaning.挑选颜色和图标。用醒目的主色搭配对比强烈的文字色;想多一点含义,可以在文字上方加一颗星、一个圆点或一个对勾。
  5. Download the transparent PNG. Tap "Download PNG" and your badge saves with no background, ready for Discord roles, stream overlays, slides or printing.下载透明 PNG。点击「下载 PNG」,徽章会以无背景方式保存,可直接用于 Discord 身份组、直播 overlay、幻灯片或打印。

FAQ常见问题

Which shapes can I choose from?可以选择哪些形状?

Six shapes: circle, shield, star, hexagon, heart and diamond. Each pairs with four material styles: solid color, outline, two-color gradient and metallic.

共六种形状:圆形、盾形、星形、六边形、心形和菱形。每种都能搭配四种材质风格:纯色、描边、双色渐变和金属。

Is the exported badge transparent?导出的徽章是透明的吗?

Yes. The badge is drawn on a transparent canvas and exported as a transparent PNG, so it drops onto slides, photos, streams or sticker sheets.

是的。徽章绘制在透明画布上并导出为透明 PNG,可以直接叠到幻灯片、照片、直播画面或贴纸贴上。

Can I add my own text and icon?我可以加自己的文字和图标吗?

Yes. Type up to two lines of centered text, and pick an emblem (none, star, dot or check) that sits above the text.

可以。输入最多两行居中文字,还能在文字上方选择一个图标(无、星星、圆点或对勾)。

Does my design get uploaded anywhere?我的设计会被上传到任何地方吗?

No. The badge renders entirely in your browser with Canvas. Your design never leaves your device and the tool works offline.

不会。徽章完全在你的浏览器里用 Canvas 渲染,设计永远不会离开你的设备,离线也能用。

What can I use a custom shape badge for?自定义形状徽章可以用来做什么?

Game achievements, RPG party badges, event passes, club logos, award stickers, Twitch and Discord icons, quiz-night winners and printable sticker sheets.

游戏成就、桌游队伍徽章、活动通行证、俱乐部标志、奖励贴纸、Twitch 与 Discord 图标、问答比赛冠军和可打印贴纸贴。

Related Tools相关工具

Achievement badge maker
Free

Achievement Badge Maker成就徽章生成器

Game-style unlock badges with shine.

带高光的游戏风成就解锁徽章。

Twitch sub badge maker
Free

Twitch Sub Badge MakerTwitch 订阅徽章生成器

Export 18/36/72px in one click.

一键导出 18/36/72px 三种尺寸。

Round medal maker
Free

Round Medal Maker圆形奖章生成器

Arc-text medals with ribbons.

带弧形文字与绶带的奖章。

Gold silver bronze medal
Free

Gold / Silver / Bronze Medal金银铜奖牌生成器

Three-tier winner medals.

三档名次奖牌。

Batch badge generator
Pro

Batch Badge Generator批量徽章生成器

Pro: whole sets from one template.

Pro:一个模板批量生成整套徽章。

How Shape and Material Decide What Your Badge Means形状与材质如何决定一枚徽章的含义

Why the shape matters形状为什么重要

Before a viewer reads a single word, their brain has already categorized your badge by its outline. This is not decoration, it is visual language that games and scouting organizations have refined over a century. A shield reads as protection, rank and belonging — think knight insignia, guild crests and achievement unlocks. A star reads as excellence, favorites and five-star ratings. A hexagon reads as a crafted game material, the kind of slot you see in loot bars and inventory grids. A heart reads as support, love and community membership. A diamond reads as rarity and premium status. And the circle remains the universal default: a coin, a button, a stamp, a medal. When you pick a shape in this tool, you are not choosing geometry, you are choosing the meaning the viewer expects.

在观众读到任何一个字之前,他们的大脑已经根据外轮廓给你的徽章分好了类。这不是装饰,而是游戏与童军组织花了一个世纪打磨出来的视觉语言。盾牌读作守护、等级与归属——骑士徽章、公会纹章、成就解锁皆是如此。星星读作卓越、收藏与五星好评。六边形读作手工游戏材料,就是你在战利品栏和物品栏里看到的那种格子。心形读作支持、热爱与社区成员身份。菱形读作稀有与高端。而圆形仍是通用默认:硬币、纽扣、印章、奖章。你在本工具里选形状时,选的不是几何,而是观众的预期含义。

Four materials, four personalities四种材质,四种性格

The same shape tells a completely different story depending on how you finish it. Solid fill is honest and modern, the look of flat UI kits and app icons, and it stays perfectly legible at small sizes. Outline style removes the fill and leaves only a bold stroke, which looks like a die-cut sticker or a wax seal outline — perfect when your badge sits on top of busy artwork. Gradient style sweeps two colors across the shape, adding energy and depth that flat color cannot, and it is the go-to look for promotions and event badges. Metallic style renders a radial highlight like a coin being struck: bright at the top-left, deepening toward the rim. That is the finish that says "award", "winner", "prize". Pair gold metal with a shield and you get a championship crest; pair it with a circle and you get an Olympic-style medal. The tool computes every gradient on the fly, so any base color you pick instantly becomes a believable metal.

同一个形状,用不同材质收尾,讲的故事完全不同。纯色填充诚实而现代,是扁平 UI 套件和应用图标的样貌,在小尺寸下依然清晰。描边样式去掉填充只留粗轮廓,看起来像模切贴纸或火漆印外圈——当你的徽章要压在花哨画面之上时它最有用。渐变样式让两种颜色扫过形状,注入纯色无法提供的活力与深度,是促销和活动徽章的首选。金属样式渲染出像硬币冲压一样的径向高光:左上方发亮,向边缘加深。这种收尾传达的就是「奖励」「获胜者」「奖品」。金属金配盾形就是冠军纹章,金属金配圆形就是奥运式奖牌。工具会实时计算每一种渐变,你挑的任何主色都会立刻变成可信的金属质感。

Design checklist for a badge that works让徽章成立的设计清单

Where a transparent badge PNG actually gets used透明徽章 PNG 到底会被用在哪里

Because the export has no background, it is a building block rather than a finished picture. Streamers drop it into OBS overlays as subscriber perks; teachers print a sheet of them for classroom reward charts; tabletop gamers glue them onto character sheets as status tokens; community managers pin them as Discord role icons; indie developers use them as achievement pop-ups in prototypes. The 600px export also prints cleanly on a sticker sheet, which is why a lot of clubs order one badge design and print it for a whole year of events. If your badges need ribbons and arc text instead, the Round Medal Maker is the next step; for Twitch-specific tier sets with 18/36/72px exports, jump to the Twitch Sub Badge Maker; and for the full theory of shapes, materials and colors across the badge world, read our Achievement Badge Design for Games & Gamification.

因为导出没有背景,它是一块积木,而不是一张成品图。主播把它放进 OBS overlay 当订阅福利;老师打印成一整张,贴在教室奖励表上;桌游玩家把它粘在角色卡上当状态指示物;社区管理员把它设为 Discord 身份组图标;独立开发者把它当原型里的成就弹窗。600px 的导出也能干净地打印成贴纸贴,所以很多俱乐部只做一个徽章设计,就印出来用一整年。如果你的徽章需要绶带和弧形文字,下一步用圆形奖章生成器;如果需要 Twitch 专用、带 18/36/72px 导出的等级套装,直接去Twitch 订阅徽章生成器;想系统了解徽章世界的形状、材质与色彩理论,阅读我们的《游戏与游戏化场景的成就徽章设计》。

Designing a badge system on an afternoon一个下午搭好一套徽章体系

The fastest way to look like a professional studio is to design a set instead of a singleton. Start with the shape that matches your community's identity, then duplicate it across three or four tiers, changing exactly one variable each time. A guild could go plain circle, outlined shield, gradient hexagon, metallic diamond — the viewer's eye tracks the progression instantly. A classroom reward system could keep the heart shape and only walk the color from pale pink to deep red as the student earns more badges. Because every export here is a transparent 600px PNG, you can also paste all of them into one comparison slide and eyeball the family resemblance before downloading. Resist the urge to make every tier completely different; recognizable families beat random collections, and that principle holds whether you are building a Twitch progression, a gamified app, or a sticker sheet for a summer camp.

想看起来像专业工作室,最快的方法是做一套,而不是做一枚。先选一个最贴合社区身份的形状,再复制到三四个等级,每一级只改变一个变量。一个公会可以从纯色圆形开始,走到描边盾形、渐变六边形、金属菱形——观众的眼睛能立刻跟上这个进阶。课堂奖励体系可以保持心形不变,只让颜色从浅粉一路走到深红,对应学生累计的徽章数。由于这里的每次导出都是 600px 透明 PNG,你还可以把它们全部贴进同一张对比幻灯片,在下载前先肉眼检查整套像不像一家人。忍住把每一级做得完全不同的冲动;可辨认的家族永远胜过随机收藏,无论你是在搭建 Twitch 等级、游戏化应用,还是夏令营的贴纸贴。

Built to run on your device为你的设备本地运行而构建

Most badge editors are subscription sites that queue your art on a server and watermark the free preview. This page is the opposite: every gradient, shape and letter is drawn by Canvas on your own computer. There is no upload step, no account, no "credits". The same file opens on your phone, tablet or laptop, works offline after the first load, and produces a PNG you fully own. Your badge ideas are yours — keep them private until you are ready to show them off.

大多数徽章编辑器是订阅制网站:把你的作品排队送到服务器,再给免费预览打上水印。这个页面恰恰相反:每一道渐变、每一个形状、每一个字母都由你自己电脑上的 Canvas 绘制。没有上传步骤、没有账号、没有「积分」。同一个文件在手机、平板、笔记本上都能打开,首次加载后离线可用,产出的 PNG 完全归你。你的徽章创意是你的——在准备好展示之前,就让它保持私密。

Pick a shape above, try a metallic finish, and hit Download. Six outlines and four materials give you twenty-four starting points — enough to design an entire badge system in an afternoon, for free.

在上方选一个形状,试试金属质感,然后点下载。六种轮廓乘以四种材质就是二十四个起点——足够你一下午免费设计出一整套徽章体系。