Photoshop设计一款购物网站的购买按钮
作者:佚名 出处:飞鱼的声纳 作者:Wantfee 本教程主要使用Photoshop设计一款购物网站的购买按钮,在网页的界面设计中,按钮的设计是我们最常遇到的问题,此类的设计不是很难,只要是通过图层样式来实现质感和立体感,加上颜色的搭配,西面就让我们来学习一个购物网站的按钮制
先看效果图。
新建文档450×270像素,背景白色,建新层,画一黑色圆角矩形,半径25像素。
添加图层样式。
得到下图效果。
建新层,画一白色圆角矩形。
添加图层样式。
效果如下。
建新层,右侧画另一个一白色圆角矩形。
添加图层样式。
渐变叠加中心往下拖一些,效果如下。
建新层,画一个黑色正圆。
填充(fill)归零,添加图层样式。
效果如下。
绘制出其它图形。
合并3个图形层,用矩形选区工具删除多余部分,效果如下。
橘色层复制一个,放于图层顶部,用钢笔修改路径。
修改渐变样式,去掉描边。
图层模式加深,效果如下。
输入文字,处理其它细节,加一些杂点,加点颜色,最终效果如下。
先看效果图。
新建文档450×270像素,背景白色,建新层,画一黑色圆角矩形,半径25像素。
添加图层样式。
得到下图效果。
建新层,画一白色圆角矩形。
添加图层样式。
效果如下。
建新层,右侧画另一个一白色圆角矩形。
添加图层样式。
渐变叠加中心往下拖一些,效果如下。
建新层,画一个黑色正圆。
填充(fill)归零,添加图层样式。
效果如下。
绘制出其它图形。
合并3个图形层,用矩形选区工具删除多余部分,效果如下。
橘色层复制一个,放于图层顶部,用钢笔修改路径。
修改渐变样式,去掉描边。
图层模式加深,效果如下。
输入文字,处理其它细节,加一些杂点,加点颜色,最终效果如下。