当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标制作,用PS制作一个简单逼真的环形播放按钮图标(3)

来源:脚本之家 作者:不详 学习:10595人次

本篇教程创造了这个有趣的发光球体循环播放按钮的步骤,适合初学者,教程里会用一些基本的绘画技巧和添加灯光效果等元素,以及钢笔工具,同学们一起来学习一下吧。

效果图:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

操作步骤:

步骤一

创建一个新文件(大小可以根据自己的需求来设定),黑色背景,添加一个新层,使用油漆填充深蓝色背光或者用大软刷直接刷出发光背景效果:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

创建一个新图层,在画布的中心画一个黄色圆圈:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

现在,让我们在这个圈子上添加一些光影,首先选择这个圈层,用柔软的白色画笔作画下面所示的位置:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

创建另一个图层,用柔软的黑色画笔在右侧画一些阴影底部,如下图所示:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

创建圈层的下面新建一个图层,用柔软的黑色画笔来绘制球体下的一些阴影:(使用自由变换工具(Ctrl+T)来压缩下来)

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

这里是到目前为止的效果:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

步骤二

现在,让我们播放符号添加到图形中,从工具箱中创建一个新层,选择多边形工具:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

 

这里是透视设置后的效果:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

我们可以添加一些纹理这个小结上,使它看起来有点真实:

应用下面的图层混合选项到这一层:

内发光

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

斜面和浮雕

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

渐变叠加

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

图案叠加

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

这里是到目前为止的效果:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

步骤三

现在,我们可以添加播放器的周围的增加一些照明效果。要做到这一点,再次装入原ORB层的选择,并创建一个新层,用柔软的白色画笔里面选择绘制如下图所示:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

取消选择,移动层位置,您将有以下效果:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

复制这一层一次,水平翻转,并将其移动到按钮的左侧:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

这里是到目前为止的效果:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

现在,我们可以添加一些闪亮的小点周围的按钮来添加一些特殊的效果。

要做到这一点,抓住从画笔面板中软刷和适用以下画笔选项:

形状动态

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

散射

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

其他动态

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

 

请务必勾选"平滑"选项。

现在你可以使用这个刷子涂刷周围天体的一些小点给整体形象柔和的手感:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

步骤四

我们差不多完成了!

对于一些最后的调整,我决定创建原始层下新建一个图层添加一些泛着淡淡的周围发光体,并用黄色的软刷子涂刷周围的元素:

为了与颜色更柔和,我还增加了所有层对于一些红色的照明效果顶部的色彩平衡调整图层:

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

这里是最终的图像我有这个教程

图标制作,用PS制作一个简单逼真的环形播放按钮图标_www.16xx8.com

到这里就完成了,是不是很逼真,有没有很想点播放,哈哈,万一真是个视频呢,同学们做的怎么样了?

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
信你,爱你,唯有你2018-06-09 06:02
好好看啊
爱我别走2018-02-11 03:15
动手~_~
qq9015863162017-11-12 08:45
英文看不懂啊啊
不一样的夏天2017-11-12 03:40
厉害厉害
颓废我的颓废2017-11-12 01:25
感谢老师无私奉献
叶浅丿殇2017-11-12 09:59
感谢楼主分享~~~~~~
那个人说我累了2017-11-12 12:34
赞赞
塞尚的苹果2017-11-12 12:32
给力
天上的太阳之歌2017-11-12 12:28
已阅
单纯的高傲2017-11-12 12:26
动手
星散渃月2017-11-12 12:15

关注大神微博加入>>

网友求助,请回答!