PS製作高光導航背景

來源:互聯網
上載者:User

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

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

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

  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小一點,然後圖層混合模式設定為"正常",並且適當降低一點點透明度。如圖所示。

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

分類:
  • PS入門教程
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。