当前位置： >
Photoshop技巧教程：学习如何制作清晰透明的PNG图片
时间： 10:04 来源：PS基础教程 作者：Photoshop技巧教程 阅读：次
今天我们来学习一篇Photoshop技巧：学习如何制作清晰透明的PNG，Png是图像文件存储格式，在设计中已经不是一个陌生的名词，在前端开发中经常使用到它，如常用CSS 雪碧图。而Png的使用不仅仅如此，Png有多少种格式，有哪些特点，PC端中常用的Png格式是哪些，手机端最合适的Png格式是什么呢?如果你对这些问题有疑问，那么很开心的告诉你，这里有你需要的答案。
PNG的格式和透明度
这个Fireworks会比较清楚，打开Fireworkd优化面板，可以清楚看到png有3种不同深度的格式：png8、png24、png32。
其中，在优化面板选择png8，可发现png8包括不透明、索引色透明、alpha透明3种格式。
8位的png最多支持256(2的8次方)种颜色，8位的png其实8支持不透明、索引透明、alpha透明。
支持2的24次方种颜色，表现为不透明。
支持2的32次方种颜色，32位是我们最常使用的格式，它是在png在24位的png上增加了8位的透明信息，支持不同程度的半透效果。
其实PNG8的3种格式不透明、索引透明、alpha透明，正好把png的所有格式都归类好了：
『png 不透明』格式
『png 索引透明』格式
『png alpha透明』格式
『PNG 不透明』格式
说到不透明，就像jpg格式一样，『png 不透明』只能为不透明，代表格式有：『png8 不透明』和『png24』，导出软件有：Photoshop、Fireworks。不推荐使用『png 不透明』格式，建议用jpg图片来代替它。
可能会有同学会问为什么png24是不透明的，我使用photoshop导出来的就是png24啊?
Png24实际为不透明图片
打开photoshop，任意打开一个带透明的psd文件，存储为web所有格式(ctrl+shift+alt+s)，如下面板所示：
不勾选透明度单选框，图片的透明背景会被默认的白色填充
导出来的png图片深度为24位，图片为不透明，表现跟jpg图片相似
如果勾选了透明度(alpha)，导出深度为32位的透明图片
从photoshop存储为web所有格式面板中这样理解，png24深度其实为24位，再勾选上8位的alhpa通道，24+8=32，即『png32』 = 『png24+alpha』，这也许是photoshop软件开发者不添加png32位格式的原因，下图为Photoshop存储为web所有格式界面的图片格式选择，并没有png32位的选项~
『PNG 索引透明』格式
说到索引颜色透明，我们可以了解下什么是索引颜色，『png 索引透明』代表格式有『png8 索引透明』,导出软件有：Photoshop、Fireworks，它的特点总结如下：
挑选一副图片中最有代表性的若干种颜色(通常不超过256种)
只能为不透明或全透明
文件体积小
带有杂边锯齿
如何使用Photoshop导出『png8 索引透明』
使用Photoshop，存储为web所有格式，按照如下图片的红色边框配置，可导出png8索引透明
注：使用Photoshop导出『png8 索引透明』的效果比Fireworks导出的效果良好，这里不介绍使用Fireworks导出『png8 索引透明』
『png8 索引透明』产生杂边锯齿原因
『png8 索引透明』只有透明索引颜色，没有半透明索引颜色，下图左侧为带半透明像素的图片，在浏览器中打开不会有锯齿，而右侧图片为全透明或不透明的像素，在浏览器打开后有锯齿。
由于『png8 索引透明』没有半透明索引颜色，使用Photoshop导出时，原有的半透明转化为不透明，从而产生锯齿。热门搜索：
您的位置： -&
软件教程分类查找
非常抱歉！2345软件大全没能为您提供完善服务，万分感谢能得到您的指点！
您的建议：
第二章 了解术语
第三章 快捷键
第四章 常见问题
第五章 安装说明
第六章 打印
第二章 工具综合简介
第三章 选区相关工具
第四章 绘图工具
第五章 文本工具
第二章 具体浮动面板介绍
第三章 浮动面板运用实例
第二章 抠取图片方式
第三章 抠图实例
第四章 蒙版与通道
第五章 合成图片须知
第六章 合成图片实例
第二章 调色方法
第三章 图片调色校正实例
第四章 颜色调整实例
第五章 色调调整实例
第二章 图层应用实例
第二章 滤镜实例
第二章 图片特效制作
第三章 图片美化实例
第二章 面部美容
第三章 面部化妆
第四章 皮肤
第五章 身材
第二章 绘图实例
第三章 笔刷介绍
第四章 笔刷实例
第二章 特效文字实例
第二章 动画实例
第二章 网页图片布局技巧
精品软件课程
人气：4817442
photoshop教程让你从入门到精通，从新手快
人气：946313
AutoCAD是美国Autodesk公司开发的计算机辅
人气：486823
CorelDRAW是一款由Corel公司开发的矢量图形
人气：349809
美图秀秀是一款很好用的图片处理软件，不用
小游戏推荐
自己用PS做一个简易图标
出处：三联
人气：6113
核心提示：自己用PS做一个简易图标，很简单，一起来学学吧~
　　效果图:　　制作教程:　　以上是自己用PS做一个简易图标的全部内容，希望对大家有所帮助，感谢您对的支持，更多请关注2345软件大全。
相关教程推荐
相关软件推荐
资源统计：无插件软件：96886个 无病毒软件：97192个 昨日已处理123个带插件、病毒的软件
本站总软件：97192个 软件总下载次数：22.439亿次
软件教程文章：101611篇 总浏览次数：3.261亿次当下软件园 / 汇聚当下最新最酷的软件下载站！
热门搜索：
您的位置：
> 简易水印制作工具 V1.2.8 绿色免费版
简易水印制作工具 V1.2.8 绿色免费版 / 图片水印制作软件
网友评分：0分
　　简易水印制作工具是一款可以帮助用户制作水印的工具，该图片水印制作软件使用方便，操作简单，且支持jpg、gif、png等多种格式的图片格式。
软件特别说明
证照之星是国内顶级的证件照片制作软件，具有一键完成， 智能背景替换，批量制作、万能制作的四大优势，智能去除皮肤油光、证照服装替换的两大独创。被广泛应用于公安系统、车辆管理所、学校、出入境管理局、外事部等相关部门。
Adobe Photoshop CS5 是目前最优秀的一款图像处理软件，适用于平面设计，照片处理等大型设计方案领域。所有平面设计师，必不可少的一款软件。Photoshop 也是世界上，学习平面设计必修的课程。而Adobe Photoshop CS5 为出众的图像选择、图像润饰、逼真的绘图和3d突出提供了突破性功能。
Perfect365是一款可以自动锁定人像照片的脸部，然后美化照片的软件。该软件有超过30个预设样式模板供您选择，并且持续在更新更多的模板，可以根据不同的场合来应用样式，使用及其方便，在使用的过程中充满了乐趣。主要美化基于四个部分，皮肤，面部，眼睛和嘴巴，一般只做调整强度的影响，例如在皮肤的基础上，改动眼睛的颜色，牙齿的美白。用户可以有多种多样的方式去美化自己的照片，然后可以于朋友亲人一起分享其中的乐趣。
Digital Photo Professional也可以简称DPP，有在玩Canon相机的人都知道。单眼数位相机可以储存RAW的档案格式。Raw图像文件包含着从数码相机或扫描仪的图像传感器上直接得到的仅经过最少处理的原始数据。Raw格式之所以称之為Raw，就是因為他们未经任何处理。因此通常不能直接使用位图编辑器进行编辑、打印、或者在瀏览器上显示这些图片。一般来说，图像文件可以使用Raw转换工具，在一个大色域中进行精确的调整，然后转换為TIFF、JPEG等图像文件以便於保存和打印。
VueScan Professional是著名的第三方底片扫描仪扫图工具，支持市场可见绝大多数型号的底片扫描仪，可以更为灵活地控制扫描过程，更深入地发掘硬件潜力，获取色彩完美的高质量扫描结果。
其他版本下载
图片水印制作软件|简易水印制作工具 V1.2.8 绿色免费版
Copyright (C)
.All rights reserved.【技术教程】手把手教你怎么做透明的图标_rainmeter吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：146,526贴子：
【技术教程】手把手教你怎么做透明的图标收藏
下图是我设计的蜂窝原版接下来 我们把QQ换成 qq的透明图标版最终效果如下下面写教程。需要用到唯一的一款软件：photoshop。
[SALOON索龙]服装整烫及配套设备的一次革命!!!
1、网上找一个QQ的logo图片，清晰，分辨率尽量大些。放在桌面。（其他程序图标同理）2、首先找到皮肤所在的路径，把bin1.png复制到桌面（想要彩色背景的，当然复制bin2 bin3也行）。3、用ps打开qq logo.jpg。右下角的图层选项卡中，选择“复制图层”选中背景，转为“智能”背景右边的锁就没了
同时“背景”的名字变成了“图层2”，将“图层2”的填充滑到0% 选中“背景副本” 选择“快速选择工具” 把企鹅旁边的空白选中。如图 注意可以按住shift键 连续选中，企鹅中间是没有虚线的。按DEL键清除如图 我们可以看到企鹅周围已经透明了（透明就是白灰相间）
4、接下来 改变图片大小，图像→图像大小数据如图：确定都 小企鹅变小了按ctrl+A全选，按ctrl+C复制小企鹅5、把桌面上的bin1.png拖进ps打开ctrl+V粘贴我们已经能看到一张六边形透明的企鹅了
完成了 ，保存保存为名字bin2
格式png桌面就出现了一张bin2.png这就是成品了下面我们就可以把这张图放到皮肤目录下替换同名文件了记得把ini文件中的"QQ"删掉右击皮肤--编辑打开了一个记事本删除Dock1=
后面的“QQ”保存退出记事本刷新皮肤（上面图中有，“编辑皮肤”的下面）大功告成！
资源在这儿
靠！！4点了
洗澡睡觉觉
如果大家要做“透明图片” 可参考本文，其他形状的透明图标也适用。
身为一个伸手党。。我感觉很羞愧。
为啥这么多毛病呢？？好几具QQ
上海张学友、王菲演唱会一站式购票!票品安全且真票!立即订购!
马上去试试哈
logo的大小可以用w和h来调
好! 支持教育事业　　　　　　　　　　　　　　————来自Rainmeter2.4 Final (r1678)
看看 等会去试试
学会了~~~感谢楼主~~~顶个~~~
请问楼主，我做到最后保存时弹出交错与否的选项是正常的吗？交错与否有什么区别？
O(∩_∩)O谢谢
感谢LZ分享教程
PS软件太大了，记得在水晶图标那个帖子里有个图标制作软件，那个也好改
mark以后有用
终于找到了
lz 你能告我怎么做能收缩的蜂窝吗？
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或