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

Photoshop繪製立體風格的相機圖標教程

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

文章出處是來自飛特網的PS教程類文章,寫教學的作者是小麥啦,感謝小麥啦提供鼠繪教程的實作教學。

教學大綱:

本教程主要使用Photoshop繪製立體風格的相機圖標教程,主要通過圖層樣式來完成,希望思緣的朋友可以學習到更多的PS技術。


鼠繪教程教學開始

先看看效果圖

Photoshop繪製立體風格的相機圖標教程

圖標原圖是鎚子手機鏡頭,自己很喜歡鎚子的ICON設計,捧着對鎚子手機設計師的崇拜和敬佩,於是自己花了空閑時間做了這樣一個寫實鏡頭圖標繪製 ~ 源文件在下面大家可以下載,每一步都很詳細噢~嘻嘻(可愛臉)

堅持做完這個教程,你會對寫實圖標有一定的認識和感觸

新建一個994*740的畫布

Photoshop繪製立體風格的相機圖標教程

先新建一個正圓,並垂直水平居中,添加圖層樣式(fx)。漸變疊加和投影

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

效果如下圖

Photoshop繪製立體風格的相機圖標教程

[2]複製橢圓1 ,調整橢圓2大小為450*450,添加圖層樣式(fx)。漸變疊加和投影

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

效果如下圖

Photoshop繪製立體風格的相機圖標教程

[3]複製橢圓2 ,調整橢圓2大小為440*440,添加圖層樣式(fx)。漸變疊加和內陰影

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

繼續複製橢圓4

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

現在繼續畫鏡頭內部。新建橢圓1 ,顏色疊加。

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

複製剛才的橢圓1。並ctrl+t ,拖動減小橢圓,效果如下圖所示:

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

命名為主心圓 ,顏色填充為 2277b2。

接下來都在主心圓上進行創建剪貼蒙版。

1 複製橢圓1 ,橢圓進行高斯模糊邊緣並且上移。顏色疊加0f0f1b

如圖所示:

Photoshop繪製立體風格的相機圖標教程

新建橢圓 描邊填充0a0e58 水平垂直居中,並添加內陰影和投影

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

新建橢圓 ,大小自己認為的適合調節,填充1e4db1,加圖層蒙版,黑白漸變控制舒適虛化。

Photoshop繪製立體風格的相機圖標教程

再次新建橢圓 ,大小自己認為的適合調節,填充0e57a9,加圖層蒙版,黑白漸變控制舒適虛化

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

新建多邊形三角形 ,填充2f6eab,圖層不透明度為10%。圖層混合模式為變亮,複製,上下對稱

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

接下來添加圓形亮光,並置於主心圓最上部分。調整適合的不透明度。

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

現在完成鏡頭內部,部分進行高斯模糊以為圖層蒙版來調整。

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

最後在主心圓最低端添加亮光點綴,形狀橢圓高斯模糊。注意不透明度調整。圖層混合模式為變亮

Photoshop繪製立體風格的相機圖標教程

Photoshop繪製立體風格的相機圖標教程

然後就大功告成啦! 其實很簡單對不對。

Photoshop繪製立體風格的相機圖標教程

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

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