zoukankan      html  css  js  c++  java
  • 将图片背景处理为透明的方法步骤

       将一张图片的背景处理成透明,是在工作生活中经常碰到的问题,这个问题的解决可以通过PS这个图像处理神器完成。对于这样的图片处理,对于UI设计的人员来说是小菜,对我们开发者来说,可能就比较困难,我是基于图像处理小白来进行说明的,当然我本身也是图像处理的菜鸟,也是咨询大神后,才顺利完成的。

       下面说一下具体的方法步骤
    1 简单处理图片
       进入PS软件,打开图片,首先需要对图片进行新建图层的操作,按快捷键Ctrl+J,就复制了一个原图片的图层,后面我们就可以对这个新建的图层进行操作了。这个操作的目的是为了以防失误,这样能够不影响原图片,还能退回到最开始的起点进行处理。
       在右侧的图层面板,将背景图左侧的眼睛按一下,背景层就不可见了,点一下图层1,后面我们就在图层1上进行操作。

       然后对图片进行简单处理,比如需要旋转一下,剪裁一下等,在图像菜单找到对应的选项,进行相应的处理。我们的示例图片需要做逆时针旋转90度,,可以让文字看上去比较舒服。

       对于图片的简单处理,还可能会将图片进行剪切,比如为了将图片的文字部分突出,可以将其余的空白部分剪掉,只保留文字部分区域。这个步骤可以通过矩形选框,选择文字部分,然后剪切,再新建一个文件,拷贝到新文件上,这样就可以达到突出文字主体部分的目的。

                                                                  

    2 将背景设置为统一颜色
       图片的简单处理完成之后,下一步就是将图片的背景色调整为一个颜色,一般情况下,我们需要处理的图片背景的颜色比较接近,为了更方便的处理,我们先将背景处理成一个颜色。选择图像-调整-曲线,如图,先点一下红色圆圈标出的空水笔,然后点击随意图片的空白背景,这时候图片的整个背景就会变成白色。由于图片背景有一些横线,可以继续在横线上点击,这时候,横线也会变成白色。为了加强文字和背景的对比,可以点击蓝色圆圈的黑色水笔,再点击图片上的文字,这时候文字会加深黑色效果,最终呈现的图片就是如下图所示的黑白分明的图片。

     3 将背景设置为统一颜色

       这一步是选取空白区域,然后删掉,就达到将背景变为透明的效果。利用魔棒工具选取空白区域,右键点击左侧工具栏的魔棒图标,然后点击魔棒工具,这里面可以设置魔棒的容差,默认值是32,如果背景颜色不够一致,可以将容差值调的大一些,或者为了效果,可以将容差值调小。然后用魔棒工具在图片的空白处点击,就选取了图片的背景。

         有的文字,还有闭合的一些空间,直接使用魔棒还没有选取到这些闭合空间,比如文字中“悟空”的“悟”的“五”,就有一个小的闭合空间。选择菜单选择—选取相似,这样就能将闭合空间也选取上了。然后按delete键,删除背景色,这样图片的背景就变成了透明色。

     4 保存图片

       背景为透明的图片,只能保存为png格式,我们将最后的处理结果保存为png格式的文件。文件—存储为,选择png格式,然后保存。

    5 一些说明
       对于PS这个常用工具,我们不是专门的UI设计人员,但还是应该掌握一些基本的使用方法,特别是一些常用的PS技能,能够做一些简单的图片处理,不然就会对图片处理手足无措。
       在工作生活中,对经常遇到一些图片处理的小问题,有的时候通过查找资料,或者通过请教大神,能够把问题解决,下次碰到类似问题,可能还是要重新查找资料或向其他人请教,将一些小的技巧,记录下来,可以方便下次查阅。

  • 相关阅读:
    jquery获得option的值和对option进行操作
    laravel 在添加操作自动完成对时间保存修改
    laravel使用ajax
    mysql操作查询结果case when then else end用法举例
    Laravel框架数据库CURD操作、连贯操作总结
    laravel5.1关于lists函数的bug
    详解AngularJS中的filter过滤器用法
    javascript中的时间处理
    angularJs--$on、$emit和$broadcast的使用
    angularJs--<ui-select>
  • 原文地址:https://www.cnblogs.com/coodream2009/p/12750434.html
Copyright © 2011-2022 走看看