Photoshop绘制质感的播放器音量开关

天蝎伤痕累累

天蝎伤痕累累

2016-02-15 21:37

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop绘制质感的播放器音量开关吧。

先看看效果图

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

画布大小自定义,我这里800*600px,颜色值:2e2f31

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

2.绘制一个正圆,按住shift键,点击鼠标左键,选择移动工具V,在与画布垂直、水平居中对齐,颜色值:2e2f31

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

3.给图层命名base(底层),并添加内阴影、投影

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

4.复制base图层,右击选择清除图层样式,按住Ctrl+T,再按住shift+Alt等比例缩小,缩放比例看图,并命名shape(形状),再添加图层样式

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

5.新建正圆,并命名shadow(阴影)我是cc版的,羽化就行:6.6px,找不到的话,就高斯模糊,滤镜模糊高斯模糊,数值自个调,按住shift+方向键,下移到base图层边缘就行。

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

6.在绘制一个shape图层,为什么是一样的,这个我真不知道诶,这是按国外大神做地,为了以示区别,可以改为shape2,这个图层移到阴影图层下,添加图层样式

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

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

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

7.在绘制一个shape图层,在加个数字3把,按Ctrl+T,shift+Alt等比例缩放,添加图层样式

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

8.绘制一个正圆命名为metal(金属)层,添加图层样式

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

大神没给颜色值,无非就是黑、灰、白,

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

9.复制metal图层,并改为gradient(渐变)右击图层,清除样式,重新添加黑白渐变,图层填充为0

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

10.绘制一个圆角矩形,命名为mark(标记)图层,在选择矩形工具减去一小部分,添加图层样式

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

到这一步算是基本完成了,接下来就是指示灯的问题。

这一步需要AI支援了

将ps文件保存好后,打开AIcs6,按Ctrl+O弹出打开窗口,选择需要的打开文件,打开后会弹出一个窗口,默认,点确定即可。

AI步骤:

1.绘制一个正圆,圆的大小,你们看着顺眼吧。

选择旋转工具(R),按住Alt键将鼠标移到圆的中心位置,会显示出中心点字体,不要松开鼠标,将中心点移到金属中心位置,此时会弹出旋转弹窗,输入22.5度,点复制,在按Ctrl+d键,连续复制。

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

如下图:这是全选中状态,因为要复制,在编辑复制,再回到PS软件,Ctrl+V粘贴

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

此时弹出粘贴弹出,选择最后一个

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

接下来就是给两个图层命名为off,off2添加图层样式

Off:图层样式

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

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Off2图层样式

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

这是我做的效果:(这里稍微修改了下,5°C™渴樂 说中心圆没对齐,感谢您对我提的建议,在这里又重新做了一张,原来做的我就不删了,就把它当做对我的警醒吧,细心细节真的很重要!)

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

这是原效果图

Photoshop绘制质感的播放器音量开关,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop绘制质感的播放器音量开关

PS PS基础
Photoshop绘制质感的播放器音量开关

Photoshop绘制逼真的播放器音量旋钮图标

PS PS基础
Photoshop绘制逼真的播放器音量旋钮图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop绘制圆形质感的播放器界面教程

PS PS基础
Photoshop绘制圆形质感的播放器界面教程

Photoshop绘制立体大气的播放器按钮

PS PS基础
Photoshop绘制立体大气的播放器按钮

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计金属质感的播放器界面教程

PS PS基础
Photoshop设计金属质感的播放器界面教程

Photoshop制作粉色质感的播放器按钮效果

PS PS基础
Photoshop制作粉色质感的播放器按钮效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作金属质感的3D立体字教程

Photoshop制作金属质感的3D立体字教程

Photoshop合成在城市街道中战斗的男人

Photoshop合成在城市街道中战斗的男人
下拉加载更多内容 ↓