photoshop设计打造出专属于自己的Iphone风格导航菜单

先看效果图

photoshop设计打造出专属于自己的Iphone风格导航菜单

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

photoshop设计打造出专属于自己的Iphone风格导航菜单

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

photoshop设计打造出专属于自己的Iphone风格导航菜单

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

photoshop设计打造出专属于自己的Iphone风格导航菜单

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

photoshop设计打造出专属于自己的Iphone风格导航菜单

添加图层样式

photoshop设计打造出专属于自己的Iphone风格导航菜单

photoshop设计打造出专属于自己的Iphone风格导航菜单

photoshop设计打造出专属于自己的Iphone风格导航菜单

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

photoshop设计打造出专属于自己的Iphone风格导航菜单

白色的有些例外,如下。

photoshop设计打造出专属于自己的Iphone风格导航菜单

photoshop设计打造出专属于自己的Iphone风格导航菜单

整体效果如下。

photoshop设计打造出专属于自己的Iphone风格导航菜单

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

photoshop设计打造出专属于自己的Iphone风格导航菜单