疯狂的美工淘宝天猫装修助手,淘宝和天猫专用的代码生成器你值得拥有!了解详情
现在位置:首页 » 经验分享 » PS怎么做透明的图片 gif支持透明 png支持半透明
X

PS怎么做透明的图片 gif支持透明 png支持半透明

分享到:

作者:疯狂的美工萱萱    日期:2015-7-12 15:41   人气:7674    分类:经验分享

前言:存gif和png格式不代表透明,而是你必须先去掉背景再保存出来才能实现透明效果~ 

一个图片要显示为透明首先它要是支持透明的格式存储的。

网络上常用的gif图片就是透明的,支持256颜色。

png格式支持半透明的,我们应根据需要将抠图去背景的图片保存为相应的格式。


1.jpg


工具/原料

  • Photoshop

第一步:抠图,去背景,获得主体

  1. 1

    首选把要做成透明的图片背景去掉,ps抠图。

    2.jpg
  2. 2

    用Photoshop魔棒工具选择蝴蝶

    3.jpg
  3. 3

    Ctrl + Alt + R用调整边缘工具把蝴蝶从背景中抠出。

    4.jpg
    END

第二步:存储为支持透明的图片格式

  1. 1

    优化导出图片,文件菜单------存储为Web所用格式,

    Jpg格式不是透明的。不用导出jpg格式的。

  2. 2

    Gif格式是透明的,

    存储为gif格式文件,起一个名字“gif蝴蝶文件验证透明”!

    5.jpg
    6.jpg
  3. 3

    png格式是半透明的,

    存储为png格式文件,起一个名字“PNG-24验证半透明文件”!

    7.jpg
    END

第三步:验证导出的gif和png格式的图片的透

  1. 1

    找到一张图片置入刚才保存的两张图片,验证一下是不是透明的和半透明的。

    8.jpg
  2. 2

    置入“gif蝴蝶文件验证透明”

    9.jpg
  3. 3

    置入“PNG-24验证半透明文件”

    10.jpg
  4. 4

    完成置入,

    对比效果,很明显,gif格式的边缘锐利纯透明无半透明的过度,

    而png格式的额边缘柔和过度,半透明效果都保留下来了。

    11.jpg
    END

得出结论

  1. 结论:gif格式支持透明,png格式支持半透明,根据需要将抠图去背景的图片保存为相应的格式。

    12.jpg
    END

注意事项

  • 存储为什么格式是你的需要而定

  • gif支持透明,同时支持动画(但是质量没那么好)

  • png格式支持半透明但是不支持动画(质量比较好!推荐)

    疯狂的美工小程序码

疯狂的美工阿里巴巴装修助手

  如果觉得我们软件不错您可以: 立即购买 下载看看 联系客服