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

圖標制作,用PS打造輕擬物相機圖標

來源:公眾號 作者:阿門教你PS 學習:12863人次

用PS打造輕擬物相機圖標

效果圖:

圖標制作,用PS打造輕擬物相機圖標_m.tgudhdp.cn想學更多請訪問m.tgudhdp.cn

操作步驟:


Step 01 點擊 — 【文件】— 【新建】(快捷鍵http://m.tgudhdp.cn/photoshop/jiaocheng/110097.htmlCtrl+N)新建一個新的圖像,命名好并把寬度設置為800px,高度為600px,分辨率為72dpi,然后點擊確定,記得順手保存文件(快捷鍵Ctrl+S)。


圖標制作,用PS打造輕擬物相機圖標_m.tgudhdp.cn


Step 02 選擇【圓角矩形工具】(快捷鍵U,可按Shift+U切換),在畫布點擊【創(chuàng)建圓角矩形】彈出層,設置寬度為200px,高度為150px,半徑10px,并勾選【從中心】,然后點擊確定;(PS:因為是不規(guī)則形狀的主題圖標,長寬比采用4:3比例)


圖標制作,用PS打造輕擬物相機圖標_m.tgudhdp.cn


Step 03 重命名圖層為di,右鍵選擇【混合選項】,設置【描邊】:大小為1,位置內部,填充類型為漸變,色值從上到下為 #ededed — #ffffff,角度為90°,【漸變疊加】:線性漸變,色值從上到下為 #f1f1f1 — #ffffff,角度為90°;再復制圖層(快捷鍵Ctrl+J),重命名為di2,填充顏色改為b9b9b9,并把圖層向下移動三像素;


圖標制作,用PS打造輕擬物相機圖標_m.tgudhdp.cn


Step 04 繪制鏡頭部分,選擇【橢圓工具】(快捷鍵U,可按Shift+U切換),按住Shift鍵畫個正圓,大小自定適合即可,源文件的大小是為120×120px,圖層重命名為B_yuan;設置圖層混合選項:【描邊】:大小為5,位置外部,填充類型為漸變,色值從上到下為 #d5d5d5 — #e6e6e6,角度為90°,【漸變疊加】:色值從上到下為 #292929 — #232323,角度為90°,【投影】:顏色為#323232,角度90°,距離7px,擴展0,大小13px;復制圖層B_yuan重命名為Blue_yuan;點擊【編輯】—【自由變換路徑】(快捷鍵Ctrl+T),縮小60%(記得點擊【保持長寬比】),右鍵清除圖層樣式,選擇【混合選項】設置:【描邊】:大小1px,位置內部,顏色# 111111,【漸變疊加】:線性漸變,色值從上到下為 # 082441 — # 08101b,角度為90°;再用【橢圓工具】畫個正圓,大小自定,命名為S_yuan,填充顏色# 0c0c0c,最后畫鏡頭的高光,一樣用【橢圓工具】畫個正圓,大小自定,命名為guang,填充顏色# FFFFFF,不透明度為10%;


圖標制作,用PS打造輕擬物相機圖標_m.tgudhdp.cn


Step 05 繪制相機的頂部,用【橢圓工具】和【矩形工具】通過刪除部分節(jié)點、路徑移動和填充顏色等繪制,在此就不一一詳解;最后繪制相機的小紅點,用【橢圓工具】畫個正圓,大小自定,放在相機的左上角位置,設置圖層樣式:【描邊】:大小1px,位置外部,顏色#ff4d42;【內陰影】:顏色#ff483d,角度90°,距離5px,阻塞0,大小8px;【漸變疊加】:線性漸變,色值從上到下為 # fe574c — #ff463b,角度為90°;完成圖標的繪制。


圖標制作,用PS打造輕擬物相機圖標_m.tgudhdp.cn

完成:

圖標制作,用PS打造輕擬物相機圖標_m.tgudhdp.cn想學更多請訪問m.tgudhdp.cn

學習 · 提示

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

plpl5202023-02-04 02:07
頂啊.想要哦........
查查2022-11-21 02:38
??
leilihaiha2022-08-16 10:32
可以 +v: leistyle88888
貓貓雨0072022-08-09 09:58
謝謝樓主!
貓貓雨0072022-08-09 09:58
謝謝樓主!
貓貓雨0072022-08-09 08:18
謝謝樓主!
moy2022-07-28 05:47
不值這么多,太坑了
Time-is-life2022-07-27 09:34
看完樓主的帖子,我的心情竟是久久不能平靜。正如老子所云:大音希聲,大象無形。我現(xiàn)在終于明白我缺乏的是什么了,正是樓主那種對真理的執(zhí)著追求和樓主那種對理想的艱苦實踐所產生的厚重感。面對樓主的帖子,我震驚得幾乎不能動彈了,樓主那種裂紙欲出的大手筆,竟使我忍不住一次次地翻開樓主的帖子,每看一次,贊賞之情就激長數(shù)分,我總在想,是否有神靈活在它靈秀的外表下,以至能使人三月不知肉味,使人有余音繞梁、三日不絕的感受。樓主,你寫得實在是太好了。我惟一能做的,就只有把這個帖子頂上去這件事了
PSOK2022-06-04 12:07
人可 發(fā)表于 2009-5-11 17:56
老大怎么用呀photoshop:0003 ,請教
怎么
rocaf2k2022-05-31 12:05
37,太佛心啦
我心飛揚0202022-05-27 04:27
看完樓主的帖子,我的心情竟是久久不能平靜。正如老子所云:大音希聲,大象無形。我現(xiàn)在終于明白我缺乏的是什么了,正是樓主那種對真理的執(zhí)著追求和樓主那種對理想的艱苦實踐所產生的厚重感。面對樓主的帖子,我震驚得幾乎不能動彈了,樓主那種裂紙欲出的大手筆,竟使我忍不住一次次地翻開樓主的帖子,每看一次,贊賞之情就激長數(shù)分,我總在想,是否有神靈活在它靈秀的外表下,以至能使人三月不知肉味,使人有余音繞梁、三日不絕的感受。樓主,你寫得實在是太好了。我惟一能做的,就只有把這個帖子頂上去這件事了
zwqk0012022-05-03 05:07
好東西,實用
utuo20062022-04-30 06:45
好東西我要看看!
cdmud2022-04-05 02:57
是啊,怎么用的?

關注大神微博加入>>

網友求助,請回答!