2007-03-03

自己设计Blogger模板的顶部图片

前不久把Blogger的模板换成了第三方的WP经典模板,WP模板顶部的那张蓝色图片实在是太简单,我又根据自己的爱好设计了几张,已经上传到了网络相册上,喜欢的朋友可以拿去直接用,地址在这里,只要把图片上我的博客地址抹掉就可以了。当然,如果你愿意带着它的话我也十分高兴啦。

如果你想要设计出一张自己喜欢的图片也是十分容易的,下面我来讲一下制作的具体步骤,我所使用的软件是adobe Fireworks,当然用photoshop一样能够完成。

1.从网上下载原模板的顶部图片保存到本地计算机,如果用IE无法保存的话可以用firefox浏览器在图片上右击,选择查看背景图片即可保存。

2.找到一张你自己喜欢的图片来替换原图,比如我找的这张孙燕姿mm

运行Fireworks,将孙燕姿图片导入,用选取工具绘制一个矩形框(大小可根据模板的实际情况自行修改)。例如我的模板图片适合大小为721 *183像素,下图所示选取自己喜欢的部分图片



将多于的部分删除掉,如图所示为选取后的图片



3.下面讲最关键的一步,制作图片的圆角效果,只有做出光滑的圆角图片才能更美观
用矩形工具绘制一个圆角矩形,注意举行的大小一定要和上图一致,也为 721 *183像素,在属性中选择矩形圆度值等于4(如果想要圆角的效果更明显也可以将圆度值设的再大一些)



画好后复制这个圆角矩形粘贴到选好的mm图片上,将两张图片完全对其,注意白色圆角图片在最上层,用Ctrl+A将两张图片全部选中,然后选则修改—蒙板—组合为蒙板,OK 现在圆角图片
搞定!



做好的圆角图片效果如下图,图片看起来可能不太清楚,不过真的是圆角哦!
4.现在做最后一步,组合图片。



先打开保存好的原博客顶部图片



复制制作完成的圆角图片粘贴到原图上,注意将圆角图覆盖到蓝色背景上使之完全对齐,也可以再上面加入一些描述语言作为装饰,比如我加入的“谁让未来像从前,谁让瞬间像永远”



好啦,大功告成,现在导出图片保存为jpg格式。把做好的图片上传到网络相册上,获取图片的链接地址,最后进入Blogger的后台修改模板,将原图的地址替换就可以了。

不太会讲,也不知道说清楚了没有,完成后的效果呢就像我现在的BLOG一样,如果大家不喜欢官方模板简单风格的话可以自己试着动手做做看啦!

标签:

7 条评论:

时间 3/04/2007 8:54 上午 , Blogger 听风观月 说...

已经添加了您的连接~
咱们互相学习~~您上篇文章那个照片怎么弄得~教教我,哈~!·

 
时间 3/05/2007 1:19 下午 , Blogger Qiu Xianli 说...

你太有才了,呵呵

 
时间 3/10/2007 1:04 上午 , Anonymous 匿名 说...

呵呵,创新的精神值得鼓励,可,错误要改正哦!Fireworks不是Adobe的产品,具体看http://bk.baidu.com/view/23262.htm 。

 
时间 3/10/2007 7:08 下午 , Blogger 科比 说...

呵呵,最近学习比较忙
对不住大家啦
FIREWORKS真的不是ADOBE的,使我记错啦 呵呵

 
时间 3/18/2007 4:57 下午 , Blogger Unknown 说...

xiao-G  要好好学习了! 得加油! fireworks好久没有用了!

 
时间 3/19/2007 12:15 上午 , Blogger 毒药 说...

这里好赞哦
我要向你学习

 
时间 4/21/2007 8:32 上午 , Blogger Cornflower Blue 说...

"最后进入Blogger的后台修改模板,将原图的地址替换就可以了"
请问是把图片地址粘贴在哪里
还有能不能做出这种效果
http://www.lifetea.org/

 

发表评论

订阅 博文评论 [Atom]

<< 主页