photoshop设计一个漂亮的网站导航(3)

作者:佚名 出处: 内容提要: 用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。 先看效果图。 因为是演示,所以新建小点的文档,300×100像素,如果想做一个完整的导航,建议文档尺寸600×100像素

ps设计—炫彩进度条特效(2)


作者:佚名   出处:
photoshop设计一个漂亮的网站导航(3)插图

内容提要:用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。

先看效果图。

photoshop设计一个漂亮的网站导航(3)插图(1)

因为是演示,所以新建小点的文档,300×100像素,如果想做一个完整的导航,建议文档尺寸600×100像素,画一个圆角矩形,填充任意颜色。

photoshop设计一个漂亮的网站导航(3)插图(2)

添加图层样式。

photoshop设计一个漂亮的网站导航(3)插图(3)

photoshop设计一个漂亮的网站导航(3)插图(4)

photoshop设计一个漂亮的网站导航(3)插图(5)

效果如下。

photoshop设计一个漂亮的网站导航(3)插图(6)

画一个稍大些的圆角矩形。

photoshop设计一个漂亮的网站导航(3)插图(7)

添加图层样式。

photoshop设计一个漂亮的网站导航(3)插图(8) 

photoshop设计一个漂亮的网站导航(3)插图(9)

photoshop设计一个漂亮的网站导航(3)插图(10)

效果如下。

photoshop设计一个漂亮的网站导航(3)插图(11)

右击形状2图层,栅格化,画一个椭圆,变换选区,回车确定。

photoshop设计一个漂亮的网站导航(3)插图(12) 

点击红框图标,添加蒙版,调出椭圆选区,往右侧挪一段距离,选择蒙版,填充黑色,效果如下。

photoshop设计一个漂亮的网站导航(3)插图(13)

重复上一步骤,输入文字,背景做一渐变,最终效果如下。

photoshop设计一个漂亮的网站导航(3)插图(1)




作者:佚名   出处:
photoshop设计一个漂亮的网站导航(3)插图

内容提要:用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。

先看效果图。

photoshop设计一个漂亮的网站导航(3)插图(1)

因为是演示,所以新建小点的文档,300×100像素,如果想做一个完整的导航,建议文档尺寸600×100像素,画一个圆角矩形,填充任意颜色。

photoshop设计一个漂亮的网站导航(3)插图(2)

添加图层样式。

photoshop设计一个漂亮的网站导航(3)插图(3)

photoshop设计一个漂亮的网站导航(3)插图(4)

photoshop设计一个漂亮的网站导航(3)插图(5)

效果如下。

photoshop设计一个漂亮的网站导航(3)插图(6)

画一个稍大些的圆角矩形。

photoshop设计一个漂亮的网站导航(3)插图(7)

添加图层样式。

photoshop设计一个漂亮的网站导航(3)插图(8) 

photoshop设计一个漂亮的网站导航(3)插图(9)

photoshop设计一个漂亮的网站导航(3)插图(10)

效果如下。

photoshop设计一个漂亮的网站导航(3)插图(11)

右击形状2图层,栅格化,画一个椭圆,变换选区,回车确定。

photoshop设计一个漂亮的网站导航(3)插图(12) 

点击红框图标,添加蒙版,调出椭圆选区,往右侧挪一段距离,选择蒙版,填充黑色,效果如下。

photoshop设计一个漂亮的网站导航(3)插图(13)

重复上一步骤,输入文字,背景做一渐变,最终效果如下。

photoshop设计一个漂亮的网站导航(3)插图(1)




作者:佚名   出处:
photoshop设计一个漂亮的网站导航(3)插图

内容提要:用photoshop制作一个漂亮的网站导航,主要应用了图层样式和图层蒙版。

先看效果图。

photoshop设计一个漂亮的网站导航(3)插图(1)

因为是演示,所以新建小点的文档,300×100像素,如果想做一个完整的导航,建议文档尺寸600×100像素,画一个圆角矩形,填充任意颜色。

photoshop设计一个漂亮的网站导航(3)插图(2)

添加图层样式。

photoshop设计一个漂亮的网站导航(3)插图(3)

photoshop设计一个漂亮的网站导航(3)插图(4)

photoshop设计一个漂亮的网站导航(3)插图(5)

效果如下。

photoshop设计一个漂亮的网站导航(3)插图(6)

画一个稍大些的圆角矩形。

photoshop设计一个漂亮的网站导航(3)插图(7)

添加图层样式。

photoshop设计一个漂亮的网站导航(3)插图(8) 

photoshop设计一个漂亮的网站导航(3)插图(9)

photoshop设计一个漂亮的网站导航(3)插图(10)

效果如下。

photoshop设计一个漂亮的网站导航(3)插图(11)

右击形状2图层,栅格化,画一个椭圆,变换选区,回车确定。

photoshop设计一个漂亮的网站导航(3)插图(12) 

点击红框图标,添加蒙版,调出椭圆选区,往右侧挪一段距离,选择蒙版,填充黑色,效果如下。

photoshop设计一个漂亮的网站导航(3)插图(13)

重复上一步骤,输入文字,背景做一渐变,最终效果如下。

photoshop设计一个漂亮的网站导航(3)插图(1)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部