蜜蜂老師的部落格

關於部落格
這是蜜蜂老師,雜七雜八資料與昆蟲觀察的部落格
  • 199222

    累積人氣

  • 19

    今日人氣

    0

    訂閱人氣

photoshop網頁元件教學(1) - 製造鏤空字型效果

許多人可能會直接去找許多空心字型,當作海報、網頁設計用。
不過大部分的空心字型都是屬於pop字
如果要作比較整齊不活潑的海報、網頁,就不太能使用了
同時也為了整個網頁的字型不要太突兀(內文以瀏覽器預設的新細明為主)
所以把一個工整、美觀的字型弄出來,就是一件相當頭痛的問題

這裡以某學校的教官室網頁為例

前備步驟:先設計好背景版型
並且盡量以背景版型的顏色為主色


註 - 例子中使用單色,網頁設計元件盡量追求單調整齊,不過也可漸層處理

單色版型方式:
空白圖層中,將選取設為"加選",並且單色填滿


漸層處理方式:
先以單色設計樣式,用魔術棒選取,填滿漸層




主要步驟

1.選擇字型

建議以沒有銳角的字型,例如"華康粗圓"體




2.字型鏤空特效方式step1

把字型設為白/背景色



3.字型鏤空特效方式step2

混和選項,選擇"外光暈"



4.字型鏤空特效方式step2

細調外光暈效果各數值

(1) 結構部份

選擇你想要的顏色
為了明顯外光暈,請選擇"正常",並把"不透明度"調到100%




(2) 成份部份

要使外光暈收斂且緊密
請把"展開"設為0 (使得外光暈範圍縮小)
"尺寸"設為自己需要的大小



5.字型鏤空特效方式step3

外光暈品質部份設定

這個地方最重要也最難

原本是這樣



選擇"輪廓",調成半圓
這個部份是為了讓外光暈深的越深且越密
開始呈現外框的效果



雖然此時就可以結束
不過可以在輪廓部份點兩下,編輯曲線進行調整
最後在"範圍"部份調成理想值




6.其他調整

為了避免兩個字之間,外光暈重疊或者距離太近的問題
可以在裡面打空白鍵,並且將空白字字體調整,調整字與字的空隙
如果有陰影效果,也可以使陰影特效更加突出



完成

相簿設定
標籤設定
相簿狀態