Photoshop 制作PNG透明背景图片的方法。

严重浪漫今天在一个网站的首页发现了一个非常精美的wordpress的LOGO,我很想要啊。

先把该图片复制了下来,是这个样子的:

大家可以看到,这样是不能拿来用的,我先用Photoshop把WP的标志抠下来。然后,保存为透明背景的图片。成品如下:

 拿去用吧,呵呵 :grin:

关于透明背景的图片的优点,我想不用多说了吧?比如这个图,他可以把这个LOGO以一个圆的形式嵌到其他颜色的背景上面,而不是带有一个白色的四方框。

制作透明背景的图片具体方法如下:

1. 启动Photoshop,打开所需的图片文件。这时,我们在图层面板中可以看到一个名为“背景”的图层,因为在Photoshop中,背景图层是不允许直接编辑的,要把它转换成普通的图层。双击该图层,出现“新图层”对话框,直接点[好],即可将“背景”图层转换成普通图层。

接下来,在工具面板中选择魔术棒工具,单击需要删除的背景色,然后按下“Delete”键,就可将背景色完全删除,图中的方格部分就表示该部分是透明的。

●最后,我们要把它输出为PNG格式文件,单击“文件/存储为Web所用格式…”,在右侧的保存选项中选择“PNG—24”格式,把下面的“透明区域”选项选上,单击[好]保存。

其实导出为GIF也可以的,如果对图像的质量不高的话,这样也可以很好的预览,而PNG的预览就不怎么行.

2. 好弄,新建一个图片,记得把背景勾上透明,确定,把不要的颜色去掉,存储为png格式.

在ps中,做好没有背景色的透明图片,然后选择“存储为web所用格式”, 在里面选GIF(默认的), 然后储存。 就得到了你要的透明图片。

如果不选择“存储为web所用格式”方式保存,那么,你做的透明背景层将被背景色所代替。。。



57,242 次阅读 | 发表评论 | Trackback
2010年3月17日 | 归档于 软件
标签: ,
  1. 2010年3月23日 22:01 | #1

    我倒是习惯用Fireworks。

  2. Oriane
    2011年11月15日 04:33 | #2

    :lol: 楼主的解释清晰明了,非常有帮助!谢谢啦!

  3. 拿鉄菜瓜
    2012年7月31日 17:21 | #3

    GOOD… THANKS…
    VERY HELPFUL

发表评论

XHTML: 您可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
:lol: :( 8-O :oops: 8) :?: :!: :evil: more »