【 PS電腦繪圖 】Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

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

文章出處是來自站酷的PS教程類文章,寫教學的作者是全棧UI筆記,感謝全棧UI筆記提供鼠繪教程的實作教學。

教學大綱:

本教程主要使用Photoshop繪製立體感十足的相機鏡頭圖標,教程的主要部分都是用圖層樣式來完成的,感興趣的朋友一起來學習吧。


鼠繪教程教學開始

視頻教程和教程源文件:相機鏡頭主題的APP圖標PS教程素材

最終效果:

Photoshop繪製立體逼真的相機圖標教程

老規矩,先來分析一下。這裡我們主要分為四個部分:底座、綠條、大鏡頭、小鏡頭,其他問題都不大,主要是鏡頭部分、需要用到多個圖層及圖層樣式,來表現圖標的立體感,騷年分析完已經成功一半了,離成功還會遠么,噢耶!!!

Photoshop繪製立體逼真的相機圖標教程

步驟一:

首先新建畫布800*600畫布,命名為相機,填充背景顏色#c5c3c6

Photoshop繪製立體逼真的相機圖標教程

步驟二:

使用圓角矩形、繪製一個280*280,圓角半徑為50px的圖層,並為它添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟三:

接下來我們新建85*280的矩形,命名為綠條、添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟四:

使用橢圓工具、繪製一個170*170的大圓,並為它添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟五:

繼續使用橢圓工具、繪製一個150*150的圓,並為它添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟六:

繼續使用橢圓工具、繪製一個135*135的圓,並為它添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟七:

我們繼續使用橢圓工具、繪製一個115*115的圓,並為它添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟八:

繼續使用橢圓工具、繪製一個70*70的圓,並為它添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟九:

繼續使用橢圓工具、繪製一個65*65的圓,並為它添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟十:

有木有很快,現在我們來繪製最後一個圓,繼續使用橢圓工具、繪製一個28*28的圓,並為它添加圖層樣式。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

步驟十一:

使用橢圓工具、繪製二個白色的圓,調節變換大小。

Photoshop繪製立體逼真的相機圖標教程

步驟十二:

現在使用形狀工具布爾運算為鏡頭添加高光吧、繪製兩個正圓相交命令下留取高光形狀,顏色為白色。

Photoshop繪製立體逼真的相機圖標教程

步驟十三:

接下來為高光添加圖層蒙版擦除不需要的位置,將填充數值重新設置。

Photoshop繪製立體逼真的相機圖標教程

步驟十四:

嘻嘻差不多了c( ̄ ̄)ノ,高逼格的趕腳有木有,最後我們用形狀工具,高斯模糊命令將投影位置處理一下吧。

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

Photoshop繪製立體逼真的相機圖標教程

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

文章永久連結為: Photoshop繪製立體逼真的相機圖標教程