您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps入门教程 >> 正文

PS制作iphone风格网页导航菜单教程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  教程学习如何用Photoshop打造专属于你自己的iphone风格导航菜单,主要用到了图层样式来完成的,下面让我们一起来学习吧。

        三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载

  先看效果图。

PS制作iphone风格网页导航菜单教程 三联

  新建文档450x450像素,背景填充#32363c,新建图层画一个白色矩形。

按此在新窗口浏览图片

  把不透明度改为6%,类似下图效果。

按此在新窗口浏览图片

  新建图层,前景色#5b6573在顶部再画一个矩形。

按此在新窗口浏览图片

  复制6层,改变颜色,1、2、7同一颜色,3为红色,其它为白色。

按此在新窗口浏览图片

  添加图层样式。

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

  得到下图效果,以上设置适应与红色层。

按此在新窗口浏览图片

  白色的有些例外,如下。

按此在新窗口浏览图片
按此在新窗口浏览图片

  整体效果如下。

按此在新窗口浏览图片

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

按此在新窗口浏览图片