萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> PS制作iphone風格網頁導航菜單教程

PS制作iphone風格網頁導航菜單教程

  教程學習如何用Photoshop打造專屬於你自己的iphone風格導航菜單,主要用到了圖層樣式來完成的,下面讓我們一起來學習吧。

        三聯推薦:photoshop7.0迷你版免費下載    |  Photoshop CS5 中文免費下載  |  photoshop免費下載

  先看效果圖。

PS制作iphone風格網頁導航菜單教程 三聯

  新建文檔450x450像素,背景填充#32363c,新建圖層畫一個白色矩形。

按此在新窗口浏覽圖片

  把不透明度改為6%,類似下圖效果。

按此在新窗口浏覽圖片

  新建圖層,前景色#5b6573在頂部再畫一個矩形。

按此在新窗口浏覽圖片

  復制6層,改變顏色,1、2、7同一顏色,3為紅色,其它為白色。

按此在新窗口浏覽圖片

  添加圖層樣式。

按此在新窗口浏覽圖片
按此在新窗口浏覽圖片
按此在新窗口浏覽圖片

  得到下圖效果,以上設置適應與紅色層。

按此在新窗口浏覽圖片

  白色的有些例外,如下。

按此在新窗口浏覽圖片
按此在新窗口浏覽圖片

  整體效果如下。

按此在新窗口浏覽圖片

  剩下的就是找一些素材和添加文字,最終效果如下,本ps教程結束。

按此在新窗口浏覽圖片
copyright © 萬盛學電腦網 all rights reserved