1、實現這個效果,確實比你想像的要簡單.只需幾個漸變和一些特效.
在此例中,最終的結果是做一個膠囊型的按鈕,如果你選用其它圖形,別忘了使圖形的角更平滑些,這樣才能得到更好的效果.具體方法是:
Gaussian Blur 你要平滑的地方並進行Brightness / Contrast調整.
開始.
新建一透明層, 畫出一個黑色膠囊狀的圖形.方法是:先畫一正圓切換移動工具(Move tool)按住Shift向右拖動鼠標, 將複製的圓形放在合適位置,接著畫一長方形將兩個原形連接起來並填充黑色.合併圖層,這樣你就得到了膠囊按鈕的圖形...
.
2 新建一層,改變圖層混合模式為Screen. 選擇合適的前景色和背景色,從按鈕的頂部到底部拖一垂直漸變.在這裡我用了0x2654A0 和 0xAFCBEE做前景色和背景色. 注意:我所選用的顏色都不是網頁安全色(web-safe colors).如果你要把此按鈕放在網頁上的話,可能需要尋找更好的顏色 ,否則別人看不到不是太可惜了嗎. Right?
按住Ctrl+G將漸變層置入按鈕圖層中..
.
3\
Ctrl+點擊黑色按鈕圖層, 將選擇區域保存為通道. 選擇你所創建的通道, 保持選擇區域浮動, 收縮(contract)它 (具體收縮的數量要看你圖像的大小而定) 直到如圖所示.
對於其它樣式的圖形, 例如文字一類有銳角的圖形, 你可能需要應用 Select > Modify > Smooth 來平滑圖形,具體的數量根據具體情況而定.
反轉選擇區域..
.
4保持選擇區域浮動按 Q進入快速蒙版.在按鈕的底步畫一長方形並填充黑色,最終效果如圖,其中紅色部分代表未選中部分.
快速蒙版比通道的好處就是,它能立刻讓我看到效果..
.
5用高斯模糊(Gaussian Blur) 和亮度/對比度( Brightness / Contrast )進行調整, 如圖. 按 Q退出快速蒙版模式再次將選擇區域存入通道中.這一步是為按鈕的頂部加入高光.
.
6複製 先前收縮的Alpha channel, 並進行Gaussian Blur. 這一步將給按鈕的底部加入高光. 因為它沒有硬邊,所以我們不需進入快速蒙版 模式..
.
7如果你回到層面版, 新建一層讀取我們為按鈕頂部高光建立的Alpha通道選擇區域. 選擇層>新建圖層蒙版>顯示選擇區域( Layer > Add Layer Mask > Reveal Selection).
點擊層圖標確保我們是在圖層上工作而不是圖層蒙版. 選擇漸變工具, 在漸變屬性面版中選擇白色前景色到透明的漸變. 從按鈕頂部到中部做一線性漸變填充.將不透明度調到到80%..
.
8新建一層選擇混合模式為Color Dodge. 讀取我們為按鈕底部高光建立的Alpha通道的選擇區域. 再次選擇層>新建圖層蒙版>顯示選擇區域(Layer > Add Layer Mask > Reveal Selection).
選擇漸變工具設置為白色前景色到透明漸變, 從按鈕底部到中部拖動. 雙擊該圖層,打開層特效面版(layer style),將填充不透明度(Fill opacity)調到到35%.注意,是」填充不透明度(Fill opacity)」 一定要看清楚..
.
9你知道我非常喜歡閃爍的光線.這是蘋果按鈕所沒有的,我想它的效果非常不錯. 如果你沒有看過我先前的chrome tutorial, 這裡將告訴你如何做這些閃光:
新建一層選擇一個巨大的soft brush. 點擊停留少許時間, 接著, 不要移動畫筆的中心點, 按下 [ 鍵選擇一個稍小的soft brush再點擊並停留一些時間. 接著再按一次 [鍵 選擇一個較小的soft brush繼續繪製..
.
10現在為原始的黑色膠囊層添加陰影(dropshadow) 特效. 不要選擇太暗的顏色; 因為我們是在做蘋果按鈕, 不是嗎? 它是透明的, 所以光線會穿過按鈕. 因此最好選擇一個接近按鈕的顏色做陰影.
現在給按鈕加入一些黑色文字. 蘋果在Mac OS X用的是 Lucida Sans 字體. Roman字體 應該也不錯.
為文字層加入 陰影(dropshadow)特效. 讓陰影稍稍遠離文字一些距離,調整陰影的不透明度為80%.
.
11Hey,那就是最終的效果. 如果你還想更進一步並在按鈕後加入一些灰線,往下看. 適合的背景圖案將使你的按鈕顯得更加透明.
新建一任務,白色背景.新建一層模式為 Multiply.畫一水平的黑線 擴展置畫部兩邊.用 移動工具,按下 Alt 和 Shift 將複製線條向下移動一些. 這樣將新建一線條複製層,執行Ctrl-E將它與原先的線條層合併.
站設計作品圖片 levitat