zoukankan      html  css  js  c++  java
  • ps_cc:制作sprite拼贴图片

    我们的目标是:
     

    图片

    合并为一张图片
     

    图片

    step1:制作动作,便于批处理和重复使用
    首先随便新建空白文档(建议:90x300px) 录制动作,alt+F9
     

    图片

    上图中,可以新建分组前端,再新建动作sprite,这样可以方便管理和调用。
    正题来了!
    创建新动作-> 1、打开一个小图 2、图像->模式->RGB(避免有的图片是索引之类的,那样图片会不清晰) 3、全选 4、复制 5、返回刚新建的空白文档,粘贴 6、关闭小图->不保存 7、停止录制
     
     
    step2:下次使用的时候,根据图层,算出合适的高度和宽度,新建空白文件
     
    step3:执行批处理,“文件”->“自动”->“批处理” ,找到相应动作-->选择目录文件-->勾选覆盖动作中的“打开”命令
     

    图片

     
     
    然后就可以看到图层全部导入了
     
     

    图片

     
    step4:把图层排列
    1、把所有图层移到左上角:选择所有图层,选择 “图层”-->“对齐”-->“顶端” 和 “图层”-->“对齐”-->“左侧”
    2、找到你希望排到最后的图层,拖动到文档底端
    3、选择“图层”->“分布”->“顶端”,这样将平分各个图层间的距离。
    上图
     

    图片

    至此,制作sprite图片的关键步骤都列出来了。希望能帮到各位看官。

     

     
  • 相关阅读:
    引入其他字体库 和 字体样式设置
    onmousemove鼠标截取
    最大、最小值
    ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法
    时间戳
    JS性能优化 -- 函数节流
    css兼容问题
    上传文件(ajax结合form表单)
    文件下载
    input上传指定类型的文件
  • 原文地址:https://www.cnblogs.com/hewasdrunk/p/7233343.html
Copyright © 2011-2022 走看看