手把手教你画王者荣耀边框图:从青铜到王者的设计指南
凌晨两点半,我又在电脑前改第三版边框设计稿。甲方爸爸非要那种"金光闪闪但不要太土"的效果,这让我想起去年给《王者荣耀》同人赛画边框的惨痛经历——当时熬了三个通宵才搞明白,原来游戏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根头发
去年参赛截止前夜,我因为三个错误差点崩溃:
- 忘记预留安全边距(手机端显示会裁切)
- 特效层级混乱(荣耀典藏边框有11个图层组)
- 颜色配置文件用成了Adobe RGB
现在我的工程文件里永远有个"救命图层",专门存放未合并的矢量原件。有次甲方临时要改鎏金效果,多亏这个习惯让我半小时就交稿,还骗到了顿火锅奖励。
咖啡渍还留在数位板上,新买的金色颜料马克笔已经没水了。最近发现用Procreate画边框时,把笔刷流量调到82%会有意外惊喜,这个数值是隔壁动画系学长喝醉时透露的——他可能不记得了,但我试过确实好用。
画到东方既白的时候,突然理解为什么天美设计师总在凌晨发版本更新。有些微妙的质感,真的只有在夜深人静时才能调出来啊...
网友留言(0)