徽章

Candy 徽章

26个纹章、徽记与军衔标识(卡通)。面向浅色界面,暖奶油配泡泡糖粉点缀。SVG与透明PNG 1x/2x/4x。

  • ui
  • svg
  • 透明png
  • 徽章
  • 纹章
  • 徽记
  • 阵营
  • 公会
  • 标志
  • 卡通
  • 卡通
  • 卡通
  • 休闲
  • 移动端
  • 三消
图集展示Candy系列的26个纹章、徽记与军衔标识(卡通),摆在透明棋盘格上,下方标注像素尺寸
预览 1600×4179透明部分以棋盘格显示

关于这个合集

Candy 徽章是一套用卡通风格绘制的26个纹章、徽记与军衔标识,其中一圈厚实干净的轮廓包住带一点闪光的光泽面。内含七种纹章承载框、一块名牌、一枚徽针、一敞一闭两个桂冠环、两个带翼底座、一个抽象符记、一条绶带、五级可数的军衔人字纹、三级星章、两枚勋章和一条略绶。

阵营徽章必须属于它所在的那款游戏,而这恰恰是一枚画完的徽章做不到的:在公会纹章上画一颗狼头,那纹章就属于画它的人,而不属于玩家。所以这套东西大部分是承载框而不是成品标记——盾牌、印记、菱形、旗帜和带翼底座都留着空位,尺寸是按你手头已有的图标定的。

光泽是在高度44%处的一道硬边分界,而不是柔和渐变:柔和的过渡读作玻璃,硬分界读作画出来的。偏移的落影是实心而不是模糊的,也是同样的道理。

在这一风格之内,这是Candy的读法:暖奶油调色板上带泡泡糖粉点缀的浅色界面,围绕两层同心框、168x56的完全圆润的胶囊按钮、划分为6段的条带式的条以及32px网格上的实心图标构建。正是这些尺寸解释了为什么两个系列能共享美术风格却互不可替代:风格决定一条边怎么画,数字决定这套界面是干什么用的。

七种承载框分别是盾牌、圆形印记、菱形、六边形、拱形、垂挂旗帜和三角旗——足够让同一格网里的两个阵营不必共用一个轮廓。军衔用数量而非颜色表示:一到五道人字纹,另有一套独立的星级,因此等级在灰度截图里依然成立,也不会和徽章被染上的阵营色打架。整套里没有画任何字母——嵌入字体是许可问题,而烤进图里的首字母对除了一家之外的所有工作室都是错的,所以承载框给出边框,标记由你的引擎去印。桂冠同时提供敞开和闭合两种:那道缺口让敞开的一枚在缩略图里读作桂冠,闭合的一枚则是印记所需要的环。

每个精灵图都提供可编辑的SVG,以及1x、2x和4x的透明PNG,你可以把PNG直接扔进引擎,也可以打开矢量改个颜色。它按与Candy系列其余部分相同的尺寸绘制,因此这套套件与Candy的面板套件不用任何一方缩放就能对齐。很适合动画风与卡通游戏。

下载

直接链接 · 无需注册 · 没有等待页
下载ZIP457 kB

全套 — SVG源文件、1x/2x/4x的PNG导出、许可与readme

这个合集包含的文件
文件格式体积下载
全套 — SVG源文件、1x/2x/4x的PNG导出、许可与readmeZIP457 kB 获取 →
盾形纹章,卡通,可编辑 SVGSVG416 B 获取 →

怎么用

  1. 把你自己的图标放进承载框的空位,大小约为空位宽度的 60%;空位就是按这个留白画的,标记不会碰到内边框。
  2. 要给整枚徽章换色,请改 SVG 里的两个主体色值,而不是强调色——强调色承载着空位边框和军衔人字纹,把它抹平就等于删掉了用结构表示的等级。
  3. 军衔标识按数量用,不要按颜色用:等级对应一到五道人字纹;需要第二条线时用一到三颗星。人字纹素材的高度随等级增加,条带厚度保持不变——按上边缘对齐,堆叠向下生长。
  4. 做阵营选择界面时,圆形印记和菱形共用同一个外框,因此两个阵营可以在同一格里用不同的承载框,不需要为每个阵营单独排版。

许可

知识共享 署名 4.0 — 商业用途也免费。需要署名。 完整条款 · 实际是什么意思

可复制的署名文字
"Candy 徽章" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/emblems/candy-emblems