我的博文插图是如何制作的?
2009-06-15 00:07
507 查看
最近很多朋友都在问我博客文章上的图片是怎样制作的,今天特意写一下如何制作图文并茂的博客文章。
我为什么要给每篇文章插一张图片?
因为我的博客主要是以网站设计经验技巧为主,文字性的东西特别多,如果朋友来我的博客,看到整个网站的文字,很容易造成视觉疲劳,而且也不会仔细看文章了。试想一下一堆文字摆在你面前,你可能看一会就看累了,所以我就想何不在每篇文章中加入图片呢?这样不仅使不容易造成视觉疲劳,使网页看上去更加合理、美观,而且配上插图也容易对文章有一个想继续阅读的心态。
下面我就以两篇典型的博文图片做一个介绍,我的博客插图制作一般是两种形式。
1:直接使用现成的图片素材来制作。(优点:快捷方便,不懂PS也能制作图片。)
如:奋斗十年:我的同龄人会成为社会的中流砥柱。
这篇文章我主要想表达的思想是80年代的我们在其他城市的奋斗和友情。
所以我在图片素材网站上找了一张的城市鸟瞰图作为文章插图。
注意事项:切忌不要单向缩小图片,一定要按比例缩小图片,如何和博文图格式不匹配,需要进行裁剪,而不是单边缩小长度或者宽度。
2:发挥你的PS创造精神,充分利用分层、源文件来制作插图。(优点:可以锻炼你的审美能力和PS技术。)
如:SEO优化,网页设计很重要。
这篇文章我主要想表达的思想是网页设计是SEO的基础。
所以我利用了一些素材,SEO这三个燃烧的字体是下载的素材,中间的大文字‘优化’和主字体‘网页设计很重要’,用的颜色比较深,这样一来在加上‘叠加’功能。右边的火焰用的也是分层素材,然后加上一个‘蒙版、渐变、投影’功能。这样一来,图片的文字和火焰背景就有一种相互溶解的视觉效果,看上去很酷!
介绍一些我常去的素材网址站:
最好模板http://www.bestmoban.com/做网页设计的时候可以用这里面的许多模板和素材,不用注册即可下载。
站酷http://www.zcool.com.cn/ 里面是素材和图片都很经典,不用注册即可下载。虽然都是从国外搬过来的。
寻找图片的好去处http://www.topicphoto.com里面有很多高清的图片,图片质量都非常好。
最后总结一下给文章制作插图的技巧?
1:插图最好要符合文章的内容,或者你文章想表达的思想。
2:如果你的文章是流水账、或内容比较杂。那么可以使用一些比较搞笑、能吸引访客眼球的图片作为插图。
3:给每张图片加入‘alt’文字说明,一般后台的编辑器都自带的有这个功能。利于搜索。
4:Z-blog在文章简介中加入图片的话,需先在文章编辑器上传图片附件,然后粘贴到文章摘要中。
5:找的素材图片一定要比插图要大,避免失真。
6:图片中的背景很重要,背景(颜色、形态)决定这张图是否美观。
7:如果空间小,可以选择保存为GIF格式,520*80的gif格式的图片一般在10-20K之间。
我为什么要给每篇文章插一张图片?
因为我的博客主要是以网站设计经验技巧为主,文字性的东西特别多,如果朋友来我的博客,看到整个网站的文字,很容易造成视觉疲劳,而且也不会仔细看文章了。试想一下一堆文字摆在你面前,你可能看一会就看累了,所以我就想何不在每篇文章中加入图片呢?这样不仅使不容易造成视觉疲劳,使网页看上去更加合理、美观,而且配上插图也容易对文章有一个想继续阅读的心态。
下面我就以两篇典型的博文图片做一个介绍,我的博客插图制作一般是两种形式。
1:直接使用现成的图片素材来制作。(优点:快捷方便,不懂PS也能制作图片。)
如:奋斗十年:我的同龄人会成为社会的中流砥柱。
这篇文章我主要想表达的思想是80年代的我们在其他城市的奋斗和友情。
所以我在图片素材网站上找了一张的城市鸟瞰图作为文章插图。
注意事项:切忌不要单向缩小图片,一定要按比例缩小图片,如何和博文图格式不匹配,需要进行裁剪,而不是单边缩小长度或者宽度。
2:发挥你的PS创造精神,充分利用分层、源文件来制作插图。(优点:可以锻炼你的审美能力和PS技术。)
如:SEO优化,网页设计很重要。
这篇文章我主要想表达的思想是网页设计是SEO的基础。
所以我利用了一些素材,SEO这三个燃烧的字体是下载的素材,中间的大文字‘优化’和主字体‘网页设计很重要’,用的颜色比较深,这样一来在加上‘叠加’功能。右边的火焰用的也是分层素材,然后加上一个‘蒙版、渐变、投影’功能。这样一来,图片的文字和火焰背景就有一种相互溶解的视觉效果,看上去很酷!
介绍一些我常去的素材网址站:
最好模板http://www.bestmoban.com/做网页设计的时候可以用这里面的许多模板和素材,不用注册即可下载。
站酷http://www.zcool.com.cn/ 里面是素材和图片都很经典,不用注册即可下载。虽然都是从国外搬过来的。
寻找图片的好去处http://www.topicphoto.com里面有很多高清的图片,图片质量都非常好。
最后总结一下给文章制作插图的技巧?
1:插图最好要符合文章的内容,或者你文章想表达的思想。
2:如果你的文章是流水账、或内容比较杂。那么可以使用一些比较搞笑、能吸引访客眼球的图片作为插图。
3:给每张图片加入‘alt’文字说明,一般后台的编辑器都自带的有这个功能。利于搜索。
4:Z-blog在文章简介中加入图片的话,需先在文章编辑器上传图片附件,然后粘贴到文章摘要中。
5:找的素材图片一定要比插图要大,避免失真。
6:图片中的背景很重要,背景(颜色、形态)决定这张图是否美观。
7:如果空间小,可以选择保存为GIF格式,520*80的gif格式的图片一般在10-20K之间。
相关文章推荐
- 帮忙,博文如何插图,谢谢大侠们
- 论文中如何制作清晰的插图
- 【百度地图API】如何利用自己的数据制作社交地图?只显示可视区域内的标注
- 如何制作CRAMFS + YAFFS2文件系统
- 如何制作和部署war包
- 如何用word制作商品条码
- 如何制作手机自适应网页
- 证书制作,各个环节的原理以及推送证书制作,和如何为推送服务器提供证书
- jQuery高级篇 简单几招学会如何制作jQuery插件
- Java文如何制作帮助文档4
- 如何组建游戏制作团队?团队人员如何寻找?
- 那些如电动机如何工作演示动画用什么制作的?
- 如何在CSDN博文中插入公式?
- 如何制作区块链
- Windows 10 IoT Serials 7 – 如何用树莓派制作家庭流媒体播放器
- 如何使用cocos2d制作一个太空射击游戏(转载)
- 如何使用 HTML5 Canvas 制作水波纹效果
- 如何制作简体中文GBK/繁体中文Big5的Codepage
- 如何用java报表工具Style Report 制作财务分析:杜邦分析
- 如何用按键精灵录制功能快速制作脚本