Photoshop制作圆形质感开关按钮

2016-02-16 04:49 309 1 收藏

有了下面这个Photoshop制作圆形质感开关按钮教程,不懂Photoshop制作圆形质感开关按钮的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - PS 】

先看效果图。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

新建文档500x500像素,背景黑色,新建图层1,用700口径柔角白色笔刷在中心点一下,之后不透明度改为30%。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

新建图层画一个白色正圆。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

效果如下。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

新建图层画一个小点的白色正圆。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

类似下图效果。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

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

同样方法画一白色正圆。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

效果如下。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

新建图层2,用大口径黑色柔角笔刷点一下。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

再新建图层画一个白色椭圆。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

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

添加图层样式。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

效果如下。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

以上图形都中心对齐,添加一些修饰图形。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

添加文字加点浮雕样式,最终效果如下,本ps教程结束。

Photoshop制作圆形质感开关按钮,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1568245.html

延伸阅读
标签: PS教程
在做之前我们需要分解开关了解它的结构,然后按照教程一步步跟着做,想要学习的朋友就赶紧跟着教程一起学习吧。 1、先建立一个1136*640的画布。 2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。 3、建立一个新图层,画一个同样大小的同心圆,...
标签: PS PS基础
先看效果图。 新建文档400x400像素,背景黑色,建新层,自定义形状工具画一白色正圆。 添加图层样式。 效果如下。 建新层,画一白色椭圆,图层不透明度10%,效果如右图。 建新层,画一个大的白色正圆,之后减法模式画一个小的正圆,这样我们得到了一个白色圆环。 添加图层颜色。 效果如下。 复制一层,清...
最终效果图 步骤一:首先打开Adobe Photoshop并设置文档宽度和高度为800×800。完成后,点击“视图”并选择“查看实际像素”。 步骤二:选择“椭圆工具 ”并画一个圆。 步骤三:转到“混合选项”。你可以通过右击图层蓝色部分并移动鼠标选择“混合选项”。 步骤四:给“椭圆工具”应用这些混合选项。 ...
PS教程 Photoshop制作圆形简洁开关图标   想要自己用photoshop设计出一个圆形简介开关,那么就一起来看看下面这个教程吧,制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 效果图: PS教程 Photoshop制作圆形简洁开关图标(...
photoshop绘制透明玻璃质感长圆形按钮 最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右图老师半圆向右移动30像素...

经验教程

911

收藏

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