当前位置:首页 > PS教程 > 设计教程

PS绘制精致的索爱播放器图标

  • 2021-05-06 23:46:58
  • 来源/作者:互联网/佚名
  • 己被围观

当我们看到一个教程的时候,大家会想到些什么呢?马上开练?做完之后呢?本狼建议:在做之前,先看看效果图,想想自己能不能在没有教程的前提下把这个案例做出来?眼前的这个图形由

看,就是红色这部分。是不是感觉太刺眼了呢?没关系,我们把图层填充设置为“0”,然后添加图层样式:

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

颜色为白色,主要是调整透明度。上面4个节点,从左到右分别为:

不透明度:0%,位置:0%;不透明度:10%,位置:50%;不透明度:0%,位置51%;

不透明度:0%,位置:100%;

嗯,屏幕部分已经完成了。这样我们已经完成了一半了。还有翻盖部分,大家再接再厉,不要嫌麻烦哟!

按键部分

我们用橙色和灰色来区分下按键区域,然后添加图层样式。需要注意的是,按键的区域全部是形状图层哦!

按键底

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

灰色按键

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

橙色按键

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

渐变的色标从左到右颜色及位置分别是:

颜色:#bd5d13,位置:0%;颜色:#c16c29,位置:10%;

颜色:#882d00,位置:20%;颜色:#c66516,位置:27%;

颜色:#e59d59,位置:42%;颜色:#b86827,位置:53%;

颜色:#c16927,位置:62%;颜色:#882d00,位置:72%;

颜色:#ea9c58,位置:88%;颜色:#bd5d13,位置:100%;

Photoshop绘制精致的索爱播放器图标

看,是不是很漂亮捏

Photoshop绘制精致的索爱播放器图标

然后还是用钢笔或自定义形状工具画出这些图形:

Photoshop绘制精致的索爱播放器图标

颜色为:#5c5c5c;然后添加图层样式:

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

样子就怎么出来了:

Photoshop绘制精致的索爱播放器图标

轴的部分

接下来就是翻盖的轴的部分了我们给这个轴加个渐变,好让它看起来是个圆柱形,比如这样:

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标

Photoshop绘制精致的索爱播放器图标
​​​​​​​

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) UI设计 图标设计

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?