Photosop制作網站標志

現在的網頁設計中，比較常用的文字效果並不多，實現的方法也很簡單。所以接下來的內容我希望能對在網頁設計中的新手有所幫助。

　　我這篇教程將圍繞2個關鍵字：漸變、陰影。

　　1、更有質感的字

　　

　　圖1

　　我們先看圖片裡這個LOGO，它顯得更有質感，文字有一張向外伸展，不會死板地貼在網頁上。如果你仔細觀察，你會很容易發現文字的brightkite都使用了色彩“漸變”。是的，文字的顏色都不是單色填充，而是“漸變”。“漸變”為什麼看起來更有質感呢?這是因為這裡模擬了大自然光照中的效果，即高光部分在文字的上方，而低光在下。同時也不要忽略了另一個細節，就是文字的“陰影”。

　　那到底要怎麼做呢?

　　

　　圖2

　　留意圖中的2跟3，如果你還不懂如何添加漸變。請在圖層面板中雙擊“圖層名”右邊的空白處，或是點擊下圖中的第2個按鈕(在圖層面板下方)打開樣式面板。

　　

　　圖3

　　“漸變疊加”，然後按下圖設置。漸變的顏色選擇2個同色系但是有“深淺對比”的顏色。例如例子中，一個淺綠跟深綠。這樣才能模擬光照效果。

　　

　　圖4

　　好了，剩下陰影。還是一樣在樣式面板左側點“投影”，然後按下圖設置：

　　

　　圖5

　　再看其他使用了這個方法的網站設計：

　　

　　圖6

　　2、凹陷的字

　　照例我們看一個例子：

　　

　　圖7

　　ALEX BUGA網站的LOGO，我覺得是凹陷字體的典范。而這樣的字體效果很明顯有一種凹陷在背景裡的感覺，甚至文字像是刻在石頭上一般。如果你已經完成了第一個文字效果，那麼接下來的內容對你是相當簡單的。

　　

　　圖8

　　(1)首先輸入文字，顏色填充為較背景更深的顏色，例子中為#4e3400

　　(2)添加“內陰影”樣式，設置如下圖：

　　

　　圖9

　　(3)添加“斜面和浮雕”樣式，設置如下：

　　

　　圖10

　　3、作品完成。 該效果需注意:

　　(1)字體顏色選擇與背景色要搭配;

　　(2)第2步的內陰影設置時，3lian素材，“大小”與”距離”可以根據你的文字大小來調整;

　　(3)添加內斜面只為增強白色的光照效果，可以選擇不加。

　　接下來看一些使用“凹陷”效果的網站設計：

　　

　　圖11

　　

　　圖12