UI教程,設(shè)計錘子時鐘圖標(biāo)教程
來源:站酷
作者:xinyi_2009
學(xué)習(xí):21384人次
大家一起來制作一個時鐘主題的UI圖標(biāo),其實UI大部分的樣式效果,其實就是對于我們在學(xué)習(xí)ps的時候,圖層樣式里面的混合選項樣式的不斷重復(fù)運用。菜鳥級別,不對的地方請大家多多見諒,也請留言提出,非常感謝!
效果圖:
制作步驟如下:
首先,第一步,我們要建立一個空白文檔,800px X 800px,分辨率為72像素的空白文檔,為了日后可以隨時調(diào)整背景色,新建一個圖層,然后設(shè)置前景色,填充#8a8a8a。顏色大家可以根據(jù)自己的感覺,進行填充!此填充顏色圖層命名為背景顏色填充層。(切記,養(yǎng)成不要修改原圖和可以隨時修改,不動原圖的習(xí)慣哦)
操作過程為:
第二步,我們要進行時鐘UI的設(shè)計,首先,我們做最外層,由外到內(nèi)的漸進過程。找到ps中的“圓角矩形工具”,設(shè)置參數(shù)為:512px X 512px 圓角為120 ,顏色填充白色。并且在圖層中修改圖層名為為底層
做完這一步之后,我們要對此圖層設(shè)置圖層樣式哦,參數(shù)僅供參考!
注意:此處的使用全局光前面的對號,一定要記得全部都取消哦!不然怎么樣,自己去感覺!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 圖標(biāo)設(shè)計
- xinyi_2009
- ps網(wǎng)頁設(shè)計
- 時鐘圖標(biāo)
- UI教程
學(xué)習(xí) · 提示
- 發(fā)評論 | 交作業(yè) -
最新評論
酷酷的阿陽2018-05-28 01:04
有視頻就好了
回復(fù)
夢的翅膀2017-07-24 02:29
謝謝提供的教程,自己嘗試做了一遍,做成功了,效果還不錯。但是教程中也有一點不足,就是表盤的圖層樣式的數(shù)據(jù)沒有提到,也沒有詳細的解釋,這個很容易讓人忽略,導(dǎo)致與效果不同,但是整體還是點個贊的。繼續(xù)加油。
商務(wù)S14-4方昱淇2016-12-05 10:29
商務(wù)S14-4方昱淇2016-12-05 10:12
劉婷2016-03-02 04:43
劉婷2016-03-02 04:03
Jinpeng2015-12-27 01:52
Jinpeng2015-12-27 01:12
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個音樂圖標(biāo)
- 圖標(biāo)設(shè)計,用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計,用PS快速制作一個心形圖案
- 手機圖標(biāo),用PS繪制華為手機圖標(biāo)
- 相機圖標(biāo),用UI制作簡單的彩虹相機圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!