• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 網(wǎng)頁(yè)設(shè)計(jì)中的圖層疊加混合模式

網(wǎng)頁(yè)設(shè)計(jì)中的圖層疊加混合模式

奈薇網(wǎng)站建設(shè) 于2020-11-16 17:41發(fā)表 閱讀次數(shù) 2251次

大家知道下圖中的按鈕的光效是怎么做出來的嗎？其實(shí)非常簡(jiǎn)單，新建圖層，筆刷或橢圓畫出白色，高斯模糊，再將圖層混合模式更改為圖層疊加就可以了。但是這篇文章里我們不討論具體的技術(shù)，而來看看如同上面的按鈕通過白色的疊加創(chuàng)建出按鈕的高光，我們來了解一下圖層疊加模式在青島網(wǎng)站制作與青島網(wǎng)站建設(shè)中的應(yīng)用，再通過不同的實(shí)例來深層次的了解圖層疊加混合模式的基本效果，將其更自由的應(yīng)用于我們的網(wǎng)站設(shè)計(jì)’的詳細(xì)內(nèi)容'>青島網(wǎng)站設(shè)計(jì)中。 　　案例一圖標(biāo)設(shè)計(jì)中增加色彩的飽和度和明暗對(duì)比度 　　之所以會(huì)引出要討論圖層疊加混合模式的問題，是由于我個(gè)人按照網(wǎng)上的教程在做圖標(biāo)設(shè)計(jì)練習(xí)的時(shí)候，發(fā)現(xiàn)設(shè)計(jì)師有意識(shí)的使用了圖層疊加來增加明暗的對(duì)比度，創(chuàng)建出了非常好的色彩效果，而如果不了解疊加混合模式的原理的話，很難想到用這樣的方式來完成設(shè)計(jì)。下面就是我在練習(xí)中要完成的設(shè)計(jì)，一個(gè)復(fù)古的圓形金色座椅： 　　在創(chuàng)建座椅的椅背過程中，設(shè)計(jì)師首先使用了角度方式的漸變疊加來創(chuàng)建椅背的金屬質(zhì)感。 　　接下來，他將此圖層復(fù)制了一層，放置于原圖層的上方，并將圖層混合模式更改為疊加，這里正是值得我們注意的地方，由于這一步，我們可以看到，椅背增加了整體色彩的飽和度，拉開了高光部分和陰影部分的亮度，從而讓金色的質(zhì)感更為凸顯。當(dāng)然你完全可以通過細(xì)微的調(diào)整漸變疊加而直接實(shí)現(xiàn)下圖的效果，略過圖層疊加這一步驟，但是在初步調(diào)整色彩不太滿意的情況下，要知道通過圖層疊加的方式也能夠?qū)崿F(xiàn)的方法。 　　在創(chuàng)建座椅周圍一圈的高光效果上，同樣使用了我在前面提到的白色圖層疊加的方法，這里使用了柔軟的筆刷來完成設(shè)計(jì)效果。 　　案例二Logo設(shè)計(jì)中增加元素的質(zhì)感 　　在這個(gè)主頁(yè)設(shè)計(jì)教程的logo創(chuàng)建中，在紅色上應(yīng)用了從黑到白的垂直漸變圖層疊加，再通過調(diào)整不透明度，從而讓logo有了鼓出的視覺效果，通過添加圖層疊加模式的作舊筆刷，讓logo看上去更有質(zhì)感，這是非常常見的涉及到圖標(biāo)、按鈕以及l(fā)ogo的設(shè)計(jì)步驟。 　　案例三：創(chuàng)建網(wǎng)頁(yè)背景場(chǎng)景，營(yíng)造整體的氛圍 　　在這個(gè)魔幻風(fēng)格的頁(yè)面設(shè)計(jì)中，頁(yè)面頂部紅色橢圓框起來的城堡背景也是用圖層疊加模式來實(shí)現(xiàn)的。如下圖，設(shè)計(jì)師首先找了一張和魔幻風(fēng)格契合的西班牙古堡的圖片，將其放置于文檔之后，使用通道混合調(diào)整圖層將圖片轉(zhuǎn)為灰色調(diào)，再將圖片的圖層混合模式更改為疊加模式即得到了下圖中的低調(diào)陰郁的背景。之后，設(shè)計(jì)師又給背景添加了不規(guī)則的做舊筆刷來讓整個(gè)的氛圍更濃郁。

網(wǎng)頁(yè)設(shè)計(jì)中的圖層疊加混合模式相關(guān)標(biāo)簽：網(wǎng)站注冊(cè)，網(wǎng)站申請(qǐng)，網(wǎng)站搭建，網(wǎng)頁(yè)設(shè)計(jì)

相關(guān)熱點(diǎn)推薦

在青島做一個(gè)公司網(wǎng)站多 談搜索引擎影響網(wǎng)站收錄 探討運(yùn)用seo技術(shù)做網(wǎng) 八個(gè)優(yōu)秀的圖片和圖標(biāo)的 通過robots.tx 青島網(wǎng)站改版的公司哪家 青島網(wǎng)站制作支持舊IE 如何處理好網(wǎng)站設(shè)計(jì)的細(xì) 產(chǎn)品設(shè)計(jì)的模糊前期 奈薇建站網(wǎng)科技2017 搜索引擎蜘蛛理解相關(guān)性 網(wǎng)站的表單設(shè)計(jì)要點(diǎn) 與用戶體驗(yàn)的這兩年 運(yùn)用什么技巧使用戶喜歡 網(wǎng)站設(shè)計(jì)中程序員和美工 Tab(選項(xiàng)卡)的產(chǎn)品 從精簡(jiǎn)導(dǎo)航談小型網(wǎng)站的 如今虛擬外鏈對(duì)我們的作 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理- 使用框架和滑動(dòng)門技術(shù)進(jìn) 清新的網(wǎng)站設(shè)計(jì)風(fēng)格 網(wǎng)頁(yè)設(shè)計(jì)之視覺信息傳達(dá) 用戶體驗(yàn)與網(wǎng)頁(yè)界面設(shè)計(jì) 沒有交互意識(shí)的設(shè)計(jì)師， 企業(yè)網(wǎng)站規(guī)劃和網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站大改版=壯烈的死亡 2016年百度排名的算 網(wǎng)站建設(shè)合同簽訂需要注 人機(jī)交互界面設(shè)計(jì)的三個(gè) 系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗(yàn)中溝通的技巧 迭代的設(shè)計(jì) 網(wǎng)站中視覺元素的設(shè)計(jì) 網(wǎng)站設(shè)計(jì)的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對(duì) 手機(jī)建站時(shí)容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識(shí)別 怎樣充分利用你的網(wǎng)站設(shè)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶