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

UI教程,ps设计拟物浏览器图标。

  • 2022-12-24 23:00:03
  • 来源/作者:互联网/佚名
  • 己被围观

继上次《 ps鼠绘一个杯子 http://www.16xx8.com/photoshop/jiaocheng/2015/136389.html 》教程分享之后,获得不少网友支持,同时让自己学到许多,谢谢网友给的滤镜使用小技巧:使用滤镜前,把图层转为智能对象,这

继上次《ps鼠绘一个杯子 http:///photoshop/jiaocheng/2015/136389.html》教程分享之后,获得不少网友支持,同时让自己学到许多,谢谢网友给的滤镜使用小技巧:使用滤镜前,把图层转为智能对象,这样后面可方便更改滤镜参数。
这招贼棒,找到了分享教程之乐,难掩心里的兴奋,继续与大家分享,一枚手机主题桌面写实图标。有网友问,做拟物图标有什么技巧呢?非得找一技巧的话,那就是多做多想。
本教程,设计工作量较少,从视觉上拆分为三部分。前两部分详细图解设计过程的技巧及步骤。最后一部分主要用文字描述设计过程及图解分析视觉原理。希望大家尝试不同方法,万一实现了呢?

别忘了源文件下载哦~~链接:http://pan.baidu.com/s/1i3Dv4QL 密码:r5sw

效果:

UI教程,ps设计拟物浏览器图标。
解剖:

UI教程,ps设计拟物浏览器图标。
1:泡沫制作

UI教程,ps设计拟物浏览器图标。

UI教程,ps设计拟物浏览器图标。

UI教程,ps设计拟物浏览器图标。

UI教程,ps设计拟物浏览器图标。

2、波纹制作

UI教程,ps设计拟物浏览器图标。

UI教程,ps设计拟物浏览器图标。
3、粉末制作

UI教程,ps设计拟物浏览器图标。

UI教程,ps设计拟物浏览器图标。
看似麻烦,其实不难
新建空白图层,使用画笔(上面提供的源文件里已经有了)去刻画。复制三层,各图层添加图层样式 》颜色叠加。从下至上,颜色越上越亮,再整合三张图在同一图层文件夹,添加图层蒙版,用画笔(圆头,硬度0)根据波纹画出形状。如上图。

使用钢笔工具,画出不规则多边形,如下图。建议画7、8个不同的多边形,添加图标样式 》 投影+颜色添加(明暗交错);以上两步,是关键细节处理,会让其显得更为丰富及立体感。然后复制图层,根据波纹进行拼凑。以上分开两图展示,目的更好讲解粉末制作的明暗关系,刻画作过程中,大家可自由调整。

UI教程,ps设计拟物浏览器图标。
最后调整了一下图层顺序,最终效果如下:

UI教程,ps设计拟物浏览器图标。

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

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条