当前位置: 电脑软硬件应用网 > 设计学院 > 图像处理 > 正文
[组图]网页制作教程-photoshop中创建一个时尚的按扭
网页制作教程-photoshop中创建一个时尚的按扭
2009-12-25 9:05:34  文/夕木木   出处:夕木木   

像以前一样,我们先来看效果图.漂亮不,心动不,那就就跟夕木木一起来学习创建这个时尚的按扭.
网页美工教程,网页制作教程,导航菜单教程

1.打开photoshop,然后新建一个文档250*150,并填充背影:#252a38.
网页美工教程,网页制作教程,导航菜单教程


2.在工具箱上选择椭圆图标并设置如图:
网页美工教程,网页制作教程,导航菜单教程


新建一个图层,然后填充一个颜色.
网页美工教程,网页制作教程,导航菜单教程


3.在调色板上设置如下:
网页美工教程,网页制作教程,导航菜单教程


使用渐变,渐变如下
网页美工教程,网页制作教程,导航菜单教程


4.双击图层,打开图层样式,给图层添加阴影.
网页美工教程,网页制作教程,导航菜单教程


再添加一个描边,但是这样描边和平常不太一样,是用渐变抽边,设置如图所示.
网页美工教程,网页制作教程,导航菜单教程

 

网页美工教程,网页制作教程,导航菜单教程


5.在工具箱上选择加深和减淡工具,设置如图:
网页美工教程,网页制作教程,导航菜单教程


然后在图所标识的地方,涂沫如下.
网页美工教程,网页制作教程,导航菜单教程


效果如下:
网页美工教程,网页制作教程,导航菜单教程


6.选择椭圆选区,作出效果如下.
网页美工教程,网页制作教程,导航菜单教程


7.添加渐变,设置如图:
网页美工教程,网页制作教程,导航菜单教程


从上而下线性渐变
网页美工教程,网页制作教程,导航菜单教程


按ctrl+D取消选区,并更改图层的不透明度:40%,混合模式为:opacity.
网页美工教程,网页制作教程,导航菜单教程


8.现在使用文字工具,添加文字并设置图层样式.
网页美工教程,网页制作教程,导航菜单教程

 

网页美工教程,网页制作教程,导航菜单教程


效果如下:
网页美工教程,网页制作教程,导航菜单教程


9.添加下面的文字,效果如下:
网页美工教程,网页制作教程,导航菜单教程


10.在这个网站下载图标(icon).然后导入photoshop,按ctrl+U,设置如下,最后更改混合模式:overlay.
网页美工教程,网页制作教程,导航菜单教程

 

 

你也可以做一个导航菜单:

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    电脑没装Photoshop不要紧 这货在线很…
    Photoshop无法替代的滤镜-几种实用的…
    Photoshop制作一款可爱的奶牛文字
    Photoshop基础教程:快速给雪景图片…
    网页制作需掌握的6种能力
    Photoshop制作漂亮的折纸文字
    Photoshop CS5为照片增添油画效果
    Photoshop打造超酷的光影风格舞者海…
    Photoshop打造梦幻飘逸的古典仿手绘…
    Photoshop简单快速美白磨皮教程
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号