Photoshop绘制逼真的音乐播放器图标

2016-02-15 21:52 18 1 收藏

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop绘制逼真的音乐播放器图标教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - PS 】

今天的教程是绘制一枚质感逼真的的播放器图标。教程难度中下,适合有基础的同学进阶学习,重点依然是图层样式的运用。

最终效果图:

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

新建一个600*600画布。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

来个白到灰的径向渐变。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

椭圆工具画个300*300的圆。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

直接选择工具选中这两个点。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

右键,自由变换点,在箭头标注的W位置输入80。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

重复上一步骤,选中上面两个点,在H位置输入80。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

居中下,调整下大小自己感觉合适即可。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

给调整好的圆角矩形添加图层样式,投影,渐变叠加。内阴影,斜面浮雕。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

调整图层样式后的圆角矩形变的更有立体感。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

画一个圆大小自定,用渐变叠加调处金属质感。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

接着添加斜面浮雕和投影。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

再画一个圆。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

添加图层样式,先来个渐变叠加。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

投影,内阴影,斜面浮雕。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

调整后的效果:

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

ok,这一步来教同学做光碟上的拉丝效果,使它更为逼真,新建图层,拉个圆形套索,填充白色。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

滤镜添加杂色。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

滤镜径向模糊。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

剪辑蒙版。

(有同学反映插入后就不见了,方法是:调出圆形的图层样式,混合选项里,勾上将内部效果混合成组勾选掉,把剪贴图层混合成组。就ok了)

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教程,图老师教程网

添加投影,内阴影。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

画个白色小圆放在这个位置,来做支架。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

添加渐变叠加和斜面浮雕。

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

画个白色小圆,添加一像素描边,

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

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

支架部分很简单,同学们试着去做下,全都是用形状工具做的。

形状工具入门教程:《超实用!Photoshop基础形状新手入门指南全科普》

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

搞定后最终效果:

Photoshop绘制逼真的音乐播放器图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1564376.html

延伸阅读
标签: PS PS教程
制作图标之前,有很多的工作要做,先找出相关的实物图参考,然后自己构思出想要的效果并画出草图。后期用PS慢慢细化,把想要的形状、颜色、质感、纹理等都表现出来即可。 最终效果 1、新建一个600*600画布。 2、来个白到灰的径向渐变。 3、椭圆工具画个300*300的圆。 4、直接选择工具选中这两个点。 5、右键,自由变换点,在箭头...
标签: PS PS基础
本教程主要使用Photoshop绘制逼真的计时器UI图标教程,今天这枚图标效果很经典了,作为一枚入门必备的练手图标,今天走着P大点S重新把教程写出来给大家练手,有什么不懂的东西可以下载PSD源文件,喜欢的朋友让我们一起学习吧。 教程源文件素材: 网页UI计时器图标设计PSD源文件 首先,看看我们的山寨原图。 我们的成品: 原图有...
Photoshop制作简单音Tulaoshi.Com乐播放器 教程的效果图制作的非常小巧,很适合用到一些可以播放音乐的网页中。制作方法也比较简单,播放器的每一个部件基本上都是用图层样式来表现立体及浮雕效果,只要注意好图形的层次关系,我们就可以分层来完成效果图。 最终效果 1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色的油漆层,添加...
标签: PS PS基础
最终效果 1、找实物图片参考,仔细观察形状及光影变化等细节,很少有人能凭借脑袋中的记忆凭空画出一个实物,所以寻找参考图片是一个最好的方法。 2、使用形状工具画出基本形状。 使用形状工具时最好把文档显示比例调成100%,如果大于或小于100%,形状边缘会出现模糊现象,出现这种情况的原因:当你放大或缩小显示比例绘制矢量图形时...

经验教程

1000

收藏

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