Photoshop:霓虹招牌效果
/ J( S s. c. [7 y6 B. B- h# s
4 e2 G' ]3 O2 b V' ~' @
; R9 i5 }4 \& [' m$ w) K$ g2 a' A6 A* {
用photoshop美化图片,photoshop美化图片,Photoshop霓虹招牌效果。
- m& U6 Z3 V Y! R/ y* w看到这块霓虹招牌了吧?你或许会以为其间设置了明度很强的光源吧?实际上这个场景中什么光源也没有(如图1)。
- ]- ?3 \! o( |# `# w5 a- ^0 Y5 r( H0 g. C
4 Y8 g5 U/ N' @0 n( Y
" m, B) J3 Q2 S- o6 j6 D
0 K5 [, Z) P# o, e6 M w 为了创造发光效果,我们用了发光贴图(Luminosity
: G9 B) ~4 Z+ b: m1 M: H7 c, v9 hMap)并设置了反射系数。为模拟发光的字母,我们将模型表面发光度设为100%,然后将渲染图置入Photoshop中作进一步加工(如图2)。
7 G; F& H1 e" Z9 T$ |, M
# \$ A2 }5 Z$ x4 n- X H% Q
5 ?/ X$ Z& J4 T# {
4 x# x! O7 b8 j9 ?3 C2 Z; B6 Y- z& G
9 U4 X% y2 S- U2 l5 F 在Photoshop中我们做一个依字母外轮廓勾画的选区,对此选区做高斯虚化以模拟霓虹效果。将此图像裁剪到刚刚包括字母形体在内并存盘(如图3)。
$ e& o5 I8 d: E) S$ P8 K
; T1 C0 v; b) r3 @, A% a0 E0 h
8 x P- R! p( S- |5 W2 {
1 x5 R: T) G4 Y7 P+ {
& t+ A& K( D) P& o/ q6 f* j
回到三维程序中,建立一个新材质,然后将刚才做成的图像作为贴图载入发光度(Luminosity)通道。将此材质贴到字母模型的前表面。我们可以用Fit
2 d# s7 k. e7 O' c9 R% d3 jto
, r8 w6 m# M% L4 d( wObject命令,因为贴图大小恰与物件相同。
' J6 F1 S1 N5 k; A1 m, n 在字母模型的侧面我们运用了一种反射度较高、有着镀铬效果的材质。字母模型的背面我们设置100%的反光度并将其略往后移以使反射光看起来是从侧面发出(如图4)。
; o* ~' b+ E) j5 ]1 j# O* O z
5 ]4 m/ w+ z6 ^4 x2 u
9 s& c: K1 @2 u' J
; z4 u& E {% S5 D! l5 _6 y5 {
6 i: E" T$ s6 f. C 为了制作发光的招牌底板,我们不仅要模拟透射光源,还要模拟字母模型边缘扩散的光线洒到底板的效果。光设置反射系数显然不够,我们还得回到Photoshop中做两个发光贴图,如此图所示,下方是招牌透射效果,上方则是字母边缘散射效果(如图5)。
/ b1 t2 C# \: D' p
+ M u W4 S6 O
' O7 ^8 D7 j; ]! O9 ?0 i
/ m) c; T# j1 z& E
8 d0 m* Z, U; f' x 将这两种贴图都运用到某个材质的发光通道中,确定其混合比例,我们就可以得到预期的效果(如图6)。
" E) J2 W- `- S
5 v; _& X3 M7 V2 J) J/ t/ T
# Z d0 {3 c* w" z- B) b
+ j' P( k) e' k' f# g) Q2 O, Z a1 J) i
$ K3 A+ R- O2 c% Q8 M7 u 霓虹招牌上的这个箭头也是用了同样的方法,先是运用发光贴图模拟灯光从箭头背面的透射,再运用材质发光系数模拟灯光在箭头边缘的衰减(如图7)。
$ W k' O0 c; y9 u! n: [
, o% r$ a/ A6 G, C9 Q* j$ y1 L$ v9 F0 w9 r
* ]: e' C' T4 _
D) E- u$ A% b/ V( v6 r 最后,我们将招牌的每一部分都做了不同程度的“发光”处理,这样就能在没有任何光源设置的情况下得到仿真的霓虹闪烁效果(如图8)。
! {3 c' Y& U9 m$ {2 Y 3 r1 `3 ] C9 A. ]; s. K9 C
9 H5 O1 m4 r7 p1 m3 B8 d! _
1 X0 F0 \; Q+ x