最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

Photoshop绘制iphone风格导航菜单教程

日期:08-24    来源:中国设计秀    作者:cnwebshow.com

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

先看效果图。Vdc中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作Iphone风格导航菜单教程Vdc中国设计秀

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

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作Iphone风格导航菜单教程Vdc中国设计秀

把不透明度改为6%,类似下图效果。Vdc中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作Iphone风格导航菜单教程Vdc中国设计秀

新建图层,前景色#5b6573在顶部再画一个矩形。Vdc中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作Iphone风格导航菜单教程Vdc中国设计秀

复制6层,改变颜色,1、2、7同一颜色,3为红色,其它为白色。Vdc中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a>制作Iphone风格导航菜单教程Vdc中国设计秀