ps圖層樣式的妙用網(wǎng)頁設(shè)計(jì)實(shí)用教程(3)

來源:網(wǎng)絡(luò)收集 作者:v365UCD  學(xué)習(xí):2856人次

簡介:圖層樣式是每個設(shè)計(jì)師都常用的功能,合理巧妙的應(yīng)用能大大的節(jié)省我們的工作時(shí)間,提高工作效率,

今天我來分享一下平時(shí)工作中對圖層樣式應(yīng)用的一點(diǎn)技巧,希望對新手有點(diǎn)幫助,我們的目標(biāo):簡單實(shí)用。

一、按鈕篇

在制作頁面的按鈕時(shí),我們希望保證設(shè)計(jì)風(fēng)格的情況下,能夠最大程度適應(yīng)各類修改情況,比如:尺寸,色調(diào),形狀的修改等等。

下面來談?wù)剮追N風(fēng)格按鈕的制作方法

網(wǎng)站上最常見的按鈕,用圖層樣式來做也最簡單:漸變疊加+投影,沒難度。

下面再來一個比較常見,有兩明暗雙描邊的按鈕。

OK,我們再進(jìn)階一下,之前做的第二個按鈕是四邊都有高光的,那只有頂部有高光按鈕用圖層樣式又應(yīng)該怎么做呢?

看到木!只需將內(nèi)發(fā)光改為內(nèi)陰影就可以自由的控制光源啦,上下高光都可以有!

有同學(xué)問了:“如果要制作頂部底部雙高光的效果怎么辦呢?” 哼哼,通過樣式一樣可以解決,瞅下面:

由此可見,陰影,描邊,內(nèi)發(fā)光,內(nèi)陰影,漸變疊加,顏色疊加,浮雕是制作按鈕的法寶,一些常規(guī)做法中要建2-3個圖層的效果,通過圖層樣式

直接就可以實(shí)現(xiàn)了,這樣做的好處就是有利于后期修改,大大提高工作效率。

OK,下面讓我們來看看圖層樣式在制作其他設(shè)計(jì)元素中的作用吧。

二、其他應(yīng)用

1、明暗交界線

常規(guī)做法:明線、暗線、背景各建一個圖層,現(xiàn)在只要三個樣式就搞定了,而且長短大小都可以很方便的變化。同樣的方法也可以用來制作表格線條哦

(當(dāng)然,也只是相對方便一點(diǎn),建議表格還是結(jié)合其他軟件一起制作吧。)

2、圖標(biāo)的內(nèi)外描邊

具體的數(shù)值就不再一一列出了,大家自己研究下吧

通過以上的一些舉例,我們可以發(fā)現(xiàn),雖然每個樣式設(shè)置都很簡單,但通過不同的組合就可以滿足我們大多數(shù)的設(shè)計(jì)需要,合理的運(yùn)用能大大提高

我們的工作效率。希望以上的經(jīng)驗(yàn)?zāi)軐π率峙笥延幸欢ǖ膯l(fā)和幫助,謝謝

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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