文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | firefox | WPS | 杀毒软件 | Picasa
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形图像 办公软件 媒体动画 精文荟萃 常用软件 网页编程 技术开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院图形图像PhotoshopPhotoshop轻松制作Apple网站导航条按钮
精品推荐
特别推荐
·Photoshop超强鼠绘宝马轿车BMW M3
·Photoshop CS3教程:模拟雷达动画
·Photoshop教程:绘制美丽的蒲公英
·Photoshop快速制作宝宝大头贴
·Photoshop与Wacom数码板处理古典风格照片
·Photoshop各类外挂插件的使用方法
·非主流ps教程实用的技巧大全
·Photoshop字体安装使用方法和技巧
·Photoshop粘贴复制法排版证件照
·Photoshop打造气质美女唯美海报
·PS初学者实例教程 烫金字的制作
·Photoshop调色教程:简单制作军色效果
·PHOTOSHOP玻璃质感表现
·新手学Photoshop的批处理的快捷操作
·Photoshop结合Flash制作瓢虫变色交互动画(1)
·用Photoshop轻松打造透明的MSN水晶图标
·Ctrl+A全选会变的图片制作方法
·[动画演示]用Photoshop去除照片中文字
·教你用Photoshop去除数码照片中的红眼
·推荐:精彩漂亮手机屏保手绘MM动画图片
热点TOP10
·Photoshop十余种漂亮照片边框简单制作技巧
·Photoshop CS3教程:模拟雷达动画
·photoshop修改照片成为美女教程
·Photoshop教程:MM照片弄得非常脏特效
·轻松做画家!用Photoshop把照片处理成逼真的素描画
·Photoshop抠头发高级抠图教程
·Photoshop轻松美化摄像头人像照片
·PHOTOSHOP超强磨皮大法-将斑点选出来
·Photoshop将肖像照片处理为超酷个性海报
·非主流ps教程实用的技巧大全
·Photoshop实例:制作超酷影片画面场景
·Photoshop实例:调出漂亮MM的唯美效果
·用Photoshop色阶轻松制作印章效果
·Photoshop制造烈焰飞腾效果(图)
·Photoshop非主流效果:颓废诡异效果
·数码婚纱照片Photoshop抠图技巧
·欣赏:非常实用的button按钮
·用Photoshop“磨皮”和简单的人物处理技巧
·PHOTOSHOP玻璃质感表现
·photoshop教程:MM照片的后期美化

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

日期:2007年9月5日 作者: 查看:[大字体 中字体 小字体]


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网站导航条按钮

(出处:清风下载学院






上一篇:Photoshop入门教程:轻松制作高质量WMP图标

下一篇:Photoshop初学者教程:利用照片滤镜调色

Photoshop轻松制作Apple网站导航条按钮 相关文章:
·QQ空间导航代码最新版使用方法
·教你如何制作QQ空间FLASH导航条
·QQ空间导航代码-QQ空间导航
·FLASH制作一个可以伸缩的导航条
·制作彩色的QQ空间导航栏彰显个性
·推荐三款QQ空间导航代码
·CSS+DIV+JS导航菜单和Flash效果差不多
·大航海时代4 中文版攻关资料大全
·用Dreamweaver MX制作导航下拉菜单
·CSS+DIV设计实例:纯CSS制作下拉导航菜单
Photoshop轻松制作Apple网站导航条按钮 相关软件:
·《猎杀潜航2中文版》(Silent Hunter II)中文版
·航空霸业2中文版
·大航海时代 2
·大航海外传之无止境的背叛
·大航海时代.4.威力加强版.完美硬盘版 RAR
·大航海时代 4 pk完美硬盘版
·猎杀潜航2
·大航海家 3 财富中文版
·大航海时代 IV
·水滴首页导航

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn