search
【 PS創意設計 】Photoshop製作立體效果的海洋球圖標 – PS筆刷工廠

【 PS創意設計 】Photoshop製作立體效果的海洋球圖標 – PS筆刷工廠

Photoshop製作立體效果的海洋球圖標

這一次的教學是屬於PS教程領域中的設計教程的相關教學。

文章出處是來自站酷的PS教程類文章,寫教學的作者是Zhouyuling909,感謝Zhouyuling909提供設計教程的實作教學。

教學大綱:

作者把圖標分為兩個大的部分:氣泡和景觀。氣泡部分先做好選區,用透明漸變拉好淡淡漸變色,中間部分手工添加一些高光即可;景觀部分直接使用素材,用蒙版等控制範圍,局部再處理一下細節即可。


設計教程教學開始

先看看效果圖

Photoshop製作立體效果的海洋球圖標

1、新建大小自定的畫布。新建三個圖層,分別畫出三個中心透明的圓,如下圖。

Photoshop製作立體效果的海洋球圖標

2、測試一下,在背景中加入一張圖片,就可以看到藍色的圓,中間部分完全透明的。

Photoshop製作立體效果的海洋球圖標

3、三個圓畫好,併疊加在一起,應該是這樣。

Photoshop製作立體效果的海洋球圖標

4、再給圓的中心和邊緣添加一些高光。

Photoshop製作立體效果的海洋球圖標

5、為了便於學習。我們把這兩種高光的製作方法詳細說明一下。兩種高光分為高光1和高光2;高光1是一個半圓環的高光;高光2是一個圓環形的高光。

Photoshop製作立體效果的海洋球圖標

6、高光1的具體做法如下。

Photoshop製作立體效果的海洋球圖標

Photoshop製作立體效果的海洋球圖標

7、高光2跟高光1的製作方法類似,唯一的區別是高光1是個半圓環形,高光2是個圓環形,如下圖。

Photoshop製作立體效果的海洋球圖標

Photoshop製作立體效果的海洋球圖標

Photoshop製作立體效果的海洋球圖標

8、高光點製作:高光點的做法是利用路徑畫出高光點的形狀,然後填充白色。

Photoshop製作立體效果的海洋球圖標

Photoshop製作立體效果的海洋球圖標

Photoshop製作立體效果的海洋球圖標

9、氣泡部分已經完成,現在給氣泡內增加景觀。先定義好參考線,確定水面的深度,顏色自定。

Photoshop製作立體效果的海洋球圖標

10、再畫個橢圓,確定好水面的範圍。

Photoshop製作立體效果的海洋球圖標

11、然後加上圖片素材。

Photoshop製作立體效果的海洋球圖標

Photoshop製作立體效果的海洋球圖標

12、添加圖層蒙版。

Photoshop製作立體效果的海洋球圖標

13、還是用這張圖截取兩塊海浪放在水面上,再用橡皮擦擦除多餘部分。

Photoshop製作立體效果的海洋球圖標

14、用畫筆沿着波浪的紋理畫,讓波浪更立體。

Photoshop製作立體效果的海洋球圖標

15、為半圓塗些深藍色,讓海洋更加立體。

Photoshop製作立體效果的海洋球圖標

16、加入一張海藻的圖片,用蒙版控制範圍。

Photoshop製作立體效果的海洋球圖標

17、按相同的方法添加魚類,水泡等,使整個海洋更加生動。

Photoshop製作立體效果的海洋球圖標

18、加上島嶼,同樣用圖層蒙版控制範圍。

Photoshop製作立體效果的海洋球圖標

Photoshop製作立體效果的海洋球圖標

19、在氣泡下麵價格模糊的橢圓。

Photoshop製作立體效果的海洋球圖標

最終效果:

Photoshop製作立體效果的海洋球圖標

–本文轉載自 http://www.missyuan.net 教學網 —

版权所有,保留一切权利! © 2019 PS筆刷工廠
熱門推薦

本文由 筆刷工廠 提供 原文連結

筆刷工廠
寫了4363篇文章,獲得7次喜歡
留言回覆
回覆
精彩推薦