數碼資源網

文章頻道 軟件下載 安卓下載 蘋果下載

當前位置:首頁文章中心平麵專欄Photoshop → Photoshop實例教程 製作精致清新的氣泡圖標

Photoshop實例教程 製作精致清新的氣泡圖標

時間:2013-04-06 10:55:33人氣:209作者:網友整理
小氣泡圖標包手機版(好看的手機圖標包) v1.3.1.1 安卓版
小氣泡圖標包手機版(好看的手機圖標包) v1.3.1.1 安卓版 for Android
  • 類型:安卓桌麵美化大小:23.80M語言:簡體中文 評分:3.0
  • 如果大家平時比較喜歡一些好看的手機主題的話,那就來試一試小氣泡圖標包手機版吧!這...
立即下載
UI設計教程安卓版(最係統的UI教程) v1.4.2 手機版
UI設計教程安卓版(最係統的UI教程) v1.4.2 手機版 for Android
  • 類型:安卓係統應用大小:26.58M語言:簡體中文 評分:3.0
  • 為用戶提供如何最手機界麵設計的繪畫和圖標設計基礎教學。UI設計教程安卓版同時還有...
立即下載
小A教程安卓官方版(iApp學習教學) v1.2 正式版
小A教程安卓官方版(iApp學習教學) v1.2 正式版 for Android
  • 類型:安卓學習閱讀大小:17.01M語言:簡體中文 評分:3.0
  • 這是一款全新的iApp快捷高效的安卓端學習與應用托管平台。小A教程安卓官方版幫你...
立即下載

下麵為大家介紹一個圖標製作方法。它是由氣泡與中間部分的球體兩個部分構成,氣泡部分要複雜一點,由內外兩個氣泡構成。綠色球體部分製作要簡單一點,直接使用素材合成就可以了。大家自己嚐試著做一下。
完成效果圖

Photoshop實例教程 製作精致清新的氣泡圖標

1、新建一個1000 * 750像素文件,選擇漸變工具,顏色設置如圖1,拉出圖2所示的徑向漸變作為背景。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖1> 


<圖2> 
 

2、新建一個組,選擇橢圓選框工具,按住Shift鍵拉出下圖所示的正圓選區,然後給組添加圖層蒙版,如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖3> 

3、在組裏新建一個圖層,選擇漸變工具,顏色設置自帶的彩虹漸變,拉出漸變後再選擇橢圓選框工具,在中心位置拉出下圖所示的整體選區,羽化25個像素後按Delete鍵刪除中間部分,效果如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖4> 

4、用鋼筆工具勾出下圖所示的選區,羽化5個像素後按Ctrl + J 把選區部分色塊複製到新的圖層,適當移動一下位置,再把底部的彩虹漸變圖層隱藏,效果如下圖。


<圖5> 

5、新建一個圖層,用鋼筆勾出右側邊緣部分的高光選區,羽化20個像素後填充白色,如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖6> 
 

[page]
 

6、新建一個圖層,用鋼筆勾出左下角部分的高光選區,羽化6個像素後填充白色,可以適當降低圖層不透明度,添加圖層蒙版,用黑色畫筆把兩端的過渡擦出來,如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖7> 

7、新建一個圖層,同上的方法給左下角增加一條較小的高光,如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖8> 

8、新建一個圖層,同上的方法給頂部增加一點高光,到這裏外部氣泡基本完成。


<圖9> 

9、新建一個組,用橢圓選框工具在氣泡的中間拉出下圖所示的正圓選區,給組添加圖層蒙版,如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖10> 
 

10、在組裏新建一個圖層,用鋼筆勾出邊緣部分的高光區域,羽化15個像素後拉上圖12所示的線性漸變。


<圖11> 


<圖12> 

11、新建一個圖層,同上的方法給內部氣泡的頂部增加一點高光,如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖13> 

12、新建一個圖層,用橢圓選框工具拉出下圖所示的橢圓選區,填充白色。取消選區後添加圖層蒙版,用黑色畫筆把底部的過渡擦出來,效果如下圖。


<圖14> 

13、新建一個圖層,同上的方法給底部增加一些淡淡的高光,如下圖。


<圖15> 
 

[page]
 

14、新建一個圖層,頂部再增加一些細小的光束,增強細節,如下圖。到這裏內部氣泡基本完成。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖16> 

15、調出外部氣泡組的選區,在圖層的最上麵新建一個組,給組添加圖層蒙版。


<圖17> 

16、用鋼筆工具勾出下圖所示的選區,羽化15個像素後填充白色,作為兩個氣泡中間的高光。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖18> 

17、其它部分同樣的方法增加一些高光,氣泡部分基本完成,效果如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖19> 

18、調出內部氣泡組的選區,在外部氣泡組的上麵新建一個組,給組添加圖層蒙版,如下圖。


<圖20> 
 

19、打開圖21所示的泥土素材,拖進來,適當擺好位置,然後用鋼筆工具勾出所需的部分,給圖層添加圖層蒙版,效果如圖22。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖21> 


<圖22> 

20、用鋼筆勾出下圖所示的條紋效果,羽化2個像素後按Ctrl + J 把選區部分的紋理複製到新的圖層,混合模式改為“正片疊底”,按Ctrl + Alt + G 創建剪貼蒙版,效果如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖23> 

21、泥土的邊緣增加一些暗部及高光,左側為高光,右側部分增加暗部,如下圖。


<圖24> 

22、打開草地素材,拖進來,適當放好位置,用鋼筆勾出圖26所示的選區,給草地圖層添加圖層蒙版,效果如圖27。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖25> 

Photoshop實例教程 製作精致清新的氣泡圖標
<圖26> 

Photoshop實例教程 製作精致清新的氣泡圖標
<圖27> 
 

[page]
 

23、同上的方法給草地增加一些高光及暗部,如圖28,29。


<圖28> 


<圖29> 

24、打開圖30所示的綠植素材,拖進來,適當調整大小,效果如圖31。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖30> 


<圖31> 

25、新建一個圖層給綠植增加一些陰影,效果如下圖。

Photoshop實例教程 製作精致清新的氣泡圖標
<圖32> 

最後微調一下細節,完成。

最後效果圖:

相關文章

感謝速聯科技、八度網絡、九九數據、億恩科技、群英網絡讚助部分帶寬!

關於本站 | 聯係方式 | 版權聲明 | 下載幫助(?) | 網站地圖

Copyright 2002-2020 95262.com 【數碼資源網】 版權所有 粵ICP備2020128507號-1

本站所有軟件來自互聯網,版權歸原著所有。如有侵權,敬請來信告知 ,我們將及時撤銷。