瀏覽器UI圖標(biāo)!ps cc模仿錘子瀏覽器圖標(biāo)
網(wǎng)頁設(shè)計做得吐了,一直想轉(zhuǎn)行從事UI設(shè)計,拿個圖標(biāo)練練手,覺得錘子瀏覽器UI看的舒服,就折騰了做了個,平??戳送Χ嘟坛蹋@次也分享下,有更好的方法,歡迎指教。
先來看一下效果:
第一步:用矩形工具畫個正圓。
第二步:設(shè)置圓的漸變樣式,數(shù)值如下:
第三步:設(shè)置圓的內(nèi)陰影
第四步:畫中間的圓。
第五步:畫中間小圓
第六步:中間圓加陰影
第七步:外圓環(huán)
第八步:關(guān)鍵的小圓
在漸變疊加圖層樣式中,直接鼠標(biāo)拖拉小圓的漸變,直到色彩過渡協(xié)調(diào)為止
最后加個大陰影,OK,完工!
標(biāo)簽(TAG) UI設(shè)計教程 ui設(shè)計 ps網(wǎng)頁設(shè)計 UI設(shè)計教程 ui制作 錘子圖標(biāo)
下一篇:ps制作人臉文字效果教程