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

2014-03-26 12:41:26  浏览：164685  作者：疯狂小编


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

上一篇：什么是自定义CSS代码区域模块？

下一篇：淘宝天猫如何创建添加子账号？【图文】

【随机内容】

返回顶部