织梦CMS - 轻松建站从此开始!

我的网站

Photoshop制作购物网站购买按钮

时间:2011-04-10 18:14来源:网络 作者:未知 点击:
本教程主要使用Photoshop设计一款购物网站的购买按钮,在网页的界面设计中,按钮的设计是我们最常遇到的问题,此类的设计不是很难,只要是通过图层样式来实现质感和立体感,加上颜色的搭配,西面就让我们来学习一个购物网站的按钮制作。

先看看效果图

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>制作购物网站购买按钮

 

第一步

新建一个文档(Ctrl+N),命名为button,大小设置为640×480,其余选项留作默认。

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a>制作购物网站购买按钮

 

第二步

在图层面板中新建一个图层,选择圆角矩形工具(U),半径设置为80像素,画出一个矩形。

Photoshop制作购物网站购买按钮

 

Photoshop制作购物网站购买按钮

 

第三步

在图层面板中双击”layer 1″,打开图层样式对话框。勾选渐变叠加(Gradient Overlay),在渐变叠加面板上点击渐变色带,分别选择颜色#1a3a69和#2c62b2。

Photoshop制作购物网站购买按钮

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