案例一 圖標設計中增(zeng)加色彩的飽和度和明暗對(dui)比度
之所以(yi)會(hui)引出要討(tao)論(lun)圖(tu)層(ceng)疊(die)加混(hun)合(he)模式的(de)(de)(de)問題,是(shi)由于我個人(ren)按照(zhao)網上(shang)的(de)(de)(de)教程(cheng)在(zai)做圖(tu)標設(she)計(ji)(ji)(ji)練(lian)習的(de)(de)(de)時候,發現設(she)計(ji)(ji)(ji)師有意(yi)識的(de)(de)(de)使用了(le)圖(tu)層(ceng)疊(die)加來增(zeng)加明暗的(de)(de)(de)對比度,創建出了(le)非常好的(de)(de)(de)色(se)彩效(xiao)果,而如果不了(le)解疊(die)加混(hun)合(he)模式的(de)(de)(de)原(yuan)理的(de)(de)(de)話,很難想到用這樣的(de)(de)(de)方(fang)式來完成(cheng)設(she)計(ji)(ji)(ji)。下(xia)面(mian)就是(shi)我在(zai)練(lian)習中(zhong)要完成(cheng)的(de)(de)(de)設(she)計(ji)(ji)(ji),一個復古(gu)的(de)(de)(de)圓形(xing)金(jin)色(se)座椅:
在創(chuang)建座椅(yi)的(de)椅(yi)背過程(cheng)中,設計師首先使用(yong)了(le)角(jiao)度方式的(de)漸變疊加(jia)來創(chuang)建椅(yi)背的(de)金屬質感(gan)。
接下來,他(ta)將此(ci)圖(tu)層(ceng)(ceng)復制(zhi)了一(yi)層(ceng)(ceng),放(fang)置(zhi)于原圖(tu)層(ceng)(ceng)的(de)(de)上(shang)方,并將圖(tu)層(ceng)(ceng)混合模式(shi)更改為(wei)(wei)疊加(jia),這(zhe)里正是值得我們注意的(de)(de)地(di)方,由(you)于這(zhe)一(yi)步(bu),我們可以看(kan)到,椅背增加(jia)了整體色彩的(de)(de)飽和度,拉開了高光部分(fen)(fen)和陰影部分(fen)(fen)的(de)(de)亮度,從而(er)讓金色的(de)(de)質感更為(wei)(wei)凸顯。當(dang)然你完全可以通過細微的(de)(de)調(diao)整漸變疊加(jia)而(er)直(zhi)接實現下圖(tu)的(de)(de)效(xiao)果,略(lve)過圖(tu)層(ceng)(ceng)疊加(jia)這(zhe)一(yi)步(bu)驟(zou),但是在初(chu)步(bu)調(diao)整色彩不太滿意的(de)(de)情況下,要知(zhi)道通過圖(tu)層(ceng)(ceng)疊加(jia)的(de)(de)方式(shi)也能夠實現的(de)(de)方法。
在(zai)(zai)創建座椅(yi)周圍一圈的高光效果(guo)(guo)上,同樣使(shi)用(yong)了我(wo)在(zai)(zai)前(qian)面提到(dao)的白色(se)圖層疊加的方(fang)法,這(zhe)里(li)使(shi)用(yong)了柔軟的筆刷來完(wan)成設計效果(guo)(guo)。
案例二(er) Logo設計中增(zeng)加(jia)元(yuan)素的質感(gan)
在這個主(zhu)頁設計(ji)教程(cheng)的logo創建中(zhong),在紅色上應用了從(cong)黑到(dao)白的垂(chui)直漸(jian)變圖(tu)層疊(die)加(jia)(jia),再通過(guo)(guo)調整不透明(ming)度,從(cong)而讓logo有了鼓出的視覺效果,通過(guo)(guo)添加(jia)(jia)圖(tu)層疊(die)加(jia)(jia)模式的作舊(jiu)筆刷,讓logo看上去更(geng)有質感,這是非(fei)常常見的涉及(ji)到(dao)圖(tu)標(biao)、按(an)鈕以及(ji)logo的設計(ji)步(bu)驟。
教程全文:《如何在Photoshop中創建一個(ge)博客主頁》
案例三:創建網頁(ye)背景(jing)場景(jing),營造(zao)整體的氛(fen)圍