瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

來源:站酷 作者:琴瑟飄渺 學習:7305人次

網(wǎng)頁設計做得吐了,一直想轉行從事UI設計,拿個圖標練練手,覺得錘子瀏覽器UI看的舒服,就折騰了做了個,平常看了挺多教程,這次也分享下,有更好的方法,歡迎指教。
先來看一下效果:

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

第一步:用矩形工具畫個正圓。

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

第二步:設置圓的漸變樣式,數(shù)值如下:

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

第三步:設置圓的內陰影

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

第四步:畫中間的圓。

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

第五步:畫中間小圓

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

第六步:中間圓加陰影

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

第七步:外圓環(huán)

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

第八步:關鍵的小圓

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

在漸變疊加圖層樣式中,直接鼠標拖拉小圓的漸變,直到色彩過渡協(xié)調為止

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

最后加個大陰影,OK,完工!

瀏覽器UI圖標!ps cc模仿錘子瀏覽器圖標

學習 · 提示

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

關注大神微博加入>>

網(wǎng)友求助,請回答!