Photoshop打造MP4播放器

效果图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图

  一、新建一个300×300象素的文档,填充黑色背景色。

  二、新建一层画一个这样的形状如下图:(形状按个人喜欢去定义,一开始做的话用圆形更为合适) 填充渐变;(不要取消选择)

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图1

  三、复制形状那个图层,然后缩小到80%;拉个垂直黑白渐变;如下图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图2

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图3

  四、复制第三步的图层,再然后缩小到90% ,填充颜色(#3E8111);如下图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图4

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图5

  五、再复制第四步的图层,再然后缩小到80-90% ;填充径向渐变;如下图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图6

  六、然后在上面做高光;如下图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图7

  七、复制第四步的图层,点选图层填充为白色,向上移动1-2象素,这样更有层次感;如下图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图8

  八、在上面再新建一层,做如图的效果

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图9

九、然后回到第一层,再上面新建一层,按ctrl+G与下层组合起来,再用钢笔描出一个轮廓,如下图;

 

 

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

  高光部分步骤

  一、新建一层,用椭圆工具画出椭圆,填充白色,再用旋转工具放到适当的位置,如下图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图10

  二、再新建一层,用钢笔画出上部分的高光,如下图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图11

  然后设置一下渐变

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图12

  拉出如下的效果

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图13

  三、继续新建一层,用钢笔画出下半部分的高光,如下图:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图14

  渐变设置跟前面一样,拉出如下效果:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图15

  四、继续新建一层,钢笔画出右面部分的高光,

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图16

  渐变设置跟面前一样,拉出如下效果:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图17

  五、继续新建一层,用椭圆工具画出比较小的椭圆,填充白色,旋转好位置,透明度设置为50%,效果如下:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图18

  六、这样就差不多了,最终高光效果如下:

Photoshop制作金属质感图标_亿码酷站___亿码酷站平面设计教程插图19

七、完成:

云服务器推荐