萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> PS制作高光導航背景

PS制作高光導航背景

  PS制作高光導航背景教程像大家介紹的是導航的HOVER狀態背景,制作出來的效果挺不錯的,推薦過來和大家一起分享學習了,先來看看最終的效果圖吧:

  前段時間有朋友問這個效果怎樣實現的,今天我簡單寫一下教程,希望對大家有用,還有如果大家對頁面中的什麼效果感到疑惑,就請留言給我,我會盡力發上教程來和大家分享的。

  首先看一下最終效果和分層:

PS制作高光導航背景 三聯

  131

  1、 背景色設置為#280021,新建圖層,利用鋼筆工具畫如下圖形,填充顏色,然後圖層樣式中的漸變疊加設置如下:

  2、 新建圖層,用橢圓工具在圖形上面建一個選區,然後填充白色,如圖。

  3、取消選區,選擇"濾鏡""高斯模糊"把白色進行模糊。具體數值視效果而定,效果如圖。

  4、把這個圖層的混合模式設置為"疊加",現在看起來過於亮,可以降低一下透明度。然後把超出下面圖形的白色去掉。如圖。

  5、新建圖層,按住ctrl單擊圖形圖層得到圖形選區,然後選擇"編輯"-"描邊"對它進行描邊設置,如圖。

  6、將此描邊圖層的混合模式設置為疊加,透明度設置為40%,視效果而定。如圖。

  7、接下來先添加上部高光。用鋼筆工具新建選區,然後ctrl+enter轉換成選區,然後按住ctrl+alt+shift再點擊下面圖形的圖層,使他們兩個的選區進行重合,用漸變工具(白色到透明)進行由左上到右下的拖動(這裡在拖動的時候要注意,不要拖動的太大,從左上邊緣開始拖動到左下邊緣為止即可),適當調節透明度為80%。如圖所示。

  8、希望再把上面高光再真實一些,可以先把這個圖層混合樣式設置為"疊加",然後再復制一層,把復制的這一層混合樣式設置為"正常",再稍微調低復制層的透明度為70%.如圖。

  9、下面進行底部高光的處理,新建圖層,選擇鉛筆工具,白色,在圖層的下邊緣畫出一條直線,如圖。

  10、然後,將此圖層的混合樣式設置為"疊加",然後單擊圖層面板的蒙版圖標,如圖,圖層此時顯示下面這個樣子。然後選擇漸變工具,設置為黑白黑,然後從左到右進行拖拉,如圖

  11、新建圖層,選擇柔性筆刷,顏色白色,設置大小為14左右,在圖形的下邊緣處點擊一下,如圖。然後ctrl+T將它變長,如圖。然後將此圖層混合模式設置為"疊加",把超出圖形邊緣的光刪掉,如圖。

  12、同樣如同上面第9,10步操作,所不同的就是圖層混合樣式為"正常"而不是"疊加",然後適當降低透明度,讓其有一條亮線。如圖

  13、同樣如上面11步一樣操作,不同的是,筆刷大小設置為10,比上面的14小一點,然後圖層混合模式設置為"正常",並且適當降低一點點透明度。如圖所示。

  到此為止,這個小效果就完成了,在做類似光效時,最主要的應用就是高斯模糊和"疊加",合理運用這兩個功能會給作品增色不少。

copyright © 萬盛學電腦網 all rights reserved