在线给日志中的图片加上阴影[PicShadow]

经常看到有博客的日志中的图片边框上都有一层阴影吗?[比如说我的生活博客Yep Life! @CN]加上阴影后的图片确实比没有加阴影的图片好看。其实要给图片加上阴影很简单,不需要使用Photoshop,使用Chada今天介绍的这个网站就行:『PicShadow

使用『PicShadow』通过简单的操作,便可以为您的图片加上一层阴影。您可以从本地计算机上传图片,也可以通过URL输入图片地址进行加工。下面是截图自其首页的一张效果示意图:

使用『PicShadow』需要根据您的博客中的日志背景色等调整一些参数,如阴影与图片距离[Distance],阴影颜色深浅[Grade]还有一个猜测不出意思的『Grade Distance』,以及很重要的阴影的背景色[Background Color],这背景色一定要和你的博客日志的背景色相同。

图片生成之后点击Download或者“右键 – 另存为”即可将图片保存下来用在日志中。

其实呢,我的生活博客里的那些图片的阴影并不是由这种生成工具生成的,而是通过CSS设置。通过软件或者在线工具是一时之计,适合于少量的图片添加阴影;而利用CSS则是一世之计,这样所有的日志中的图片都会自动加上阴影。

通过CSS设置阴影其实也很简单,其实就是定义图片样式,给图片再添加背景图,而这张背景图就和阴影图中的边框阴影。

About Chada

☑客家人 ☑民工 ☑北京 ☑Web2.0 ☑义工 ☑前端 ☑爱自然 ☑爱生活 ☑西直门 ☑梅州 ☑丢三落四 ☑老北京酸奶 ☑twitter ☑次子 ☑阳光志愿者 ☑偶尔愤青 ☑胡同
This entry was posted in 图像处理, 在线工具 and tagged , , . Bookmark the permalink.

21 Responses to 在线给日志中的图片加上阴影[PicShadow]

  1. 沙发!!哈哈

    我也是用CSS设置 不过现在没时间好好弄博客~所以凑合下 有没有都无所谓了 毕竟只是个私人博客

  2. Chris.Ro says:

    如果使用live写博客.
    本来就有这个功能.

  3. neekey says:

    哈哈,我的Neekey API也可以考虑提供这样的服务

  4. JackyCheung says:

    还是CSS来得实在, 不过我还是喜欢边框多一些… 简单的边框

  5. Lucifr says:

    lucifr也用过一段,不过更换主题之后背景颜色就不搭了,不如用css实现

  6. Chada says:

    呵呵,时间也成了我现在最大的负赘,总感觉不够用啊。

  7. Chada says:

    我记得WLW有这个功能,但是并不是所有人都用WLW的啊^^

  8. Chada says:

    哇,这样挺好哦。

  9. Chada says:

    CSS是一世之计,一劳永逸^^

  10. Chada says:

    CSS的话就可以调整背景图中的背景色,这样确实比较便利。

  11. 菠菜 says:

    有时WLW写作软件里自带的这种功能没有专业的实现的好,所以这种应用还是非常有必要的。

  12. stephen says:

    WLW上传图片就带有这个功能,但我这段时间都是在后台写,2.6后台速度的确不错。。。

  13. Chada says:

    波哥所言极是,专业工具自有专业工具的优势。

  14. Chada says:

    我一直用记事本写,方便,快哇^^

  15. schuen says:

    css做简单的阴影还是可以的

  16. Yacca says:

    live writer没这个困扰 哈

  17. anliu says:

    和我之前的介绍picreflect(镜面效果)是个差不多的网站,是个合作伙伴,象你用的是网站例图,其实选择别的图片来做,可以做出更好的看的效果的!

  18. Chada says:

    呵呵,我比较懒,直接拿网站例图做了。

  19. Chada says:

    看来用WLW的人还真多。

  20. Chada says:

    持久之计。

  21. 这个系统 says:

    用notepad写代码吗?

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>