技术美术特效Shader与特效设计(可试看)
手机观看
avatar
老白腾讯互动娱乐 光子工作室群 技术美术多年TA工作经验,参与《英雄联盟手游》的效果开发和性能优化工作。

【课程收益】

了解特效设计的美学规则,了解shader参数包装的价值观和shader文档编写要求。提升技术美术与特效设计师的协作能力。

一、 技术美术的核心素质​​
1. 同理心​​
作为跨专业桥梁的核心能力,理解美术与程序的双向需求。
2. 跨专业知识整合能力​​

二、特效价值观​​
1. ​​体现玩法​​
核心元素​​:范围、爆点(伤害时刻)必须清晰可辨(如LOL法阵范围光刺);
​​主次划分​​:主要元素服务于玩法,次要元素丰富美感(如爆炸特效中主体光片 vs 粒子细节)。
​2. 明度控制​​
​​视觉焦点​​:通过明暗对比突出核心(如深色背景+高亮光感中心);
阈值限制​​:避免与UI/环境混淆,保持特效明度在合理区间。
​3. 色彩设计​​
主色唯一性​​:单色相主导(如毒系特效的绿色主调);
冷暖关系优先​​:色相比明度更易区分(如冰系蓝+暖橙点缀);
互补色用法​​:辅色需弱化(降饱和度/透明度)。
​​4. 造型清晰度​​
外轮廓硬边​​:高速运动中减少视觉干扰(如飞镖特效的简洁造型)。;
软硬节奏搭配​​:避免单调(如爆炸烟尘的软边缘+硬光片);
运动模糊应用​​:增强速度感(如艾克技能的光圈动态模糊)。
5. ​​节奏层次感​​
时间轴设计​​:预备-爆发-消散阶段分明,部件出生时间错开(如冰原酒桶的多部件演出);
运动曲线非线性​​:避免平直动画(如旋转光圈的速度变化)。

三、特效Shader编写​​
1. 学习路径​​
参考教程:B站《庄懂的技术美术入门课》。

四、Shader参数封装​​
1. ​​易用性设计​​
变量暴露原则​​:选择直观参数(如位移速度而非加速度);
​​归一化与重映射​​:参数平滑调整(如粗糙度转Gamma空间)。
2. ​​交互设计基础​​
三级页面收纳​​(按工种分类、功能模块分页、高级选项折叠);
属性样式优化​​:滑杆限制范围、下拉菜单枚举、开关控制功能折叠。
​​3. 汉化与润色​​
生活化命名​​:如“软硬”替代“指数”,“粗细”替代“系数”。
​​
五、Shader文档编写​​
1.​​目标​​:降低沟通成本,便于团队复用。
2. ​​内容规范​​
多图少字​​:图文并茂展示参数效果(如动图演示扭曲强度变化);
模块化结构​​:按功能分章节(如“溶解参数配置”、“UV动画示例”);
平台适配​​:网页端Wiki优先,支持快速检索。