桌面圖標設計—水晶按鈕的制作技巧!

桌面圖標設計—水晶按鈕的制作技巧!

我想大家對桌面圖標設計一點都不會陌生,因為只要您用過電腦都應該知道 。電腦就是用著一個個的圖標設計來作為他的標記,來作為大家存儲資料的一個識別 。但是小編不知道大家是否知道水晶按鈕是什么,是否知道水晶按鈕的制作方法是什么樣的 。今天小編就想給大家介紹幾種水晶按鈕的制作方法,希望大家會喜歡 。
首先打開Photoshop,新建一個文件,選擇:文件→新建菜單命令,會出現如圖所示的對話框 。由于按鈕的制作尺寸不需要太大 , 這里預設的寬度和高度分別為271、46 。單位選擇為像素,分辨率設置為72像素/英寸,顏色模式為RGB , 這也是網頁的規定顏色模式 。
再按住矩形工具 下面的小三角形展開工具,選擇“圓角矩形工具”,然后在 畫布上畫一個長110、寬32的圓角矩形,圖像自動填充為前景色,單擊圖層→圖層樣式,選擇投影,再如圖的對話框中拔不透明度設置為5%(根據個人喜愛) , 距離設置為2像素 。改變設置所生成的效果,可以在右側預覽串口中看到效果 。

然后添加一個圖層效果,單擊“顏色疊加”,在“混合模式”中選擇“顏色疊加”,根據個人喜好選取一個顏色(如R:255 , G:0 , B:51),單擊確定,選擇顏色后,把“不透明度”設置為57% 。單擊“內發光”,切換到相應的位置,選擇一個內發光的顏色 , 與之前的“顏色疊加”操作一樣,選擇一個顏色(R:153,G:0,B:0),這是就出現了一個有邊緣向內簡便的效果 。然后設置大小為10像素(改變這里的數值 , 就會改變由邊緣向中心漸變效果的大?。?。

下面來疊加真正的漸變,這個樣式會使按鈕出現一個深度感 。單擊“漸變疊加”,切換到相應的位置 。選擇“反向”,“角度”設置為90度,不透明度設置為78% 。現在方形有了一個自上而下、由深及淺的漸變效果 。
最后制作一個高亮反光 。單擊“斜面和浮雕”,切換到相對應的設置,改變設置選項——樣式、深度、大小、軟化,就會在方形上得到一個白色高光 。為按鈕添加文字 , 單擊”文字“按鈕 , 輸入文字:唐人游”,字體根據個人喜歡 , 字號為18 , 文字距離為75,顏色為R:0 , G:102,B:255 。用移動工具,把文字放在按鈕的合適位置上 。再給文字做點修飾 , 單擊“圖層樣式”,選擇“圖層疊加”疊加一個白色(R:255,G:255 , B:255) 。然后單擊“外發光” , 給文字作一個發光效果 。這樣就完成了水晶按鈕的制作 。

第二種: 1. 打開photoshop,在新建的畫布上用形狀畫一個圓角矩形為了操作方便可可以將矩形柵格 化,并填充上您喜歡的顏色 。
2.按住”Ctrl“鍵單擊圓角矩形所在的圖層 , 獲得選區 。然后單擊“選擇?D?D>>修改?D?D>>收縮”在彈出的對話框中輸入“2”(具體值可以根據需要來調整) 。
3.從“工具面板中選擇“漸變工具”然后選擇“透明漸變”并將漸變顏色調為白色 。如圖3所示 。
4.新建一個圖層『名稱為圖層1』(這點很重要 , 方便以后得修改),然后用“透明漸變”工具拉個漸變 , 然后在新建一個圖層2,拉個反相得漸變
5.選中圖層1,刪除圖層1的部分漸變效果 , 從按鈕上方1/3處 , 再調節一個各圖層的透明度,加上點文字最終得到如下效果(附按鈕的效果圖解說明,按鈕最終效果可以按自己的需要調節。
其實設計水晶按鈕有很多種方式,就想桌面圖標設計也是有很多種方式方法,小編給大家介紹的只是其中的幾種方法,不知道您試過么?希望能幫助到您 。
【桌面圖標設計—水晶按鈕的制作技巧!】

經驗總結擴展閱讀