当前位置:丝路教程网 > UI设计 > PS > PS教程 >

创意?巧用PS制作播放器图标

2017-08-21 10:08 来源: 丝路教程网 分类: PS教程
467 作者:丝路教程网

[导读] 创意这个东西是一瞬的灵感,也是常年的积累,今天的PS教程带大家巧制作播放器图标,主要分为两个部分底座、内圆,其他部分都是比较简单的,相信设计师门可以从容应对。比较难

  创意这个东西是一瞬的灵感,也是常年的积累,今天的PS教程带大家巧制作播放器图标,主要分为两个部分底座、内圆,其他部分都是比较简单的,相信设计师门可以从容应对。比较难得是内圆部分,因为要表达立体感需要多个图层来呈现,看看最终效果图,喜欢就加入我们吧。

  最终PS效果图:

Photoshop绘制银色金属质感的播放器图标

  效果图欣赏过后,教程即将开始,是你的菜,就转进学起来哦。

Photoshop绘制银色金属质感的播放器图标

  步骤一:所有的PS教程开始都需要最重要的一步就是建画布,简单但是个开始,800px*600px画布,命名为个性图标,为背景添加颜色#5c5857。

Photoshop绘制银色金属质感的播放器图标

  步骤二:接下来的步骤不要盲目崇拜,开始神操作了,使用圆角矩形工具、绘制一个425px*425px圆角半径为60px底座,并为它添加图层样式。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

  步骤三:底座一出,谁与争锋,高逼格有木有!!!接下来继续使用圆角矩形工具、绘制一个375px*375px圆角半径为60px底座,并为它添加图层样式。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

  步骤四:接下来重要的一步开始——绘制内圆,使用椭圆工具绘制一个320px的正圆,并添加图层样式吧。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

  步骤五:内圆绘制完成接着就是绘制线条,选择直线工具绘制一条长度20px粗细1px的直线吧,颜色为#5c5857。

Photoshop绘制银色金属质感的播放器图标

  步骤六:神操作,学会了也可变大神,复制直线执行自由变换命令,调整中心点至画布中心,旋转90度,并执行重复上一命令并复制操作shift+ctrl+alt+t复制出另外两条直线段,并添加一下图层样式吧。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

  步骤七:,必要嫌烦,接下来还是要继续绘制内圆的线条,选择直线工具绘制一条长度15px粗细1px的直线吧,颜色为#5c5857。

Photoshop绘制银色金属质感的播放器图标

  步骤八:再一次重复上述操作,旋转7.5度并将复制出的多余直线段利用布尔运算减去,并添加图层样式。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

  步骤九:继续来绘制内圆的位置吧,用椭圆工具、绘制一个205px的正圆颜色为#040404,并为它添加图层样式。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

  步骤十:我们继续来绘制内圆的部分,先绘制一个188px的正圆,在绘制一个三角形,合并为一个形状,使用直接选择工具移动锚点,颜色改为#d5d5d5并为它添加图层样式。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

  步骤十一:绘制内圆如此漫长,不骄不躁接着处理哦。用椭圆工具、绘制一个40px的正圆,并为它添加图层样式。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

  步骤十二:继续绘制内圆的部分,用椭圆工具、绘制一个25px的正圆,颜色为#272121。

Photoshop绘制银色金属质感的播放器图标

  步骤十三:现在我们来绘制最后一个小圆吧,用椭圆工具、绘制一个17px的正圆,并为它添加图层样式,到这步教程就接近尾声了。只要看看收尾的工作就结束了,还满意么这个ps教程么,喜欢的记得多多操练啊。

Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标
Photoshop绘制银色金属质感的播放器图标

免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

  • 所属专题:PS教程专题
  • 本文链接:http://blog.silucg.com/UICN/psjc/article-7405.html

创意?巧用PS制作播放器图标

的相关文章
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育