萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> PS制作導航欄(條)的步驟分析

PS制作導航欄(條)的步驟分析

   本文分享PS制作導航欄的 步驟分享講解,並提供導航條PSD源文件下載.

  本文的Photoshop制作導航條最終的效果預覽如下:

PS制作導航欄(條)的步驟分析   三聯

  第一部分:導航條背景

  要點:突出透明質感需較深色背景

  本文的導航條為透明效果。透明物體是通過背景進行參照,體現出質感。對於背景我們可以使用一些朦胧效果來讓導航欄更加通透。

  譬如,下面的麥穗圖,通過PS裡面的“濾鏡——模糊——高斯模糊”命令模糊之後,就得到了色彩比較統一的導航欄背景。搜索素材切記找一些色彩統一的圖像,否則模糊之後會導致色系太多導致沒有層次感。

ps做導航條

  第二部分:導航條形狀繪制

  對圖形不復雜的,盡量用矢量工具,方便後期修改。

導航欄設計

  在圖層面板裡選擇當前形狀,將填充設置為0%,形狀顏色消失了,但是形狀路徑依然在。

  第三部分:PS導航條樣式添加

ps導航條
如何制作導航條
導航條素材
導航條制作

  通過上面的幾個步驟,一個透明質感的導航條在PS裡面就可以如法炮制制作出來。

copyright © 萬盛學電腦網 all rights reserved