制作一个方形复古播放器图标的PS教程

作者制作图标的方法非常不错。思路:先构思,最好能画出稿图;然后由图标的底部开始制作,用矢量工具或钢笔勾出轮廓,填色后用图层样式增加颜色和质感,局部区域用纹理素材或滤镜等增加纹理即可。最终效果

操作方法

  • 01

    新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块。

  • 02

    我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示。 在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现那个移动工具的图标时,我们拖动,渐变的位置也跟着动,这一个操作方法,在图层样式中一样可用。

  • 03

    使用圆角矩形工具画一个600*600像素的圆角矩形,设置圆角为140像素,设置水平居中,垂直居中。

  • 04

    我将这个圆角矩形命名为“主体”,并为其添加了一个图层样式。

  • 05

    复制一层“主体”图层,更改图层名为“投影”,将“投影”图层置于“主体”图层下层,将图层填充设置为0,再添加一个图层样式,我们来增强一下投影效果。

  • 06

    原图画的是一个类似椭圆的形状,我这里偷懒一下,还是画的圆角矩形,大小为500X360像素,圆角半径为130像素,添加一个图层样式。

  • 07

    下面,我们创建屏幕,设置前景色为#b4b097,使用圆角矩形工具,画一个大小为420*280像素,圆角半径为100像素的圆角矩形。

  • 08

    为这个“屏幕”图层添加一个图层样式。

  • 09

    复制一层“屏幕”图层,转智能对象,添加一个杂色,并将图层混合模式更改为“柔光”。

  • 10

    用两个屏幕的那个圆角矩形相减,得到我们需要的屏幕下部的高光形状,将这个形状的颜色设置为,在属性面板中设置一个1像素的羽化,并将图层混合模式更改为“柔光”,不透明度34%。

  • 11

    设置前景色为eaead2,用屏幕的那个圆角矩形和一个椭圆相交,得到我们需要的屏幕顶部的高光形状,同样的将图层混合模式更改为“柔光”,不透明度34%,并添加一个图层蒙版,适当的擦拭左右两侧。

  • 12

    下面,我们来制作按纽,设置前景色为#b4b097,画一个正圆,并添加一个图层样式。

  • 13

    设置前景色为#d9d0ca,画一个小一点的圆,并添加一个图层样式。

  • 14

    复制一层“按纽”图层,更改图层名为“投影”,将图层填充设置为0,再添加一个图层样式,我们来增强下投影效果

  • 15

    选择住按纽的这三个图层,CTRL+G,创建图层组,命名为“按纽1”,复制图层组,得到四个按纽,最右侧的一个按纽,我将颜色更改了,这里不再给参数了,如果你不懂得如何改,那么你看教程就是只是单纯的看,并没有真正的理解。

  • 16

    最后我添加了我们P大点S的LOGO和图标,设置了一个内阴影和投影,这个图层样式太经常用到了,我们的教程里太经常看到了,这里就不说了。

  • 17

    最终效果:

(0)

相关推荐

  • 写实的音乐播放器ICON(PS教程)

    小编:今天给大家分享一个由优设网带来的超写实音乐播放器ICON的PS教程,教程的重点在图层样式的运用,有的同学有疑问不知道为什么别人总能很准确的调整好渐变样式,小编想告诉大家,不要为了临摹而临摹,可以 ...

  • 质感音乐播放器图标(PS教程)

    小编话:今天小编给大家带来一个质感音乐播放器图标,让我们借鉴@上清若铭的思路,今天的教程中图层样式方面,讲得非常仔细,新手的临摹绝佳教程,小伙伴们加油哦! 善用图层样式,你会发现图层样式非常的强大,下 ...

  • 制作一个超现实的悬挂文字特效【ps教程】

    用ps绘制的特效字往往别有一番味道,比如说火焰特效给人以温暖,震撼的感觉:钢铁特效往往具有欧美大片的风范:星空特效则柔美.空旷-今天教大家制作的是悬挂特效的文字,这又会带来怎样的体验呢?一起来学习下~ ...

  • 肥佬影音怎么下载安装?肥佬影音播放器下载安装图文教程

    肥佬影音播放器下载安装图文教程来啦~肥佬影音播放器是一款强大的高清云播放器,那么肥佬影音播放器要怎么下载安装呢?下文小编就为大家带来肥佬影音播放器下载安装的图文教程,下面就和小编一起去看下下载安装说明 ...

  • 如何制作一个简单的GIF动态图?

    大家经常在QQ或者微信上给好友发送动态图片,其实那些都是我们接下来要说的gif格式的图片,很多人可能会问这些图片是如何做出来的呢?网上有专业的GIF制作工具,用PS软件也都可以制作,这要看GIF的难易 ...

  • 如何制作一个简单的GIF动图?

    GIF动图相比较静态图片更生动有趣,所以现在很多人在聊天的时候喜欢给对方发送这种gif格式的图片,不过大部分人都是从网上下载别人制作好的动图,如果自己能够动手制作一个,除了有成就感以外,还能更好的表达 ...

  • 易语言制作简单本地MP3播放器

    网络上有许多音乐播放器,用易语言我们自己也能很轻松的做一个简单的MP3播放器出来,并具有拖放功能,可以用滑块调节播放进度,用滑块系统的音量大小 思路:用拖放对像组件.媒体播放组件与系统音量组件,控制M ...

  • Win7媒体中心的全面解析 不是单纯的播放器(图)

    如果我们将Win7 Media Center简单的理解为一款单纯的播放器就错了,因为Win7多媒体中心并不是简单的把影视,音乐,图片集成到一起而已,它还加入了一些小功能小元素,这样的好处就是,我们可以 ...

  • 美图秀秀怎么制作一个漂亮的小说封面图?

    美图秀秀中想要制作一个漂亮的字体放到小说封面中,该怎么制作呢?下面我们就来看看详细的教程. 1.首先打开美图秀秀,新建一个透明背景. 2.点击“文字”,“输入文字”,输入“总”字,调成宋体,黑色 3. ...