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

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

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

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

从左到右颜色及位置分别是:

#333333,0%;#161616,31%;#4c4c4c,51%;

#3d3d3d,73;#4d4d4d,88%;#474747,100%;

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

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

从左到右颜色及位置分别是:

#979795,0%;#171717,17%;#171717,45%;#424242,100%;

设置完后,我们把轴的图层添加个蒙版,擦出多余的部分,就是底部多出来的地方:

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

咦?没反应对不对?没关系,只要勾选这里就可以了哦!

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

看!是不是很神奇呢:

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

底部的LOGO

底部的LOGO先用钢笔抠图(或者和你网上找个索爱的素材,这样连顶部的字都不用抠图了,现在才说,我是不是很坏捏?咩~~~~哈哈~~~),记得是做成形状哦!然后添加图层样式:

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

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

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

从左到右颜色及位置分别是:

#4e270a,0%;#d86e16,48%;#f5b983,76%;#bb6415,100%;设置完这些就把LOGO转成智能对象,再添加图层样式

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

嗯,轴就这么画好了,什么?觉得还有什么没做?可是就这两部分啊,真的没了,别想了。

翻盖部分

翻盖的底部呢也是有个弧度的,为了和轴的明暗交界线保持一致,我们只需要复制轴的渐变叠加就可以了,然后删除多余的色标再调整下剩下的色标,这样盖子就变的凭证又有弧度了。

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

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

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

#333333,0%;#161616,3%;#3a3a3a,6%;

最后给这个翻盖添加两个一深一浅的描边,并用蒙版盖住多余的部分:

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

就是盖住这里,深色边缘:#232323,浅色边缘:#535353;这样做的目的是为了做出翻盖的厚度。

最后在翻盖两边放两个椭圆,充当翻盖的把。最后的最后再添加投影和倒影,这样整个图标算是完成了。

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

看,是不是很好看呢?告诉大家一个小秘密,本狼在这里等你们。

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

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

更多精彩内容

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