• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > wordpress CMS主题模板开发:如何快速切图?

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

    作者: 分类:wordpress CMS主题制作 点击: 2,325 次
    wordpress CMS主题:ssmay主题

      部分客户请我们开发主题时,大都是要仿一下别人的网站,提升一下相应的功能。这部分客户的模板是不需要切图的,只需要仿站就可以了。还有一部分客户,他们比较喜欢自己的风格,所以,会做出一个效果图,让我们根据效果图来做网站模板。这就涉及到切图。本章就来探讨一下: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 代码,就可以轻松实现。



      QQ二维码

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

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.