UI教程,設(shè)計電視機主題UI圖標(biāo)
運用圖層樣式設(shè)計出來的圖標(biāo),效果挺好看的,提供了PSD文件,適合新手學(xué)習(xí),喜歡的可以練習(xí)一下。做完交作業(yè)。
這里再次強調(diào)一點,圖層樣式中的參數(shù)設(shè)置是對應(yīng)其相應(yīng)圖層的,受圖層大小尺寸影響,在不同尺寸下,效果呈現(xiàn)是不同的。
比如說,同樣一個5像素的描邊的圖層樣式,在10像素的圓和100像素的圓下,其表現(xiàn)效果肯定是不一樣的。
所以,四個字:活學(xué)活用。
源文件鏈接:http://pan.baidu.com/s/1qW06AGs 密碼:kfbm
首先,我們看看原圖,一個400*300的小圖。
新建一個1000*800的文檔,添加一個漸變調(diào)整層,做一個#b4b097到#4e473a的90度的徑向漸變,設(shè)置縮放為150%,勾選仿色,防止出現(xiàn)色塊。
我想大家一定很好奇,我的截圖徑向漸變中的淺色為何不居中,而是位于中部居上,看我們的GIF演示。
在漸變填充的狀態(tài)下,我們把鼠標(biāo)指針放置到屏幕上,出現(xiàn)那個移動工具的圖標(biāo)時,我們拖動,漸變的位置也跟著動,這一個操作方法,在圖層樣式中一樣可用。
使用圓角矩形工具畫一個600*600像素的圓角矩形,設(shè)置圓角為140像素,設(shè)置水平居中,垂直居中。
我將這個圓角矩形命名為“主體”,并為其添加了一個圖層樣式。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- P大點S
- ps網(wǎng)頁設(shè)計
- UI圖標(biāo)
- UI教程
- 電視機
學(xué)習(xí) · 提示
第一個按鈕下面的高光是添加圖層樣式的內(nèi)陰影 ,調(diào)一下-90度和百分之0的透明度就有了tidy 的原帖: 新手練習(xí)下高光還是不太懂怎么弄得 姹瘑 的原帖:
相關(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)