zoukankan      html  css  js  c++  java
  • 3.3 photoshop批量切图技巧, 3.4 Photoshop制作雪碧图技巧

    photoshop批量切图技巧

    切图,就是从效果图中把网页制作需要的小图片裁剪出来。

    1、使用psd格式并且带有图层的图像切图

    2、在图像上用切片工具切出需要的小图

    3、双击切片,给切片命名

    4、执行菜单命令 存储为web所用格式

    5、点选切片,设置切片的图片格式

    6、存储切片,选择“所有用户切片”,点存储(多个切片会存到所选文件夹中的images文件夹中)

    Photoshop制作雪碧图技巧

    雪碧图,就是将网页制作中使用的多个小图片合并成一个图片,使用css技术将这张合成的图片应用在网页不同的地方,雪碧图可以减少网页加载时的http请求数,优化网页性能。

    步骤:

    1、使用Photoshop新建一张背景透明的图片

    2、将小图片复制到此图片中,排列好每个图像的位置,图片幅面不够可以用画布大小调整大小

    3、按照所有小图片的范围裁剪图片,存为透明背景的png图片

  • 相关阅读:
    多线程
    Java I/O简述
    Java集合
    Java常用类
    Java面向对象基础知识汇总
    Java标识符和关键字
    认识Java
    mvn打包源码和生成javadoc
    Http协议概述
    exe可执行程序及堆栈分配(转载)
  • 原文地址:https://www.cnblogs.com/LiuYanYGZ/p/12350463.html
Copyright © 2011-2022 走看看