您好,欢迎来到网站制作教程网!
css教程 css布局 web标准 浏览器兼容
access基础 mysql基础 sql server基础教程 oracle基础教程
fireworks教程 Dreamweaver教程 Flash教程 网页设计原理 网页欣赏
ASP基础教程 asp.net基础教程 html教程 xhtml教程 ajax教程 xml入门教程 正规则表达式
seo基础教程 策划盈利教程 建站基础
链接特效 导航特效 文本特效 日期时间特效 状态栏特效
javascript教程 vbscript教程
php与Smarty教程 php基础教程 php与数组教程 php与字符串教程 php与数据库
Web服务器教程 ftp服务器教程
ps制作网页元素 ps调色 ps抠图 ps照片美容 photoshop合成 ps文字效果 ps基础与技巧 coreldraw基础 ai基础 平面设计理论

photoshop制作网页购物车按钮教程

时间:2011-10-30 10:11来源:未知 作者:admin 点击:

photoshop制作网页购物车按钮教程

本教程学习如何用photoshop的圆角矩形工具和图层样式打造绿色购物车图标。

先看效果图。

photoshop制作网页购物车按钮教程

新建文档930x580像素,背景白色,建新层,用自定义形状工具画一个圆角矩形和一个正圆,颜色黑色。

photoshop制作网页购物车按钮教程


添加图层样式。

photoshop制作网页购物车按钮教程


photoshop制作网页购物车按钮教程


效果如下。

photoshop制作网页购物车按钮教程


建新层,再画出下图所示图形,颜色白色,添加蒙版,黑白直线渐变。

photoshop制作网页购物车按钮教程


效果如下。

photoshop制作网页购物车按钮教程


建新层,画一黑色圆角矩形。

photoshop制作网页购物车按钮教程

添加图层样式。

photoshop制作网页购物车按钮教程



建新层,调出这个圆角矩形的选区,填充白色,用钢笔做如下选区,反选删除,添加蒙版,黑白直线渐变,图层模式叠加,不透明度70%,

photoshop制作网页购物车按钮教程

输入白色文字shopping cart,英文购物车的意思,添加投影和渐变叠加样式,这里不截图了,大家自己设置,相信大家的智慧。

photoshop制作网页购物车按钮教程


建新层,画一个小些的正圆,添加的样式同第一步。

photoshop制作网页购物车按钮教程


建新层,画一个黑色正圆。

photoshop制作网页购物车按钮教程


添加图层样式。

photoshop制作网页购物车按钮教程

photoshop制作网页购物车按钮教程


效果如下。

photoshop制作网页购物车按钮教程



Tags:
网站制作教程
责任编辑:admin

发表评论

请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码:点击我更换图片

最新评论

  • 网络营销
  • 服务器
  • 数据库