ps圖層樣式的妙用網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程(3)
簡(jiǎn)介:圖層樣式是每個(gè)設(shè)計(jì)師都常用的功能,合理巧妙的應(yīng)用能大大的節(jié)省我們的工作時(shí)間,提高工作效率,
今天我來(lái)分享一下平時(shí)工作中對(duì)圖層樣式應(yīng)用的一點(diǎn)技巧,希望對(duì)新手有點(diǎn)幫助,我們的目標(biāo):簡(jiǎn)單實(shí)用。
一、按鈕篇
在制作頁(yè)面的按鈕時(shí),我們希望保證設(shè)計(jì)風(fēng)格的情況下,能夠最大程度適應(yīng)各類修改情況,比如:尺寸,色調(diào),形狀的修改等等。
下面來(lái)談?wù)剮追N風(fēng)格按鈕的制作方法
網(wǎng)站上最常見(jiàn)的按鈕,用圖層樣式來(lái)做也最簡(jiǎn)單:漸變疊加+投影,沒(méi)難度。
下面再來(lái)一個(gè)比較常見(jiàn),有兩明暗雙描邊的按鈕。
OK,我們?cè)龠M(jìn)階一下,之前做的第二個(gè)按鈕是四邊都有高光的,那只有頂部有高光按鈕用圖層樣式又應(yīng)該怎么做呢?
看到木!只需將內(nèi)發(fā)光改為內(nèi)陰影就可以自由的控制光源啦,上下高光都可以有!
有同學(xué)問(wèn)了:“如果要制作頂部底部雙高光的效果怎么辦呢?” 哼哼,通過(guò)樣式一樣可以解決,瞅下面:
由此可見(jiàn),陰影,描邊,內(nèi)發(fā)光,內(nèi)陰影,漸變疊加,顏色疊加,浮雕是制作按鈕的法寶,一些常規(guī)做法中要建2-3個(gè)圖層的效果,通過(guò)圖層樣式
直接就可以實(shí)現(xiàn)了,這樣做的好處就是有利于后期修改,大大提高工作效率。
OK,下面讓我們來(lái)看看圖層樣式在制作其他設(shè)計(jì)元素中的作用吧。
二、其他應(yīng)用
1、明暗交界線
常規(guī)做法:明線、暗線、背景各建一個(gè)圖層,現(xiàn)在只要三個(gè)樣式就搞定了,而且長(zhǎng)短大小都可以很方便的變化。同樣的方法也可以用來(lái)制作表格線條哦
(當(dāng)然,也只是相對(duì)方便一點(diǎn),建議表格還是結(jié)合其他軟件一起制作吧。)
2、圖標(biāo)的內(nèi)外描邊
具體的數(shù)值就不再一一列出了,大家自己研究下吧
通過(guò)以上的一些舉例,我們可以發(fā)現(xiàn),雖然每個(gè)樣式設(shè)置都很簡(jiǎn)單,但通過(guò)不同的組合就可以滿足我們大多數(shù)的設(shè)計(jì)需要,合理的運(yùn)用能大大提高
我們的工作效率。希望以上的經(jīng)驗(yàn)?zāi)軐?duì)新手朋友有一定的啟發(fā)和幫助,謝謝
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- v365UCD
- 網(wǎng)頁(yè)設(shè)計(jì) 實(shí)用教程
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見(jiàn)的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- banner教程,超簡(jiǎn)單三步設(shè)計(jì)一個(gè)BANNER
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
推薦教程
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- banner教程,用ps制作960*90的廣告圖片
- 用ps制作豎列導(dǎo)航
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果