首页 > Web开发 > 详细

学html需了解的基本切图

时间:2017-03-01 16:52:25      阅读:197      评论:0      收藏:0      [点我收藏+]

注:这里介绍的是在 PS(photoshop)上切的图

我们做html项目时,拿到的模板可能不是psd 格式的文档,只有png 或者jpg 文档时,但我们需要在上面切出自己要的图标,所以我们需要掌握基本的切图手法。(这里介绍的是用ps 切图)切片工具就不介绍了,主要是我们只想要该图标,而不把其他东西一起带出来,而切片工具是不能实现的。

  1.使用魔棒工具:技术分享

 技术分享  一般在切图时,魔棒工具是比较好用的切图方法,魔棒比较适合用在色差对比度比较大的条件下。(比如白和黑)

      1.1 扣小图标时,比如几个小点 ,当扣的小图标与周围颜色差别较大时,使用魔棒,按住 shift 点击要扣的小图标,实现多选。

      技术分享

      1.2 ctrl+j 复制形成新图层,右键新图层,并转化为智能对象。点进去,就可得到小图标。

      技术分享   技术分享

      1.3 此时图标周围还有过度色,选择与小图标颜色想同的前景色,锁定图层,按alt+delete 填充图层。最后存储时存为png格式,jpg格式 会带上背景。

      技术分享    技术分享

  2.使用矩形选框工具

技术分享  当我们要切的图渐变色较多,并且魔棒工具不能选全图标时,使用矩形选框工具,方法与魔棒相同

  2.1 按住 shift 点击要扣的小图标,实现多选

  技术分享      技术分享

  2.2 ctrl+j 复制形成新图层,右键新图层,并转化为智能对象。点进去,就可得到小图标。之后存储为png 格式。

 

    

 

 

 

   

学html需了解的基本切图

原文:http://www.cnblogs.com/lk4525/p/6484278.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!