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

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

分享到：

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

前言：存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格式支持半透明但是不支持动画（质量比较好！推荐）

    疯狂的美工小程序码

热门推荐

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

助手操作教程查看更多

常见问题/技术分享查看更多

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