打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【设计频道】曲樑:怎么做出透明格式的图片?

“我与公众号的故事”征文

文字友情新媒体会员服务细则

      文字友情新媒体提供这些服务……

作者:曲樑        

本文适合有一定PS基础的读者阅读。

我们在网站上会看到一些图片,它是随着页面的背景而变化的,比如“文字友情”在人人文学网主页的logo:

图1

点这里查看:

http://www.renrenwenxue.com/member/index.php?uid=%CE%C4%D7%D6%D3%D1%C7%E9

这个logo,原图是这样的:

图2

后面的灰格子背景,实际上是透明色。这样的图片用在网页上,它会随着页面背景颜色而改变。它是怎么做到的呢?

答曰:用png格式的图片 。

PNG,就是可移植的网络图形格式(Portable Network Graphic Format,PNG)。它的特点是:采用无损压缩,在多数情况下都可以保留图片里所有像素。

我重点说一下怎样制作这样的图片。

图2的原图是这样的:

图3  感谢中国书画研究院研究员刘忠珊老师题词

要做成图2的效果,需要如下步骤:

1、把该图拖进Photoshop的工作区。(PS版本我用的是CS5。其它版本亦可。)

2、新建透明图层。快捷键:ctrl+alt+shift+N。

这样做的目的是为了在背景图层上进行描绘(相当于“拓印”)。

此时,背景图层上有了一层透明图层:

3、用钢笔勾勒。

按ctrl+“+",放大画布。按P键调出钢笔工具,在透明图层上点点:

注意:描点的时候一定要在透明图层上,而不是背景图层。否则,会白费功夫。毕竟,我们最终要的是把透明图层保存为png图片。

描好一个部位后,点鼠标右键——填充路径,在填充路径面板中使用颜色。

点”颜色“,调出颜色面板:

选择任意颜色,如红色。

填充颜色后,需要删除锚点,双击Enter键即可。

送闭背景图层的眼形工具,可以看到一个描绘好的区域。

继续描绘,把”文“字完整地描绘下来。

注意:继续描绘时,需要打开背景图层的眼形工具,这样才能看到背后的文字。

基本上,会描上面的点了,别的部位也就都会了。

把图描绘完毕后,需要保存。保存之前,将背景图层的眼形工具关闭(因为背景图层对我们来说已经没用了,我们要的是其上的透明图层)。

保存的快捷键:ctrl+shift+S。在保存面板中选择png格式:

保存时,png选项使用默认的即可。

至此,描绘完毕。

我们发现这4个字是倒序的,怎么把顺序正过来呢?

方法是:新建一个透明画布,把这几个字逐个移过去。

步骤如下:

1、新建透明画布,大小为1550x360。

看准了:在”高级“选项中一定要选择”透明“。

分辨率也要与原图保持一致。原图是72,新建画布的分辨率也要是72。

2、框选,移动。在原图(即刚刚描绘好的那个图)上使用M键框选第一个字(即“文”),再按V键(即移到工具),按鼠标左键把该字拖到新图中。

这是在移动过程中

3、等距离排列。

把字逐个移动过来后,发现它们的距离是不等的,我们需要将其等距排列。怎么做呢?

为了保持绝对等距,建议使用标尺工具(快捷键:ctrl+R)。

这样,根据标尺进行等距离排列,会将图做得很美观很标准。

做好后,保存。保存方法如上。至此,结束。

最后,总结一下要点:

一、通过描绘的方法来获得透明的png图片;

二、通过新建透明背景的方法来生成png图片。

我给大家出个题目,检测一下你是否学会了:

这是全国青联委员李利依先生为”中国冀乐会“题的词。

要求:把此图做成文字正序排列的透明背景的图片,如下效果:

应该怎么做呢?

作者简介

张亚朋,笔名曲樑。1990年10月生,河北省曲周县人。从事设计类工作之余爱好文学,以其所创建“文字友情新媒体”为阵地,倡导“以文会友,以友辅仁,弘扬正文化,传播正能量”,重视兴趣社交,打造健康向上的网络文化。系石家庄市网络文化协会会员,2017第三届中国诗歌春晚组织奖得主(见《曲樑获2017第三届中国诗歌春晚组织奖》)。

代表作:

现代诗:《你从南湖的画舫走来》、《八十年的记忆》、《文友情缘》、《文友情缘永不忘》、《不要让情缘随风而逝》、《在没有遇见你的时光里》、回忆那一起仰望星空的日子》、《在文字的世界拓土开疆》、《怀念那些纯净如水的时光》(入选北京团结出版社《当代诗百家》一书)、《卸下记忆的行囊》(入选《淮风》杂志2016年7月号)等。诗风清丽且富有底蕴,擅长将古诗词化用到现代诗中,颇受好评。

文章类代表作:纪实故事《限购之前买上房》,杂文《话说媒人“介绍费”》,散文《<淮风>诗情》,运营文章《文字友情企鹅号获得原创标签》《转正的头条号发生了这样的变化……》《“相约财库”自媒体运营交流会在石举办》等。

关注文字友情

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
如何用PS制作无背景的图片
photoshop图片处理教程:如何将透明物品抠图
如何在 Photoshop 中给照片增添「颗粒质感」
制作水波倒影难吗?不难!两招教你快速制作真实水波倒影,速学!
怎么把一张图片底色变透明?图片背景透明化处理|图片底色透明化
发一些你绝对没看过PNG格式的图片(背景透明)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服