首页 | CG软件 | CG信息 | CG教程 | 三维作品 | 设计理论 | CG加油站 | 设计鉴赏 | 社区图库 | Flash | 专题 | 顶客 | 论坛 | 博客 | 导航 | 下载 | 高级搜索
RSS
热门: 3D Total  RPC  Evermotion  效果图  创意  装修  优秀作品  Vray  艺术  欣赏

Photoshop轻松制作Apple网站导航条按钮

来源:不详 作者:佚名 时间:2007-07-08 点击:
制作   轻松   网站   APPLE   photoshop   P>Photoshop教程,利用Photoshop模拟制作Apple.Com苹果网站网站导航条按钮。最终大家可以去http://www.apple.com网站对比下效果。

1.新建立一个500*50px的文档,然后选择矩形选框工具,设置模式为固定大小宽为 480px 高为 35px 绘制一个矩形选区。

Photoshop轻松制作Apple网站导航条按钮

2.现在,执行“选择” -> “修改” -> “平滑”在出现的对话框中设置为33px,创建一新图层,把选区填充为任意颜色。

Photoshop轻松制作Apple网站导航条按钮

3.设置该图层的图层样式:渐变叠加,#949494 - #d2d2d2进行渐变。

Photoshop轻松制作Apple网站导航条按钮

投影: #b1b1b1。

Photoshop轻松制作Apple网站导航条按钮

4.填写一些字符,这里使用英文字符Segoe UI字体,颜色#383838,大小为14pt。

Photoshop轻松制作Apple网站导航条按钮

5.为文字添加投影样式。

Photoshop轻松制作Apple网站导航条按钮

6.现在效果如下。

Photoshop轻松制作Apple网站导航条按钮

7.现在我们在文字之间添加分隔线。创建新图层,使用铅笔工具,绘制两条线,使两条线分开1px,颜色设置为白色。最后改变图层模式为柔光,不透明度降低到20%。

Photoshop轻松制作Apple网站导航条按钮


8.创建一新图层,绘制一条1px线,颜色为#808080,把它放到上面两条线的中间,图层模式不变,把不透明度降低到35%,效果如下。

Photoshop轻松制作Apple网站导航条按钮


9.依次复制上面两个图层,把这种效果添加到其他的导航文字中间,效果如下。

Photoshop轻松制作Apple网站导航条按钮


10.现在,我们来简单制作翻滚效果。在一个文字的区域设置选区,效果如下图。

Photoshop轻松制作Apple网站导航条按钮

11.创建新图层,填充选区为任意颜色,然后添加图层样式,渐变叠加: #666666 - #a1a1a1。

Photoshop轻松制作Apple网站导航条按钮


12.把字体的颜色改变为白色,并且添加投影效果: #454545。

Photoshop轻松制作Apple网站导航条按钮

13.最终效果如下。

Photoshop轻松制作Apple网站导航条按钮


本文地址:http://www.cg3000.com/html/cgTutorials/2D/Photoshop/20070708/PhotoshopqingsongzhizuoApplewangzhandaohangtiaoanniu_17113.shtml
上一篇:Photoshop打造Tong风格非主流照片效果
下一篇:Photoshop图像合成实例:打造欧式风格效果
关键字:迅雷 快车 Baidu Photoshop 轻松 制作 Apple 网站
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
图腾CG联盟免责声明:本网站转载纯粹出于为网民传递更多信息之目的,无任何商业目的。如本网站转载稿件涉及版权等问题,请作者速来函admincg3000@163.com联系,在此,我们首先向您表示诚挚的歉意,并将尽快予以改正。本网站上发表的内容只代表作者本人之观点,本网站只出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。
赞助广告