文章目录

  • 前言
  • 其他介绍
  • 上一篇笔记
  • 下一篇笔记
  • 一、现有图片
  • 二、切分方法
  • [1]. 导入图片
  • [2]. 图片模式
  • [3]. 图片编辑器
  • [4]. 手动切分
  • [5]. 自动切分
  • [6]. 还原切分操作
  • [7]. 保存切分操作

前言

对一个整合的图片,切分成多个序列图

一、现有图片

下方的图片是一整张的,我们需要做的就是将这张图片切分出多个小块来使用。

unity 大图切割工具 github unity怎么切割图片_unity 大图切割工具 github

二、切分方法

先启动一个unity项目

[1]. 导入图片

将下载好的图片拖动到项目中

unity 大图切割工具 github unity怎么切割图片_游戏开发_02

unity 大图切割工具 github unity怎么切割图片_游戏开发_03

点击三角形展开图片时,仅有一张图片

unity 大图切割工具 github unity怎么切割图片_图片切分_04

[2]. 图片模式

先选中图片,在Inspector窗口中可以看到SpriteMode图片模式为SingleSingle为单图片模式

unity 大图切割工具 github unity怎么切割图片_序列图_05

将模式变更为MultipleMultiple为多图片模式

unity 大图切割工具 github unity怎么切割图片_游戏开发_06

选择完毕后点击下方的Apply进行应用

unity 大图切割工具 github unity怎么切割图片_图片切分_07

[3]. 图片编辑器

点击Sprite Editor进入图片编辑器

unity 大图切割工具 github unity怎么切割图片_序列图_08


unity 大图切割工具 github unity怎么切割图片_unity 大图切割工具 github_09

[4]. 手动切分

切分的时候比较简单,直接使用鼠标左键在图片中拉动一个新的线框
并将该线框圈中一部分的图片,就完成了切分
需要调制聚焦位置时,使用鼠标中键进行拖动

unity 大图切割工具 github unity怎么切割图片_游戏开发_10

你只需要点击这个框内的区域,右侧就会显示这个图片的相关信息

unity 大图切割工具 github unity怎么切割图片_游戏开发_11

图片素材的名称是pikaqiu,切分一次后就会对这个小框进行命名
命名是在原名称后加上下划线数字 如果是第一次切分时,数字为0,以此类推。

unity 大图切割工具 github unity怎么切割图片_游戏开发_12

[5]. 自动切分

步骤[4]在图片较少的时候比较使用,如果一张图片有大量的图片时可以采用自动切分的方式。
点击左上角的Slice再选择弹出窗口的Slice进行自动切分
类型选择的是Automatic,表示以自动的方式切分。

unity 大图切割工具 github unity怎么切割图片_游戏开发_13


unity 大图切割工具 github unity怎么切割图片_游戏开发_14

[6]. 还原切分操作

点击右上角的Revert可以将已经切分的图片进行还原

unity 大图切割工具 github unity怎么切割图片_图片切分_15


unity 大图切割工具 github unity怎么切割图片_序列图_16

[7]. 保存切分操作

点击右上角的Apply进行保存

unity 大图切割工具 github unity怎么切割图片_游戏开发_17

返回项目文件夹,展开该图片时就能看见已经切分的序列图了。
需要使用时,可以直接点击所需的图片拖动到Scene场景中进行使用。

unity 大图切割工具 github unity怎么切割图片_序列图_18