Photoshop 一個水晶風格的籃子圖標
PS聯(lián)盟 發(fā)布時間：2010-01-18 15:41:51 作者：Sener 
我要評論
我要評論本教程介紹簡單的水晶圖標的制作方法。制作過程非常簡單，把圖標的各個面分開來制作。每一個面又有高光和暗調(diào)部分，只要注意好了，就會很快做出來。
最終效果
1、新建一個600 * 600像素的文件，背景選擇白色。新建一個圖層命名為“籃子正面”，用鋼筆工具勾出圖1所示的選區(qū)。
<圖1> 2、選擇漸變工具，顏色設(shè)置如圖2，拉出圖3所示的線性漸變。
<圖2>
<圖3>
3、新建一個圖層，選擇圓角矩形工具，參數(shù)設(shè)置如上角，拉出下圖所示的圓角矩形。
<圖4> 4、選擇漸變工具，顏色設(shè)置如圖5，拉出圖6所示的線性漸變。
<圖5>
<圖6>
5、用剛才設(shè)置的圓角矩形工具拉一個稍小的白色圓角矩形，效果如下圖。把這兩個圓角矩形圖層合并。
<圖7> 6、把合并的圓角矩形復(fù)制幾個適當排行位置，效果如下圖。
<圖8>
7、回到“籃子正面”圖層，用鋼筆勾出下圖所示的選區(qū)，按Ctrl + J 復(fù)制到新的圖層。
<圖9>
8、鎖定圖層后，選擇漸變工具。顏色設(shè)置如圖10，拉出圖11所示的線性漸變。
<圖10>
<圖11> 9、把“籃子正面”圖層復(fù)制一層，用鋼筆勾出下圖所示的選區(qū)，按Delete 刪除中間部分。
<圖12>
10、取消選區(qū)，鎖定圖層后選擇漸變工具，顏色設(shè)置如圖13，拉出圖14所示的線性漸變。
<圖13>
<圖14> 11、在圖層的最上面新建一個圖層，用圓角矩形工具拉出圖15所示的圓角矩形，拉上圖16所示的線性漸變，效果如圖17。
<圖15>
<圖16>
<圖17>
12、同樣的方法加上高光部分，效果如下圖。
<圖18> 13、新建一個圖層，用矩形選框工具拉出下圖所示的矩形選區(qū)并填充顏色：#7B7B7B。
<圖19>
14、再用矩形選框工具拉一條稍小的矩形選區(qū)并拉上下圖右所示的線性漸變色。
<圖20>
15、把做好的矩形稍微變形處理，并刪除多出部分，效果如下圖。
<圖21> 16、同樣的方法制作接口部分，效果如下圖。
<圖22>
17、最后加上投影，完成最終效果。
<圖23>
1、新建一個600 * 600像素的文件，背景選擇白色。新建一個圖層命名為“籃子正面”，用鋼筆工具勾出圖1所示的選區(qū)。
<圖1> 2、選擇漸變工具，顏色設(shè)置如圖2，拉出圖3所示的線性漸變。
<圖2>
<圖3>
3、新建一個圖層，選擇圓角矩形工具，參數(shù)設(shè)置如上角，拉出下圖所示的圓角矩形。
<圖4> 4、選擇漸變工具，顏色設(shè)置如圖5，拉出圖6所示的線性漸變。
<圖5>
<圖6>
5、用剛才設(shè)置的圓角矩形工具拉一個稍小的白色圓角矩形，效果如下圖。把這兩個圓角矩形圖層合并。
<圖7> 6、把合并的圓角矩形復(fù)制幾個適當排行位置，效果如下圖。
<圖8>
7、回到“籃子正面”圖層，用鋼筆勾出下圖所示的選區(qū)，按Ctrl + J 復(fù)制到新的圖層。
<圖9>
8、鎖定圖層后，選擇漸變工具。顏色設(shè)置如圖10，拉出圖11所示的線性漸變。
<圖10>
<圖11> 9、把“籃子正面”圖層復(fù)制一層，用鋼筆勾出下圖所示的選區(qū)，按Delete 刪除中間部分。
<圖12>
10、取消選區(qū)，鎖定圖層后選擇漸變工具，顏色設(shè)置如圖13，拉出圖14所示的線性漸變。
<圖13>
<圖14> 11、在圖層的最上面新建一個圖層，用圓角矩形工具拉出圖15所示的圓角矩形，拉上圖16所示的線性漸變，效果如圖17。
<圖15>
<圖16>
<圖17>
12、同樣的方法加上高光部分，效果如下圖。
<圖18> 13、新建一個圖層，用矩形選框工具拉出下圖所示的矩形選區(qū)并填充顏色：#7B7B7B。
<圖19>
14、再用矩形選框工具拉一條稍小的矩形選區(qū)并拉上下圖右所示的線性漸變色。
<圖20>
15、把做好的矩形稍微變形處理，并刪除多出部分，效果如下圖。
<圖21> 16、同樣的方法制作接口部分，效果如下圖。
<圖22>
17、最后加上投影，完成最終效果。
<圖23>
相關(guān)文章
今天我們繼續(xù)來介紹ps基礎(chǔ)教程，這篇我們主要講橡皮擦工具組和填充工具組，這兩個工具在修圖的時候是比較常用的，下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么？簡單來說，ps軟件中的圖層就好比是一張“透明紙”，將圖像的各個部分繪制在不同的“透明紙”上，可以看到紙后的東西，而且每層紙都是獨立的，下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解，在使用ps的時候，我們經(jīng)常會在圖層上添加一些效果，這就是圖層樣式，該怎么應(yīng)用呢？詳細請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候，我們希望能把一張圖片均勻地分成幾張圖片，就像拼圖一般的效果，需要某一部分隨時可以拿出來使用，該怎么操作呢？詳細請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非?；A(chǔ)的操作，但也是非常實用的技能，在Photoshop中，調(diào)整字體大小的方式有多種，詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小，使用起來非常的不方便，因此有不少用戶想將其大小進行調(diào)節(jié)，具體該如何操作呢？詳細請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦？ps中圖層解鎖失敗，提示圖層被父圖層鎖定該怎么辦呢？下面我們就來看看詳細的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦？ps描邊在使用的過程中，發(fā)現(xiàn)只能調(diào)到288像素，該怎么操作呢？下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦？ps工具欄中有很多工具，但是發(fā)現(xiàn)有些工具不見了，該怎么辦呢？下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝？ps2024發(fā)布以后，很多朋友想要嘗試信工鞥，該怎么下載安裝呢？下面我們就來看看ps2024安裝圖文教程2023-11-30
