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

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

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

Photoshop基础教程:简洁美观的网站导航制作

时间:2009-03-10 14:35来源:网络整理 作者: 点击:
本文介绍了如何制作一个基础的导航条按钮效果,步骤虽然比较简单,但是效果却不错,适合新手进行学习,感兴趣的朋友可以跟着试试。首先,打开Photoshop,新建一个1000*600px大小的文件。随后将背景色从上往下拉出渐变效果,颜色从#333333到#000000。

  本文介绍了如何制作一个基础的Photoshop教程:导航条按钮效果,步骤虽然比较简单,但是效果却不错,适合新手进行学习,感兴趣的朋友可以跟着试试。

  首先,打开Photoshop,新建一个1000*600px大小的文件。随后将背景色从上往下拉出渐变效果,颜色从#333333到#000000。

  接着,用圆形笔刷,颜色为白色,设置画笔大小为700px,流量为50%,在背景上点击产生白色光晕效果。

  Photoshop教程:简洁的有光泽的网站导航

  使用矩形选区画出导航条的框架,填充为黑色。

  Photoshop教程:简洁的有光泽的网站导航

  为其添加样式:

  Photoshop教程:简洁的有光泽的网站导航

  得到如下图的效果。

  Photoshop教程:简洁的有光泽的网站导航

  点选黑色导航条图层,使其选中状态,随后用矩形选区按住alt建对选区进行裁剪。

  Photoshop教程:简洁的有光泽的网站导航

  Photoshop教程:简洁的有光泽的网站导航

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