我的圈子 | 博客首页 | 圈子首页 | 帮助

周口市闫庄学校2010届6.5班 http://q.xxt.cn/banji783645898836

博 主
圈子公告更多>>>
日志 >> 查看日志
圈子点击624次 | 博客点击11897次 | 评论71次

教你制作信纸 xxt推荐博文

发表时间:2011-08-31 19:04:26 [查看原文]

  教你制作信纸

 

 

信纸可以美化博客,与文章内容紧密相关的信纸更能映衬文章,让读者赏心悦目。文章写好了,如果有现成心仪的信纸固然是好,但如果未能找到这样的信纸是否有种美中不足的感觉,这里我结合平时制作运用信纸的体会,总结归纳了信纸的基本制作过程,希望能给大家带来一些启发和帮助。

一、挑选图片素材

选择图片的途径很多,既可以选择自己拍摄的照片,也可以到网络上去查找,但所挑选的图片应满足两点要求,一是像素不能太低或图片太小,否则会影响信纸的效果;二是图片纯色或过度色比较一致,这样才能分割出可以书写文字的部分。

例如:

二、用Photoshop处理图片

1.以上图为例,在Photoshop里打开图片,先做一下简单的修改和裁切,去除掉不需要的部分。

修改后的图片:

2.将图像大小调整成需要的尺寸,校信通博客所使用的图片的宽设成680像素。

3.用切片工具对图片进行分割,划出可以书写文字的部分。以该图为例,可以将图片中间纯灰白的部分设定为书写文字部分。

4.将分割好的图片存储为Web所用格式。存储时将“保存类型”设定为“HTML和图像(*,html)”

 



三、上传图片

这一步是非常重要的,目的是为了让制作出来的信纸能在网上使用。到存储图片的地方看一看,会看到一个名为“images”的文件夹,这是Photoshop自动生成的,分割好的图片就存在这里面。刚才我将图片分割成3个部分,文件名定为“信纸”,在“images”里就出现了“信纸_1”“信纸_2”“信纸_3”3张图片。其中的“信纸_1”“信纸_3”要上传到网上(“信纸_2”是那块纯灰白色的部分,在后面的制作中要删掉,所以不需要上传)。上传的方式可以在写博文中通过插入图片的方式进行。

四、修改信纸

用Dreamweaver或者frontpage等网页制作工具对信纸html文件进行修改。我以Dreamweaver软件为例。

1.用Dreamweaver打开名为“信纸”的html文件。在存储图片的文件里,除“images”文件夹外,还有名为“信纸”的html文件,这就是我们要选的。如下图:

 

2.把原来的“信纸_1”、“信纸_3”2张图片替换成上传后的图片。

选中原图,将地址粘贴在“属性”面板“源文件”后的框里。

 

3.选中“信纸_2”(即中间单元格里的图片),删除。将该处单元格的背景设定为“信纸_2”的颜色。

事先要在Photoshop里提取该处颜色的16进制代码用拾色工具点一下图片中灰白的地方,拾色器里就显示出了该处颜色的16进制代码(#后面的就是),将该代码复制一下。

回到Dreamweaver里,将代码粘贴在“属性”面板“背景颜色”后面的框里。


4.在该处单元格里打上“文字写在这里”几个字,作为以后写文章时的提示,然后存盘,信纸制作完成。

 

五、信纸运用

在Dreamweaver打开名为“信纸”的html文件,按F12预览网页,全选后复制,或者到存储图片文件夹中直接点开名为“信纸”的html文件,全选后复制,然后就可以粘贴到写文章的地方使用了。

以上是制作信纸的基本步骤,图例若看不清可点击放大,Photoshop的版本不能太低,否则无法存储为html格式。如果大家有更好的方法也可以一起交流!

标签:  

现在已经有0人给我打分了(查看打分情况
这篇文章现在的总分为0分。
友情提示:打分功能目前只对班级圈子和自建圈的成员开放,访客暂时无法使用此功能。
一小王云云55 说:
谢谢! [回复]
2015-01-20 16:35:22  [来自:博客圈(看《快乐星球》过快乐寒假)]
岳乐天 说:
收藏了 [回复]
2014-02-24 19:39:35  [来自:博客]
陈一鸣2156192 说:
我也要让妈妈学学! [回复]
2013-08-04 09:33:56  [来自:博客]
周越8995382 说:
好好好好复杂啊。。。
我想问下为什么我做的图片明明很大传上去后就变小了走形了。。??? [回复]
2013-02-23 15:52:06  [来自:博客]
阳光女孩 说:
在哪里下载软件呀?可以给俺发小纸条吗? [回复]
2012-11-16 21:13:33  [来自:博客]
彩石公主 说:
好专业呀 [回复]
2012-09-03 21:07:30  [来自:博客]
独步宇宙 说:
我可以说是电脑小白,什么都不懂,不过,很感谢! [回复]
2012-06-22 18:53:53  [来自:博客]
科学一科 说:
做完分割后为什么不能存储为Web所用格式? [回复]
2012-06-16 15:59:54  [来自:博客]
游客 说:
photoshop在哪下载的?可以把下载网址给我发去吗?
2012-06-16 14:09:12  [来自:博客圈(看《快乐星球》过快乐寒假)]
浩浩的博客园 说:
看着不好学啊,先收藏吧。 [回复]
2012-05-16 09:37:19  [来自:博客]
游客 说:
不错
2012-05-11 12:43:00  [来自:博客圈(看《快乐星球》过快乐寒假)]
小燕子LTT 说:
学习了,谢谢您! [回复]
2012-02-05 16:17:49  [来自:博客圈(乌海市海区一完小学6.3班)]
幸福摩天轮Yang 说:
谢谢 [回复]
2011-12-25 15:24:17  [来自:博客]
冲锋妈咪 说:
呵呵,懒人有懒福,得来全不费功夫,谢了亲爱的~~ [回复]
2011-11-28 20:17:05  [来自:博客]
小婉君 说:
您真是心灵手巧,估计我学不会的。先收藏了再说。推荐! [回复]
2011-10-24 21:01:06  [来自:博客]
小婉君 说:
',**.,'''╭⌒╮⌒╮.,'''**',

*╱◥██◣*

︱田︱田田|    ╭★  *╱◥██◣*

小*婉*君╭★╯ ︱田︱田田|

╬╬╬╬╬╬╬╬╬╬╬╬╬╬祝您╭★★╯快乐╭★★╯每一天!╭★★╯ [回复]
2011-10-24 20:59:16  [来自:博客]
綦妙儿 说:
我也要试试!谢谢老师分享! [回复]
2011-10-22 15:04:11  [来自:博客]
奥利奥 说:
谢谢用心地分享! [回复]
2011-10-20 11:05:07  [来自:博客]
鹏飞万里~ 说:
感谢谢老师的精心讲解,收藏了,您辛苦了! [回复]
2011-10-17 20:19:14  [来自:博客]
十里荷香 说:
原来信纸就是这样制作的呀,粗略看了一下,还没看太懂,收藏了,回头好好学习,谢谢您了! [回复]
2011-10-16 16:51:46  [来自:博客]
丫丫14725839 说:
谢谢您的精彩介绍,您辛苦了~ [回复]
2011-10-16 12:56:13  [来自:博客]
甜心雪儿 说:
亲爱的博友,雪儿回访,感谢您对我的支持~
更新博文,欢迎回访! [回复]
2011-10-16 10:15:15  [来自:博客]
甜心雪儿 说:
谢谢老师! [回复]
2011-10-16 10:12:19  [来自:博客]
带刺的蔷薇 说:
谢谢分享! [回复]
2011-10-15 23:36:21  [来自:博客]
小草依然 说:
这样的文章一定先收藏喽! [回复]
2011-10-12 23:09:01  [来自:博客]
魏冕成功 说:
谢谢您的教程,回头一写试试。 [回复]
2011-10-12 10:02:06  [来自:博客]
路路妈妈 说:
谢谢您的精彩介绍,我也想试一试呢!这次公园之行您没有去,下次我们再约啦!孩子们在一起真的很开心呢! [回复]
2011-10-08 14:19:56  [来自:博客]
一会yi生 说:
老师领进门,成功在个人,谢谢一片云彩老师的精心制作——作文连线管理员一会yi生 [回复]
2011-10-08 13:48:41  [来自:博客]
幸福女孩 说:
又学一招! [回复]
2011-10-08 09:22:40  [来自:博客]
一片云彩 说:
回复游客:下载photoshop的网址很多,你可以试试以下几个网站:
http://www.52z/soft/1668.html
http://www.skycn/soft/37757.html [回复]
2011-10-06 23:48:55  [来自:博客]
游客 说:
下载photoshop的网址是什么?我下载了好几个网站的都不行诶。请回复发一下。谢谢!
2011-10-01 20:56:38  [来自:博客]
毅毅的乐园 说:
好美的信纸呀,收藏,谢谢了! [回复]
2011-09-23 15:52:23  [来自:博客]
阳光照子 说:
我收藏了,让妈妈学学! [回复]
2011-09-19 20:10:49  [来自:博客]
枝头独欢笑 说:
感谢您精彩的分享!! [回复]
2011-09-15 20:53:44  [来自:博客]
小宁成长快乐 说:
星爸很专业哦!谢谢分享! [回复]
2011-09-13 11:33:56  [来自:博客]
毅毅的乐园 说:
期待老师的精彩点评! [回复]
2011-09-09 08:46:17  [来自:博客]
毅毅的乐园 说:
谢谢老师,我也想学学自己制作信纸。 [回复]
2011-09-09 07:57:13  [来自:博客]
毅毅的乐园 说:
看望老师!祝老师教师节快乐!幸福健康! [回复]
2011-09-09 07:56:18  [来自:博客]
梦回大汉 说:
感谢老师的来访,祝您每天开心快乐。 [回复]
2011-09-06 23:44:14  [来自:博客]
小女乒 说:
博文更新,期待点评. [回复]
2011-09-04 13:28:10  [来自:博客]
晗颖 说:
谢谢分享!我也试试。 [回复]
2011-09-03 09:20:36  [来自:博客]
家长0817909 说:
很好 [回复]
2011-09-02 20:57:13  [来自:博客]
一枝梅花独秀 说:
分享,学习!我也试试!推荐! [回复]
2011-09-02 17:57:05  [来自:博客]
启明星 说:
我也想学,不知能学会不? [回复]
2011-09-02 17:31:09  [来自:博客]
枭龙战机 说:
太棒了,我也可以自己制作信纸了,不过,我妈妈会更喜欢做,推荐一下希望更多的人可以看到。 [回复]
2011-09-02 15:57:54  [来自:博客]
星V星 说:
学习啦!辛苦了!我对信纸一直不会用,真是太及时啦!试着学学,不会再来请教啊! [回复]
2011-09-02 15:52:42  [来自:博客]
一片云彩 说:
回复天使一菲菲:打开“窗口”中“工具”,左侧就会出现一个工具栏,里面有许多四方块,每个方块的右下角有小三角,移动鼠标点右键找找看,就能找到切片工具。至于不能存储的问题,是图片处理软件版本低的缘故,以前我也遇见过,现在改用Adobe Photoshop CS3,就没有这个问题了,你再试试! [回复]
2011-09-02 14:23:50  [来自:博客]
天使一菲菲 说:
老师辛苦了,推荐! [回复]
2011-09-02 12:54:17  [来自:博客]
天使一菲菲 说:
我学两天了,还没学会呢。就是到了“3.用切片工具对图片进行分割,划出可以书写文字的部分。”这一部的时候,为什么找不到切片工具。我操作“4.将分割好的图片存储为Web所用格式。”的时候,也不能存储,显示了一个框框,那里有切片,可是又不让操作,想请教老师,看看能不能帮我解决这两个问题,先谢谢老师了。 [回复]
2011-09-02 12:53:43  [来自:博客]
付启原123 说:
分享您的经验!我会试试的。 [回复]
2011-09-02 09:16:19  [来自:博客圈(呼笑山庄)]
紫心妈妈 说:
谢谢您,辛苦了! [回复]
2011-09-02 08:56:06  [来自:博客]
心鸢飞 说:
分享你的经验! [回复]
2011-09-02 08:10:44  [来自:博客]
心之小语 说:
感谢阿姨来看小羽,感谢阿姨对小羽的鼓励,祝您每天开心。 [回复]
2011-09-01 14:36:27  [来自:博客]
心之小语 说:
阿姨介绍的真详细,小羽也好好学习一下~ [回复]
2011-09-01 14:35:27  [来自:博客]
月光美人 说:
一起分享你的经验!谢谢!推荐啦! [回复]
2011-09-01 12:44:43  [来自:博客]
小城说雨 说:
美国作家 马克•吐温说过一句名言:“I can live for two months on a good compliment. ”翻译过来,意思大概是“只凭一句赞美的话我就可以充实地活上两个月。”可见欣赏别人和被别人欣赏是多么重要哦。因此,我们作文连线要养成一种美德,那就是——走进交流,去欣赏别人,同时也赢得别人的欣赏与激励! [回复]
2011-09-01 10:23:08  [来自:博客圈(作文连线)]
白云妈咪 说:
谢谢小星妈妈的精彩奉献,正是俺需要的呢~~这几天好好学习,不会还要请教您呢~ [回复]
2011-08-31 23:08:32  [来自:博客圈(呼笑山庄)]
无叶树 说:
感谢您辛苦编写的教程,让博友们的文章更漂亮! [回复]
2011-08-31 22:44:55  [来自:博客]
尘缘 说:
呼 ☆ 温       ●     ●/〃  ”\●        学 ★ 多
笑 ★ 馨  ”▔█▔〃  <█      █>      习 ☆ 做
山 ☆ 提    / \   / \    / \      之 ★ 运
庄 ★ 示   1234  (左三圈)  (右三圈)    余 ☆ 动 [回复]
2011-08-31 22:22:17  [来自:博客圈(呼笑山庄)]
白龙马儿 说:
哇,平常总看见好多博友设计出来信纸,好羡慕,原来是这样来的呀! [回复]
2011-08-31 21:38:02  [来自:博客圈(呼笑山庄)]
太阳冉冉升起 说:
谢谢阿姨了,收藏了。谢谢关注开心小屋 [回复]
2011-08-31 21:15:53  [来自:博客]
月牙091112 说:
收藏好东东了,大家快来啊...
        ——作文连线管理员 月牙091112 [回复]
2011-08-31 21:01:43  [来自:博客圈(作文连线)]
武临杰 说:
阿姨真是多才多艺哦~ [回复] [回复]
2011-08-31 20:53:42  [来自:博客圈(呼笑山庄)]
长卷曼舒 说:
学习了,谢谢您! [回复]
2011-08-31 20:37:45  [来自:博客]
析析 说:
非常谢谢,我一定好好学,争取学会做信纸。 [回复]
2011-08-31 20:28:06  [来自:博客圈(呼笑山庄)]
猫咪天使 说:
多谢老师分享! [回复]
2011-08-31 20:27:35  [来自:博客]
平凡的沙 说:
这水平真是专业啊,向专业的老师致敬。 [回复]
2011-08-31 20:26:23  [来自:博客]
青林 说:
教你美丽的信纸制作,为你生动的文章增添美色。老师费心啦~ 大家分享受益吧! 推荐~  

           ——【作文连线管理员  青林】 [回复]
2011-08-31 20:06:19  [来自:博客圈(作文连线)]
太阳仙子 说:
谢谢,阿姨真是多才多艺哦~ [回复]
2011-08-31 19:19:31  [来自:博客圈(呼笑山庄)]
阿扬 说:
会做信纸, [回复]
2011-08-31 19:17:27  [来自:博客]
一片云彩 说:
为满足博友要求,经过几天的努力,终于将信纸制作过程写出来了,请博友们分享,如果你有更好的方法,希望多交流哟! [回复]
2011-08-31 19:07:16  [来自:博客]

      未登录,您可以 登录 后再评论
评论:

500字以内: 您已经输入 个字
昵称:                 验证码: 点击刷新图片