Photoshop制作非常精致的金属音乐播放器图标

2016-02-01 20:48 30 1 收藏

今天图老师小编给大家展示的是Photoshop制作非常精致的金属音乐播放器图标,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - ps入门教程 】

制作图标之前,有很多的工作要做,先找出相关的实物图参考,然后自己构思出想要的效果并画出草图。后期用PS慢慢细化,把想要的形状、颜色、质感、纹理等都表现出来即可。 最终效果

1、新建一个600*600画布。

2、来个白到灰的径向渐变。

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

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

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


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

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

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

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

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

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

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

12、再画一个圆。

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

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

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

15、滤镜添加杂色。

16、滤镜径向模糊。

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

17、剪辑蒙版。

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

18、模式改为叠加,调整不透明度。

19、这样拉丝效果就出现了,也更加逼真点。

20、再画个圆形添加渐变叠加。

21、把拉丝图层拷贝出来,剪进去,透明度调低点,给它也添加拉丝效果。

22、再画一个圆形填充红色。

23、添加图层样式,投影,内阴影(参数可自己调整)。

24、拷贝拉丝图层剪辑进去。

25、再画一个圆形,填充淡红色,也添加拉丝效果,即有俩红色圆形。

26、再画个小圆形填充白色。

27、添加投影,内阴影。

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

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

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

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

最终效果:

来源:http://www.tulaoshi.com/n/20160201/1525229.html

延伸阅读
拜读了《中国电脑教育报》第12期第A29版《音乐播放器DIY》一文,使我深受启发,也萌生了制作一个播放器的想法。通过几天的研究实践,还真让我DIY了一个播放器,自我感觉不错喔!现特地“奉献”出来与朋友们共享! 1、打开Authorware 6.0,新建一个文件并保存名为“我的播放器”;按Ctrl+Shift+F打开Functions函数库,选择Category下的“...
标签: PS PS基础
在PremiumPixels上看到N多可供下载的网页设计PSD文件,都非常精美。但它只提供了现成的文件,并没有提供教程,那么我就通过源文件自己摸索,向Orman Clark学习一下如何做出如此漂亮的作品。 先看看效果图 下面是教程开始 二、新建一个图层,选择圆角矩形工具(U),在工具属性栏中填入宽度360像素、高度30像素,半径为2个像素,画一个圆...
标签: PS PS教程
播放图标很常见,不过要做好还是要下一定功夫的。首先要在造型上有一定的特色,最好多找一些实物图参考;然后画出线稿图,并作出分层图;再给图标上色,用图层样式等加上质感等即可。 最终效果 1、在做这个图标之前,我首先翻箱倒柜去找了一个古董级MP3来参考一下。 2、考了一下,我决定把一体的按键变成五个,科技感会强一些。在这里我...
效果图制作的非常精美。学习的目的是学会立体图形的构成及光感,材质的渲染。制作之前需要把木盒拆分为几个面,然后按顺序慢慢制作各个面即可。 最终效果 1、图层分解,大致可按顺序分为以下几个部分。 2、新建大小适当的画布,背景填充暗灰色,新建一个图层用钢笔勾出顶部框框的轮廓,转为选区后填充任意颜色,然后双击图层添...
本教程介绍小图标的制作过程。图标制作的要求比较高,尤其是水晶风格图标,有很多细节需要处理。看似很简单的东西做出来需要花很大的功夫。 最终效果 1、新建一个600 * 400像素的文件,背景填充白色,然后选择圆角矩形工具,半径为8,前景颜色设置为红色,拉一个小圆角矩形。 2、按Ctrl + R调出标尺,然后拉出相交的参照线。然后再用...

经验教程

912

收藏

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