當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

圖標制作,用ps制作逼真的攝像機圖標

來源:站酷 作者:Anyouees 學習:4942人次

本篇教程通過ps制作一款寫實的相機圖標,相機圖標同學們做了很多了,每個制作方法大同小異,但是造型不盡相同,本篇又是一個新造型,和以往做過有所不同,各位愛好設計的同學們一起來制作一下吧。

效果圖:

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

下面是詳細的制作步驟:

第一步:新建六600x600,顏色:eeeeee。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn 

第二步:用圓角矩形工具拉出以下形狀,填充顏色8e909c。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

設置以下圖層樣式

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

載入上面給的金屬拉絲圖案。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第三步:新建圖層 ,橢圓

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖層樣式設置如下

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第四步:新建圖層 做,做出十字圖形,我這里用的是矩形工具合成。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖層樣式設置如下

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第五步:選擇ps自帶圖案灰色花崗巖花紋紙,沒有的可以到上面我給的圖案中下載。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

拷貝多兩顆螺絲釘放在另外的兩個角。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

用矩形工具新建下面形狀。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

設置下面圖層樣式

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

效果圖

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第六步:新建圖層,載入上面的矩型選區(qū)。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

設置描邊矩形描邊的圖層樣式,設置如下。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第七步:在添加個文字,做顯示屏的時間用。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

用橢圓工具分別新建三個圖層的圓

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖層樣式設置如下

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第七步:三個橢圓形狀的顏,顏色分別是紅ff6464,綠64ff73,藍6464ff

另外兩個橢圓形狀的其他樣式都一樣,只改變顏色疊加。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第八步:用矩形工具新建11層矩形形狀排列如下。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

每個矩形形狀的圖層樣式設置如下。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

新建橢圓形狀

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

樣式設置如下

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

選擇多邊形工具,設置參數(shù)。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖層樣式設置如下

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第九步:在多邊形形狀上面新建多個橢圓。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

樣式設置如下

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第十步:到這里已經完成了一面,新建個組,歸納進去,這樣方便打理。

圖標制作,用ps制作逼真的攝像機圖標_www.theoat.com.cn

第十一步:開始第二面

用矩形工具做出圖形,注意左右兩個角的弧度。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
16219050272020-03-31 08:39
我的作業(yè):

User_qhPyzAu6Wu2018-06-09 06:43
很不錯
鶴影掠寒潭2018-06-08 05:57
謝樓主,教程寫的很詳細,希望樓主能做出更多更好的教程
你也在這里2018-06-08 02:34
老師好利害
命運要祈禱2018-06-08 01:52
我也學習一下,做了半天就做不出來
莫忘勿念2018-06-07 10:46
學習了一下
戀上你的美sky2018-06-07 10:43
這個教程很有問題步驟不夠清晰
血染繁花2018-06-07 07:08
作者的教程都好棒
那曾經2018-06-07 04:14
適用,謝謝~
貓崽小不2018-06-07 06:19
簽到

關注大神微博加入>>

網友求助,請回答!