现在位置:首页 » 淘宝天猫装修常见问题解答|美工技术分享 » PS怎么做透明的图片 gif支持透明 png支持半透明

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

分享到:

作者:陈俊    日期:2014-3-26 12:41   人气:157216  

广告
    数据加载中...


前言:存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格式支持半透明但是不支持动画(质量比较好!推荐)

    国内很多美工都在用疯狂的美工软件

疯狂的美工手机客户端


    手机看教程,学经验,看新闻

    管理疯狂美工账号

    点击下载 (安卓版)

    请使用QQ扫一扫

    khderwm.jpg

阿里巴巴装修助手代码工具

疯狂的美工京东装修助手

  如果觉得我们软件不错您可以: 赞助VIP 下载看看 联系客服