手把手教你画王者荣耀边框图:从青铜到王者的设计指南

频道:游戏攻略 日期: 浏览:3

凌晨两点半,我又在电脑前改第三版边框设计稿。甲方爸爸非要那种"金光闪闪但不要太土"的效果,这让我想起去年给《王者荣耀》同人赛画边框的惨痛经历——当时熬了三个通宵才搞明白,原来游戏UI里那些看似简单的装饰线条,藏着这么多门道。

一、为什么你的边框总像贴膏药?

去年帮学妹改参赛作品时发现,90%的新手会犯三个致命错误:

  • 用纯金色填充整个边框(实际游戏里用的是三层渐变)
  • 龙纹直接百度下载(天美美术有专属矢量素材库)
  • 阴影效果开太大(官方UI的投影角度固定在120°)

记得有次在星巴克偷看隔壁小哥的参赛作品,他那个亚克力材质的边框效果简直绝了。后来死皮赖脸要到了参数:内发光强度12%斜面浮雕深度3像素,这组数据我记在手机备忘录里用了大半年。

王者荣耀边框图教程

二、拆解官方边框的隐藏公式

段位 主色值 金属质感参数
青铜 #C9B37E 光泽度20%
钻石 #B8E1FF 杂色颗粒3px
王者 #FFD700+#FF4500 动态流光效果

上周用显微镜模式扒官网素材时发现,传说品质的边框藏着彩蛋:在PS里把曲线调到+70时会浮现战队LOGO水印。这个冷知识连《王者荣耀UI设计规范》里都没写,是我反复叠加正片叠底图层时偶然发现的。

1. 矢量花纹绘制秘诀

凌晨四点最适合画对称花纹——别问我怎么知道的。用AI的极坐标网格工具时记住:

王者荣耀边框图教程

  • 青铜段位用8等分分割
  • 星耀以上要16等分
  • 王者边框的龙鳞纹必须手动调整锚点

有次在出租车上用iPad临摹凤纹,司机师傅突然急刹车,手抖画歪的线条反而成了我最满意的作品。所以别太依赖对称工具,偶尔的瑕疵才是灵魂

2. 让金属活过来的技巧

参考《游戏UI设计原则》里说的高光法则:

  • 45°角线性渐变打底
  • 用白色画笔在转角处点3像素光斑
  • 最后加0.5px的深色描边

我习惯把图层命名为"假装很贵的样子",这个玄学命名法从大学沿用至今。最近发现把环境光遮蔽调低15%会更接近游戏实机效果,不过这个得看显示器色准。

三、避开这些坑少掉50根头发

去年参赛截止前夜,我因为三个错误差点崩溃:

  1. 忘记预留安全边距(手机端显示会裁切)
  2. 特效层级混乱(荣耀典藏边框有11个图层组)
  3. 颜色配置文件用成了Adobe RGB

现在我的工程文件里永远有个"救命图层",专门存放未合并的矢量原件。有次甲方临时要改鎏金效果,多亏这个习惯让我半小时就交稿,还骗到了顿火锅奖励。

咖啡渍还留在数位板上,新买的金色颜料马克笔已经没水了。最近发现用Procreate画边框时,把笔刷流量调到82%会有意外惊喜,这个数值是隔壁动画系学长喝醉时透露的——他可能不记得了,但我试过确实好用。

画到东方既白的时候,突然理解为什么天美设计师总在凌晨发版本更新。有些微妙的质感,真的只有在夜深人静时才能调出来啊...

网友留言(0)

评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。