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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/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基础形状新手入门指南全科普》

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%,形状边缘会出现模糊现象,出现这种情况的原因:当你放大或缩小显示比例绘制矢量图形时...

经验教程

819

收藏

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