Photoshop绘制立体风格的简洁按钮教程

2016-02-15 20:38 8 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop绘制立体风格的简洁按钮教程懂PS的网友们快点来了解吧!

【 tulaoshi.com - PS 】

先看看效果图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

1、新建文件

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

2、选择背景颜色

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

3、alt+delete键填充前景色。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

4、椭圆工具新建一个正圆(椭圆1图层)。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

4.1、双击椭圆1图层调节图层样式颜色叠加、描边,参数如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

4.2、得到椭圆1的效果。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

5、再新建椭圆2,大小如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

5.1、双击图层调节图层样式:颜色叠加、描边、投影。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

6、得到效果,再新建椭圆3.

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

6.1双击椭圆3图层调节图层样式:颜色叠加、投影。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

6.2、椭圆3图层填充调为0.

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

6.3、椭圆3效果。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

7、新建椭圆4图层大小如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

7.1、双击图层调节图层样式:斜面和浮雕、颜色叠加、外发光、投影。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

7.2、效果。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

7.3、ctrl+J复制椭圆3图层得到椭圆4,调节如图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

8、用矩形工具新建矩形。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

8.1、双击矩形图层调节图层样式:颜色叠加、投影。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

8.2、效果如图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

8.3、ctrl+T复制出4个矩形图层,分别调整好位置如图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

9、新建小椭圆位置如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

9.1、双击图层调节图层样式:颜色叠加

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

9.2、效果如图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

9.3、新建几个小椭圆位置如图。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

10、选择大椭圆所对应的小圆图层调整图层样式。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

10.1、效果图

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

11、打上文字然后调节图层样式。

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

最终效果

Photoshop绘制立体风格的简洁按钮教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1563681.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop绘制立体风格红色钟表图标教程,钟表是生活中最常见的,不过要制作出来还是要花一定心思和时间的。下面的教程将介绍如何制作一个壁钟。作者制作得非常细致,基本上每一步都有详细的说明,喜欢的朋友可以尝试一下。 最终效果 1、新建文档:2304×1708PX,分辨率:300。调出标尺:Ctrl + R在标尺上点击鼠标右键...
标签: PS PS基础
最终效果图: 首先,新建一个文档,我的是1024*1024。 在背景层上拉一个径向渐变,颜色如图所示~~ 新建一层,D键把前景背景改为默认,填充白色,选择滤镜-杂色-添加杂色,平均分布,数量50%,勾选淡色,如图所示 确定后把混合模式改为柔光,透明度30% 新建一个圆角矩形,如图所示,调整好圆角,填充颜色随便。Ctrl+a 选择...
做这个教程,其实是自己练习着玩,也正好模仿一位大神的一个简单的作品,第一次为猫视觉写教程,比较简单,希望在今后的练习中能做出更好的教程给大家。 我们先来看下原作和我这个山寨的区别: 接下来我们讲解教程: 1. 首先创建一个尺寸为400*300的文件(尺寸随意) 2. 然后找一张木板作为背景,主要你觉得适合随便都可以,找不到合适的...
标签: PS PS基础
面对相同的效果,每个人的实现方法都不尽相同,我把我常用的方法在这里写出来,第一次写教程,如有不妥之处望多多包涵。本次为写教程部分地方重新制作了一下,与之前发的图片在色彩等方面多少会有不同之处。 废话少说,先看效果图 1.制作按钮本体。先画一个圆角矩形,并加上渐变滤镜 这里颜色的选择是重点,选择好颜色后就已经有一种柔和...
Photoshop绘制简洁风格的网页音量图标                         

经验教程

702

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部