案例一 圖標(biāo)設(shè)計中增加色彩的飽和度和明暗對比度
之所以會引出要討論圖層疊加混合模式的問題,是由于我個人按照網(wǎng)上的教程在做圖標(biāo)設(shè)計練習(xí)的時候,發(fā)現(xiàn)設(shè)計師有意識的使用了圖層疊加來增加明暗的對比度,創(chuàng)建出了非常好的色彩效果,而如果不了解疊加混合模式的原理的話,很難想到用這樣的方式來完成設(shè)計。下面就是我在練習(xí)中要完成的設(shè)計,一個復(fù)古的圓形金色座椅:
在創(chuàng)建座椅的椅背過程中,設(shè)計師首先使用了角度方式的漸變疊加來創(chuàng)建椅背的金屬質(zhì)感。
接下來,他將此圖層復(fù)制了一層,放置于原圖層的上方,并將圖層混合模式更改為疊加,這里正是值得我們注意的地方,由于這一步,我們可以看到,椅背增加了整體色彩的飽和度,拉開了高光部分和陰影部分的亮度,從而讓金色的質(zhì)感更為凸顯。當(dāng)然你完全可以通過細(xì)微的調(diào)整漸變疊加而直接實現(xiàn)下圖的效果,略過圖層疊加這一步驟,但是在初步調(diào)整色彩不太滿意的情況下,要知道通過圖層疊加的方式也能夠?qū)崿F(xiàn)的方法。
在創(chuàng)建座椅周圍一圈的高光效果上,同樣使用了我在前面提到的白色圖層疊加的方法,這里使用了柔軟的筆刷來完成設(shè)計效果。
案例二 Logo設(shè)計中增加元素的質(zhì)感
在這個主頁設(shè)計教程的logo創(chuàng)建中,在紅色上應(yīng)用了從黑到白的垂直漸變圖層疊加,再通過調(diào)整不透明度,從而讓logo有了鼓出的視覺效果,通過添加圖層疊加模式的作舊筆刷,讓logo看上去更有質(zhì)感,這是非常常見的涉及到圖標(biāo)、按鈕以及l(fā)ogo的設(shè)計步驟。
教程全文:《如何在Photoshop中創(chuàng)建一個博客主頁》
案例三:創(chuàng)建網(wǎng)頁背景場景,營造整體的氛圍