UI设计：教你用PS制作笔记本风格的UI图标_第1页
UI设计：教你用PS制作笔记本风格的UI图标_第2页
UI设计：教你用PS制作笔记本风格的UI图标_第3页
UI设计：教你用PS制作笔记本风格的UI图标_第4页
UI设计：教你用PS制作笔记本风格的UI图标_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

UI设计：教你用PS制作笔记本风格的UI图标摘要：今天跟大家分享一篇笔记本风格的UI图标，效果的纹理主要通过图层样式制作出来，喜欢的一起学习一下。先看看效果：本子的身体这一部分呢，就是个圆角矩形，用到的图层样式可以参见下图：而效果呢，说实在的，真的愁死我了，我是用吸管吸色来做渐变叠加的，出于当时考虑的角度问题，最终添加了以上图层样式后的效果并不明显，如图：所以接下来，我为它单独添加了高光，一层又一层的叠高光，最后成了这个样子，注意右上角尤其是边缘的部分：叠高光用到了图层蒙版。然后本子的身体部分还有一圈虚线，中间那个belt的上面和下面一共有四条虚线，都是用描边路径画出来的，然后添加图层样式，图层样式如下：那么到此为止，body部分就算搞定了，接下来先看看body部分的整体效果：然后开始绘制身体中间的那个带子的部分（最上面的那个扣儿除外，那是第三部分要说的哦）。加上那个belt的效果图如下，先来看看：下面开始说belt的绘制。Belt主要是用了图层样式、滤镜和画笔工具，画笔工具配合图层蒙版，说了这么多，还是看看更方便，效果图及其方法：上面第二幅图中的第一个图层就是刚刚说到的画笔配合图层蒙版，主要是高光的修饰，很微弱的高光。然后带子上面还有一行字，这行字用到的图层样式是：这样，我们就将belt这一部分也搞定了，下面就只剩下那个button的部分了。这个钮扣的整体效果图如下：注意右下角的部分，由于这个button的右端要长过于本子的body，所以长出的部分的投影，应该是看不到的，只有当本子放到桌子上的时候，你可以稍微的添加一点点很淡很淡的投影，是不是这个道理呢？好了，下面来说说这个button的绘制。投影在最下面一层，由于刚刚说到的长短问题，单独画的形状图层来作它的投影，如图：然后再画上面的那个棕红色的细皮带：用到了图层样式和滤镜，如下：主体部分完成。然后单独给这部分加个高光，就像刚刚body的那部分一样，叠上几层或者调整调整，但是仍然是微弱的高光，尽管微弱，细微的地方，画与不画，最终的效果一定是不同的。这里叠了两层：最后，扣带儿上还有半圈虚线，同样用描边路径画出来，然后添加图层样式，如下：最后一步，为它

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论