跳转到内容

阴影效果:为位图字体添加深度和发光

学习如何为位图字体创建和自定义专业的投影效果。通过调整偏移、模糊和颜色,优化字体外观,增强文本的视觉吸引力。

阴影能给位图字体带来立体感。SnowB BMF 的阴影控件覆盖了投影、发光等常见需求,用起来很直接。

“阴影”面板里有个开关,打开或关闭阴影。关掉之后参数还在,下次打开直接恢复。

水平和垂直偏移 (Offset X & Offset Y)

Section titled “水平和垂直偏移 (Offset X & Offset Y)”
  • 描述:控制阴影离文本多远。Offset X 左右移动,Offset Y 上下移动。
  • :正值向右/向下,负值向左/向上。
  • 默认值1px
  • 描述:让阴影边缘变柔和。值越大越弥散,0 是硬边阴影。
  • 默认值1px
  • 描述:阴影的颜色,颜色选择器里可以调不透明度(alpha)。
  • 默认值#000000(黑色)
  • 提示:黑色最常用,换别的颜色能做出不同的视觉风格。

最基本的投影,提升文字可读性。

  • Offset X2px
  • Offset Y2px
  • 模糊2px
  • 颜色:黑色(#000000

文字周围发出一圈柔光。

  • Offset X0px
  • Offset Y0px
  • 模糊4px8px
  • 颜色:明亮色调,一般跟文本颜色接近。

偏现代的风格,硬边投射阴影。

  • Offset X8px
  • Offset Y8px
  • 模糊0px
  • 颜色:黑色(#000000
  • 正文用轻微阴影就好,1-3px 偏移加低模糊。
  • 阴影和背景之间要有对比度,不然看不出来。
  • 模糊值大了会撑大纹理图集。一般控制在 0-10px。
  • 导出后记得在目标应用里实际看一下效果。
  • 同一个项目里,阴影的方向和颜色保持统一,跟整体光照风格对齐。
  • 阴影直接烘焙进最终的位图字体图像,不是运行时渲染的。
  • 纹理图集要给阴影留够空间。
  • 只支持单层阴影。