当前位置:首页 > PS设计教程图形文字 > 正文

Photoshop制作一个下载按钮图标

小编前言:按钮图标属于UI网页界面,不过PS矢量工具也非常强大,一般的UI都是比较好做的,照例说UI矢量图标以及广告宣传都是用AI或cdr制作的,但是往往很多人都愿意用PS,因为习惯了,而且也好用吧,加上常用的图层样式和图层以及调色万分方便。所以PS前端网页设计都是比较多人用的而fireworks称之为三剑客之中的一个也落寞了。PS更像个多功能瑞士军刀,包括现在不少人可以用3D视频简单制作,虽然没专业软件好。但PS是入门之重无论您是否接触照片的设计,或者只是一个业余爱好者,“PS是图像的系统,而人接触最多的是图像。”
xiaoguo

1.新建文档。220*80px。取决于您是是否适合页面,不过后期可以变换无问题。

anniu1

2.拉出血1px 的参考线。这样可以看到样式,以免出边,样式有倒影的可以多拉进去一点。

anniu1

3.用矩形工具,画一个矩形。椭圆还是矩形完全归于您的爱好!

anniu1

4.设置图层样式:双击【矩形1】图层。渐变:#f28d17 -#ffb619。渐变与不透明度合理协调。

anniu1

5.打上文字与图标,图标在【自定义形状】工具下,载入全部-最后几项,选择保存按钮。或者选择其他随意。

anniu1

6.打上文字和形状图形。本案列使用的是字体样式“微软雅黑“字体

anniu1
anniu1

7.给【矩形1】做一个投影,先前是做了渐变的图层样式,再次双击做一个投影。

anniu1

8.给两个“文字图层”和”下载按钮“都添加上图层样式(ALT拖动可以复制应用其他图层)

anniu1

9.新建一个”反光”图层制作发光,画一个椭圆选区,填充白色。【矩形1】按钮选区

anniu1
anniu1

10.该图层不透明度为25%。效果如下:

anniu1

小编结语:1.你可以用GIF 或PNG输出透明背景,这样无论哪个背景下头可以完美显示我们的按钮了。2.你可以取消【反光图层】蒙版中的链接,自由变换反光的范围。如下:

3.CTRL+U色相饱和度可以调出任意颜色的下载按钮。

anniu1

下载PSD素材

标签:
上一篇: 下一篇:

评论已关闭。