学html需了解的基本切图

注:这里介绍的是在 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 格式。

    

   

原文地址:https://www.cnblogs.com/lk4525/p/6484278.html