淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 经验分享/新闻资讯 经验分享/常见问题解答

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

收藏 邀请


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


路过

雷人

握手

鲜花

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

上一篇:
淘宝天猫如何创建添加子账号?【图文】发布时间:2018-06-28
下一篇:
什么是自定义CSS代码区域模块?发布时间:2018-06-28

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

十年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂十年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

ICP证(电信增值许可证):赣B2-20220105 本站支持IPv6访问

Powered by Fkdmg.Com © 2013-2024    赣ICP备18006944号-1