字效（8） 其它字效（3）
一按即字效（2）
2007‧1115 撰寫中
Brushes 與 Layer Style 的活用
Style 大系
‧ A01
‧ B01
‧ C01
( Rapidshare 使用說明 )
筆者深知很多網友視英文為仇寇、看到英文就龜懶趴火、…
不過要玩多媒體的軟體，是不可能不用英文版的
所以筆者就把 Layer Style 的介面來個中英文對照：
中英文對照不是讓您拿英文來對照出中文就了事，而是希望您能慢慢適應英文的專有名詞
畢竟多媒體的軟體，怎麼用就只是那幾百個英文的專有名詞
而大半的多媒體軟體都沒有中文版，不趁此適應，以後只會更痛苦 !
Brushes 與 Layer Style 的活用
如果不說明，您很難瞭解本圖是如何地快速生成：
‧人物：Photoshop Brush ( Adobe Exchange 下載的 Freeware )
‧水面：Photoshop Brush ( Adobe Exchange 下載的 Freeware )
‧羽毛：Photoshop Brush ( Adobe Exchange 下載的 Freeware )
‧城牆：Photoshop Brush ( Adobe Exchange 下載的 Freeware )
‧城牆上的圖騰：Photoshop Brush ( Adobe Exchange 下載的 Freeware )
‧玫瑰：Alien Skin 公司的 Splat
‧亮光點：隨便無中生有出來的
( 詳細的編製過程，請參考 專題 C 筆刷 的相關單元 )
筆者只是 把灰階的筆刷檔上色，也就是說 筆刷 ＝ 灰階的去背圖庫
同理，腦袋靈活一點：Layer Style（Style 面板）= 快速生成 字效 or 簡易邊框 or LOGO or UI ( User Interface, 使用者介面, 以下皆狹義指網頁版型 )
接著，就以下圖來搞 UI：
‧只是看 Layer Style 運用在 UI 的大概效果，並非實戰用的 UI
‧塞進各種大大小小的元素 ( 文字、簡易邊框、LOGO、UI、… )，是為了一張圖就擺進各種可能
下圖是之前 Layer Style 字效 ( 1 )、Layer Style 字效 ( 2 )、其它字效 ( 2 ) 中 100% Layer Style 的字效
已轉成一個 Style 面板檔 ( *.asl )，以利直接套用
有反光光影的木紋，質感不錯
半透明的抽象紋理，適用性廣
玻璃邊字效，拿來搞按鍵與標題字都不錯用
聖誕節可用
各種的 Aqua Style 湊在一起
各種的銀亮紋理湊在一起
各種的金色效果與鑽石效果湊在一起
筆者的字效大教學，簡單來說就是：
Channels 字效 → Layer Style 字效 → 純 3D 字 → 書法字 → 其它字效 → 把 Layer Style 字效用在 UI → 自製 *.asl 檔 → 自製 *.ttf 檔
Layer Style 運用在 UI ( 簡易邊框、LOGO、UI )，只是為了快速與省工
UI 設計是一門大學問，本 Blogger 只 Focus 在「無中生有」、「快速生成」等技巧
Style 大系
既然要把 Layer Style 拿來搞 字效 + LOGO + UI，馬上就面臨底色 ( 底圖 ) 的問題
比較下面兩張圖：
‧淺色底：清新、明亮，予人以舒服的感覺
‧iTunes 灰色的髮絲紋理，再搭配黑色 + 玻璃邊框的按鍵，比起一般的 Aqua Style 來說，更溫潤而有質感
‧圖檔不會被淺底色的 UI 搶走焦點：
淺色底的 UI 要搞得漂亮不簡單，除了得有大量的留白之外，也不能讓圖檔搶走焦點
‧深色底：厚實、沉穩，予人以靜中思動的想像空間
‧深色底的紋理 UI，可以讓紋理變得更飽和
‧圖檔與深底色的 UI 融為一體，互為賓主：
深色底最討巧，因為所有的圖檔都會變得更飽和，賓主容易相映成趣
再比較看看配色單純的淺色底與深色底：
A01 深色底、深色 UI，故以明亮的玻璃感平衡之
Pattern Overlay、Bevel and Emboss > Texture：( 醜醜的四向連續無接縫紋理 )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
１. 如果您曾經下載過 Style ( 樣式 ) 面板的 *.asl 檔
您可能惑於「為啥有些醜醜的 *.asl 檔的檔案很大 ?」、您也可能惑於「為啥有些很漂亮的 *.asl 檔的檔案卻很小 ?」
原因在於有些 *.asl 檔已內嵌紋理的圖檔 ( Pattern Overlay )
‧Layer Style 要有紋理，就得從 Pattern Overlay 開始 ( 這個前面的單元已講過了 )
‧*.asl 檔若是已內嵌紋理，雖然在 Pattern Overlay 中看得到該紋理，但若是按 Pattern 右側向下的小三角形，紋理卻不在其中：
‧Scale ( 縮放 ) 是套用紋理 Pattern 時，很重要的功能：很多醜醜的紋理，就是因為調整 Scale 而變得好看了 ( 本例即是 )
‧Layer Style 無法作用在透明的 Layer，所以隨便填入一個顏色即可 ( 管你黑或白 )
２. 套用 Bevel and Emboss ( 斜角和浮雕 )，整個樣貌就不同了
Use Global Light ( 使用整體光源 ) 不要打勾，這常常會造成困擾
３. Bevel and Emboss > Texture 本來只是調整凹凸，但是內嵌相同的紋理 Pattern，調整 Scale ( 縮放 ) 與 Depth ( 深度 )，就變成 加入光影 !
４、５、６ 都只是微調細節，可有可無 
７. 也是微調細節，主要是讓讓上方的反光淡一點，可有可無
８. 深色底上的深色 UI，一定要有陰影，不然就很難襯托出介面的質感
本例則是把陰影設為類似玻璃外框的效果，以增加質感
以下就截圖比較看看
沒陰影的效果 ( 死板死板的 )
陰影效果 ( 比較有感覺了 )
黑色玻璃外框的陰影 ( 不錯看 )
白色玻璃外框的陰影 ( 明亮許多 )
Outer Glow ( 外光暈 ) 也不錯看 ( 但是 非白色 的外光暈，很可能會讓顏色太多太雜 )
Outer Glow 為白色
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
‧文字大小不同，參數就不會完全相同
‧UI 的大小不同，參數就不會完全相同
‧LOGO 的圖案不同，參數就不會完全相同
所以每個物件都擺在不同的 Layer、並視情況調整參數：
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
KPT 2 Texture Explorer、KPT 2 Fractal（碎形）Explorer 還魂記
既然前面那張醜醜的底圖，都能變出漂亮的 UI，所以筆者就讓 KPT 2 還魂
( KPT 2 約莫是 Photoshop 2.5 版時的 Plug-ins，您可以參考 電腦簡史 )
KPT 2 是 16 位元時期的產品
也就是說現在 32 位元的 Windows XP + 32 位元的 Photoshop 7 ～ CS3 會無法執行
當然啦，未來 32 / 64 位元的 Windows Vista + 32 / 64 位元的 Photoshop CS4 也不可能執行
還好 MetaCreations 後來有推出 KPT 2 的 32 位元版本，您得安裝這個版本
可以變化出無數醜醜紋理的 KPT 2 Texture Explorer
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
一張醜醜的紋理
除了換用上圖為 Pattern Overlay 與 Bevel and Emboss > Texture 的紋理，其餘同 A01：
KPT 2 中，計有 Texture Explorer 與 Fractal Explorer，接下來看
可以變出一大堆怪怪 碎形幾合圖 的 Fractal Explorer
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
方法同上例：( 但 Gradient Overlay 有重新設定 )
KPT 3 中，有 Texture Explorer 的新板，一樣是 ( 專門製造醜不拉雞的 ) 紋理產生器
千萬別忘了除了 KPT 2、KPT 3 之外，還有 四向連續無接縫紋理 ( 1 )、四向連續無接縫紋理 ( 2 )、
一海票 ( 一狗票 ) 與紋理有關的 Photoshop Plug-Ins 或是 Tools
A02 深色底、深色 UI，控制表面亮部移動到適當的位置，輔之還有深紫色的神秘感
Pattern Overlay、Bevel and Emboss > Texture：( 醜醜的四向連續無接縫紋理 )
控制出來的亮線，收畫龍點睛之效也
A03 深色底、深色 UI，藍棕色系的底紋與斜邊的亮點，最是好看
Pattern Overlay、Bevel and Emboss > Texture：( 醜醜的四向連續無接縫紋理 )
單獨抽離出物件來看
黑底的表現效果更佳
B01
Pattern Overlay、Bevel and Emboss > Texture：( 醜醜的四向連續無接縫紋理 )
C01
Bevel and Emboss > Texture：( 非四向連續無接縫紋理，原圖很大張，筆者已縮小之 )
D01
D02
D03
D04
D05
D06
E01
E02
E03
E04
E05
E06
E07
E08
E09
E10
E11
