建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 图像设计 > Photoshop教程 >

Photoshop设计一款Iphone风格导航菜单教程

时间:2012-01-04 19:42来源: 作者: 点击:
先看效果图。 新建文档450x450像素,背景填充#32363c,新建图层画一个白色矩形。 把不透明度改为6%,类似下图效果。 新建图层,前景色#5b6573在顶部再画一个矩形。 复制6层,改变颜色,1、2、7同一颜色,3为红色,其它为白色。       添加

先看效果图。

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风格导航菜单教程,破洛洛

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片