<ruby id="bjlp5"><noframes id="bjlp5"><del id="bjlp5"></del><dfn id="bjlp5"></dfn>

<font id="bjlp5"></font><mark id="bjlp5"><big id="bjlp5"></big></mark>

    <listing id="bjlp5"><ruby id="bjlp5"></ruby></listing>

    <mark id="bjlp5"><thead id="bjlp5"><mark id="bjlp5"></mark></thead></mark>

    成都網站建設,原新盒子網絡工作室
    專業設計,打造專業品質
    Professional design, to create professional quality
    圖層疊加混合模式在網頁設計中的應用
    來源: 作者:成都網站制作 日期:2012-06-06 21:29:46 點擊:0

    案例一 圖標設計中增加色彩的飽和度和明暗對比度

    之所以會引出要討論圖層疊加混合模式的問題,是由于我個人按照網上的教程在做圖標設計練習的時候,發現設計師有意識的使用了圖層疊加來增加明暗的對比度,創建出了非常好的色彩效果,而如果不了解疊加混合模式的原理的話,很難想到用這樣的方式來完成設計。下面就是我在練習中要完成的設計,一個復古的圓形金色座椅:

    final.jpg

    在創建座椅的椅背過程中,設計師首先使用了角度方式的漸變疊加來創建椅背的金屬質感。

    before-overlay.jpg

    接下來,他將此圖層復制了一層,放置于原圖層的上方,并將圖層混合模式更改為疊加,這里正是值得我們注意的地方,由于這一步,我們可以看到,椅背增加了整體色彩的飽和度,拉開了高光部分和陰影部分的亮度,從而讓金色的質感更為凸顯。當然你完全可以通過細微的調整漸變疊加而直接實現下圖的效果,略過圖層疊加這一步驟,但是在初步調整色彩不太滿意的情況下,要知道通過圖層疊加的方式也能夠實現的方法。

    after-overlay.jpg

    在創建座椅周圍一圈的高光效果上,同樣使用了我在前面提到的白色圖層疊加的方法,這里使用了柔軟的筆刷來完成設計效果。

    light.jpg

    案例二 Logo設計中增加元素的質感

    580th_ticket-stub-theme.jpg

    logo.jpg

    在這個主頁設計教程的logo創建中,在紅色上應用了從黑到白的垂直漸變圖層疊加,再通過調整不透明度,從而讓logo有了鼓出的視覺效果,通過添加圖層疊加模式的作舊筆刷,讓logo看上去更有質感,這是非常常見的涉及到圖標、按鈕以及logo的設計步驟。

    gradient-overlay.jpg

    brush-overlay.jpg

    案例三:創建網頁背景場景,營造整體的氛圍

    580th_final-image.jpg

    在這個魔幻風格的頁面設計中,頁面頂部紅色橢圓框起來的城堡背景也是用圖層疊加模式來實現的。如下圖,設計師首先找了一張和魔幻風格契合的西班牙古堡的圖片,將其放置于文檔之后,使用通道混合調整圖層將圖片轉為灰色調,再將圖片的圖層混合模式更改為疊加模式即得到了下圖中的低調陰郁的背景。之后,設計師又給背景添加了不規則的做舊筆刷來讓整個的氛圍更濃郁。

    background.jpg

    logo左下部的氣球圖片也使用了顏色疊加的圖層模式讓氣球整體帶有背景的藍色,使其更好的融合于整個氛圍之中。氣球本來的圖片是這樣的:

    baloon.jpg

    覆蓋上深藍色后的效果如下圖:

    baloon-overlay.jpg

    Address
    咨詢熱線:028-85555316 and 15378179975
    地址:成都市青羊區北大街19號正成·財富領地1棟2901(省市政務中心斜對面)
    電話:028-85555316 15378179975
    網址:http://www.fadedz.com/  QQ:357898628 snjeso@qq.com
    2011 sosbox.cn , All Right Reserved 蜀ICP備09022060號
    Share
    更多
    收縮
    • 電話咨詢

    • 4000-855-316
    • 028-85555316
    • 15608036768
    秋霞二级理论,小说区 图片区 综合区,欧美国产日韩a在线视频y,亚洲欧美AV中文日韩二区试看