ps制作一个简单又时尚的UI按扭插图

ps制作一个简单又时尚的UI按扭

在这个教程里,将和童学们分享如何使用Photoshop制作一个简单又时尚的UI按扭,这个按扭可以用在电子商务网站,或者是网店上 来看下效果。 1.新建一个文档(ctrl+N)大小为:600*600(虽然我们按扭的大小:170*50,但是尺寸大方便我们的修改) 2.选择“圆角矩形工具”并设圆

用ps制作一个简单漂亮的圆形按钮(5)插图

用ps制作一个简单漂亮的圆形按钮(5)

本教程我们学习如何打造一个简单漂亮的圆形按钮,就像下图那样的。 建立新文档,尺寸自定,黑背景,建立新层,画一个正圆。径向渐变,设置好颜色,得到下图。 图层样式:浮雕 得到下图效果。 建立新层,画给椭圆,

广告位
用ps制作一个简单漂亮的圆形按钮(2)插图

用ps制作一个简单漂亮的圆形按钮(2)

得到下图效果。 建立新层,画给椭圆,径向渐变。

用ps制作一个简单漂亮的圆形按钮(4)插图

用ps制作一个简单漂亮的圆形按钮(4)

用ps制作一个简单漂亮的圆形按钮(2)得到下图效果。 建立新层,画给椭圆,径向渐变。 模式改为线性减淡,并降低不透明度。 建新层,用笔刷或形状画个图形,降低不透明度即可。 加上文字...
用ps制作一个简单漂亮的圆形按钮(3)插图

用ps制作一个简单漂亮的圆形按钮(3)

模式改为线性减淡,并降低不透明度。 建新层,用笔刷或形状画个图形,降低不透明度即可。 加上文字。

Photoshop制作简单的蓝色导航按钮(2)插图

Photoshop制作简单的蓝色导航按钮(2)

2、添加散射光条文。新建一层,左边工具栏选择-圆角矩形按钮-自定义形状按钮。找到下面这个形状,如果没有可以点击右边的小箭头,追加形状。 3、选中并在图层上拖动得到如下效果: 4、前景色设为白色(#ffffff),

Photoshop制作简单的蓝色导航按钮(8)插图

Photoshop制作简单的蓝色导航按钮(8)

Photoshop制作简单的蓝色导航按钮(2)2、添加散射光条文。新建一层,左边工具栏选择-圆角矩形按钮-自定义形状按钮。找到下面这个形状,如果没有可以点击右边的小箭头,追加形状。...
Photoshop制作简单的蓝色导航按钮(7)插图

Photoshop制作简单的蓝色导航按钮(7)

13、制作右下角高光边框: 14、添加图层蒙版,前景黑色背景白色。拖动得到如下效果: 15、复制做好的按钮,再打上文字,完成最终效果:

Photoshop制作简单的蓝色导航按钮(6)插图

Photoshop制作简单的蓝色导航按钮(6)

11、复制上面的图层,清除图层样式,添加如下样式: 12、渐变叠加,颜色由白色 到透明。描边:

Photoshop制作简单的蓝色导航按钮(5)插图

Photoshop制作简单的蓝色导航按钮(5)

9、新建图层,做出如下选区,注意上下边缘: 10、填充黑色,不透明设为“0”,描边:

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部