PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
前段時(shí)間有朋友問(wèn)導(dǎo)航鼠標(biāo)懸停狀態(tài)效果怎樣實(shí)現(xiàn)的,今天我簡(jiǎn)單寫(xiě)一下教程,希望對(duì)大家有用,還有如果大家對(duì)頁(yè)面中的什么效果感到疑惑,就請(qǐng)留言給我,我會(huì)盡力發(fā)上教程來(lái)和大家分享的。
首先看一下最終效果和分層:
1、 背景色設(shè)置為#280021,新建圖層,利用鋼筆工具畫(huà)如下圖形,填充顏色,然后圖層樣式中的漸變疊加設(shè)置如下:
2、 新建圖層,用橢圓工具在圖形上面建一個(gè)選區(qū),然后填充白色,如圖。
3、取消選區(qū),選擇“濾鏡”“高斯模糊”把白色進(jìn)行模糊。具體數(shù)值視效果而定,效果如圖。
4、把這個(gè)圖層的混合模式設(shè)置為“疊加”,現(xiàn)在看起來(lái)過(guò)于亮,可以降低一下透明度。然后把超出下面圖形的白色去掉。如圖。
5、新建圖層,按住ctrl單擊圖形圖層得到圖形選區(qū),然后選擇“編輯”-“描邊”對(duì)它進(jìn)行描邊設(shè)置,如圖。
6、將此描邊圖層的混合模式設(shè)置為疊加,透明度設(shè)置為40%,視效果而定。如圖。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- woshifuyun
- 設(shè)計(jì)導(dǎo)航
- 鼠標(biāo)懸停
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類(lèi)陰影教程
- 陰影效果,制作網(wǎng)頁(yè)常見(jiàn)的圖片投影效果
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- ps設(shè)計(jì)粉色漂亮播放器按鈕
- ps cs6設(shè)計(jì)流光動(dòng)態(tài)友情連接圖片教程
- ps設(shè)計(jì)折紙效果圖片教程
- ps網(wǎng)頁(yè)內(nèi)容框陰影
- ps打造舞臺(tái)燈光環(huán)境背景效果教程
- ps制作立體效果的網(wǎng)站導(dǎo)航教程
推薦教程
- 教你如何用photoshop制作網(wǎng)頁(yè)外殼界面
- 用ps制作恐怖博客header
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 用ps制作網(wǎng)站廣告條(468*60)
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- ps制作Iphone風(fēng)格導(dǎo)航菜單教程
- photoshop設(shè)計(jì)解析漂亮醒目的雜志設(shè)計(jì)分析
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- Photoshop制作瑩光網(wǎng)站導(dǎo)航條
- 做出有品質(zhì)的廣告圖片