wordpress CMS主题 微信
Home > wordpress CMS主题制作 > wordpress CMS主题模板开发:如何快速切图?

wordpress CMS主题模板开发:如何快速切图?

高时银博客 wordpress CMS主题制作 点击: 1,246 次 0 1
  • 标签:
  • 部分客户请我们开发主题时,大都是要仿一下别人的网站,提升一下相应的功能。这部分客户的模板是不需要切图的,只需要仿站就可以了。还有一部分客户,他们比较喜欢自己的风格,所以,会做出一个效果图,让我们根据效果图来做网站模板。这就涉及到切图。本章就来探讨一下:wordpress CMS模板开发之快速切图。

    切图软件比较多,本章以 photoshop cs5为例来示范快速切图。

    1、打开 photoshop ,再在photoshop 中打开效果图。

    2、在 photoshop 左侧工具栏中找到“裁剪工具”,单击右健,选择“切片工具”,如下图:

    wordpress CMS主题模板开发:如何快速切图?

    3、再用切片工具在效果图切取你需要的图片,可以多次切取。如下图:

    wordpress CMS主题模板开发:如何快速切图?

    4、切好我们需要的图片后,接下来就是保存这些切图。点击“文件” ——>“存储为web或设备所用格式”,如下图:

    wordpress CMS主题模板开发:如何快速切图?

    就会弹出存储窗口,如下图:

    wordpress CMS主题模板开发:如何快速切图?

    点击上图的“存储”按钮,出现下图:

    wordpress CMS主题模板开发:如何快速切图?

    文件名:可以随便取,我这里取ssmay,保存后的图片会以 ssmay为前缀命名,后加数字,如  ssmay_01.jpg   这样。

    格式:如果只想取切图,就选“仅限图像”。

    切片:如果只想取自己刚刚切的图片,也就是自己需要的图片,就选择“所有用户切片”。

    然后点击保存,这样,我们就把刚才我们用“切片工具”切好的块图保存了下来,而其它不需要的切图就不会保存。

    当然,切好图片,只是前端切图的第一步,我们还要通过代码把这些切图整合成网页,如何把切图整合成网页,这里就不多说了,只要懂得 html 代码,就可以轻松实现。


    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201606305110.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论