利用Photoshop生成Sprite sheet

最新推荐文章于 2025-01-10 10:39:51 发布
最新推荐文章于 2025-01-10 10:39:51 发布
阅读量2.5k 收藏 7
点赞数 2
文章标签： c# photoshop unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hakolj/article/details/119921671
版权

利用Photoshop生成Sprite sheet

在unity开发或其他项目中，往往希望把帧动画的每一帧、或者是同一场景中用到的素材，存在同一张Sprite图中，避免引擎反复读取素材而降低效率。但是Photoshop并不原生支持生成素材图，其他的软件例如TexturePacker也不是免费的。为了减轻美工的工作量，找到了两个自定义的photoshop脚本，在此记录一下使用方法。

插件下载

  1. Sprite Sheet Generator 0.6.0
  2. Layer2SpriteSheet

插件安装

将插件下载后解压，将所有文件（包括.jsx文件）复制到photoshop安装路径：x盘:\安装目录\Presets\Scripts

启动photoshop，在菜单栏可以看到相关的插件选项

插件安装

生成sprite图的流程

方法1

先将所有帧（或者不同大小的素材）整合到同一个文件，不同帧为

最低0.47元/天 解锁文章
hakolj
关注
如何使用Createjs来编写HTML5游戏（三）使用EaselJS中的制作Sprite类制作
失业矿工的博客
08-05 9694
动画的制作原理据说是由于人的视觉残留效应，连续播放一系列的静止图片，即可获得一段动画，每张图片可以称作动画的一帧，在EaselJS中，提供了一个Sprites类，可以用来创建动画。创建Sprite同创建其他EaselJS对象实例一样，只需要调用 new createjs.Sprite(spriteSheet);
SpriteSheetEditor
07-11
Sprite Sheet Editor 是一个生成Sprite Sheet(也叫Tile Sheet)的免费工具，采用Adobe AIR技术编写。
雪碧图生成器
05-07
绿色免安装版本，雪碧图生成器，方便快捷比ps好用绿色免安装版本，雪碧图生成器，方便快捷比ps好用
Sprite 从PS切图到具体实现完整过程
热门推荐
从入门到进错门
10-20 1万+
CSS雪碧图(sprite)是一种网页图片非常高效的处理方式，它是将页面中包含的零星图片利用PS制作到一张大图中，再结合background-position属性进行定位的的方式实现。
pixel-sprite-generator, JavaScript程序sprite生成器.zip
09-18
pixel-sprite-generator, JavaScript程序sprite生成器 pixel-sprite-generator程序像素精灵发生器的JavaScript实现类似于视频游戏精灵的旧时代。 子画面是由组合方法生成的。实时示例http://plnkr.co/edit/Dji8rljS0yDL16Ao8Iq
Spritesheet Generator 使用指南
gitblog_00014的博客
06-19 600
Spritesheet Generator 使用指南 spritesheet-generator Generate sprite sheets directly from Photoshop animation frames - geared towards game dev ...
使用Sprite Sheet Editor：一款强大的2D游戏动画制作工具
gitblog_00093的博客
04-24 1339
使用Sprite Sheet Editor：一款强大的2D游戏动画制作工具 去发现同类优质开源项目:https://gitcode.com/ 项目简介 是一个开源的在线工具，专为游戏开发者和图形设计师打造，用于创建、管理和编辑2D精灵表（Sprite Sheets）和帧动画。通过将多个小图像组合成一张大图，Sprite Sheet Editor可以帮助优化资源加载，提高2D游戏的性能，并简化动画制...
学习日志（十六）：图像拼接compose
weixin_44825185的博客
11-02 1216
import matplotlib.pyplot as plt import PIL.Image as Image import os import cv2 import numpy from torchvision import transforms unloader =transforms.ToPILImage() IMAGES_PATH = '/home/dushuai/word/superpixel_fcn-master/save_out/' # 图片集地址 IMAGES_FORMAT = ['
javascript 加载 xml
Arterta的专栏
08-19 588
使用javascript 加载解析xml。 var book = function(){}; book.prototype.loadXML = function(file) { xmlDoc = null; try //Internet Explorer { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async=f
自动化PSD转SpriteSheet工具：psd2sprite使用教程
资源摘要信息:"psd2sprite是一个JavaScript模块，它的主要功能是将Photoshop的PSD文件转换成SpriteSheet和相关的JSON文件。SpriteSheet是一种将多个图像合并成一个单一图像的技术，这样做通常是为了减少网络请求的...
大张png图片分割成一个一个的小的png图工具， 多张小图转成图集texture，生成plist文件
03-17
这可以通过专门的图像处理工具来实现，例如Photoshop或免费的在线工具。分割过程涉及定义切割区域，然后保存每个部分为单独的PNG文件。这样可以确保每个小图只包含它应有的图形，从而降低加载时间和内存占用。 2. ...
精灵表动画running-sprite-sheet.png
08-20
https://blog.csdn.net/HuoYiHengYuan/article/details/99855314 《HTML5 Canvas核心技术(图形、动画与游戏开发)》精灵表坐标查看器的示例源文件
Photoshop - 如何用 PS 合成一张 Sprite 图（雪碧图）
陆克和他的那些代码
11-20 2257
Photoshop - 如何用 PS 合成一张 Sprite 图（雪碧图）
Sprite Sheet Generator - 助力游戏开发的高效工具
最新发布
gitblog_00029的博客
01-10 418
Sprite Sheet Generator - 助力游戏开发的高效工具 spritesheet-generator Generate sprite sheets directly from Photoshop animation frames - geared towards game dev ...
游戏开发小结——在Unity中使用Sprite sheet制作动画
小云同志你好的博客
04-18 3512
要这样做，请单击导入的精灵(Sprite)，查看检视器(inspector)并单击精灵编辑器(sprite editor)按钮。然后将这些精灵(Sprite)编译成一个动画剪辑(Animation Clip)，按顺序播放每个精灵(Sprite)，以创建动画效果，就像翻书一样。如果您还没有打开它，您可以右键游戏(game)选项卡，选择添加(add tab)选项卡，然后选择动画(animation)窗口。选择精灵(sprite)后，转到动画(animation)窗口，点击创建并给它一个名称。
SpriteSheet
master-dragon的专栏
12-24 1621
免责声明：本博客的所有原创文章，均有time_anime精心写作，供学习交流使用，切勿进行商业传播。同时，转载请不要移除本声明！ SpriteSheet精灵表单：每个游戏开发者都应该知道的基本概念。 看上图的游戏场景，它由不同的图形对象组成，有花、树、云朵和PixelGuy（就是那个小孩了）。所有这些可移动的游戏对象被称作精灵。
动态生成Sprite Sheets的利器 - Unity Runtime SpriteSheets Generator
gitblog_00025的博客
05-21 651
动态生成Sprite Sheets的利器 - Unity Runtime SpriteSheets Generator 项目地址:https://gitcode.com/gh_mirrors/un/UnityRuntimeSpriteSheetsGenerator 在Unity游戏中，精灵表（Sprite Sheets）是一种常见的资源管理方式，它能够优化内存占用并提高加载速度。然而，大多数现有的...
SD_PixelArt_SpriteSheet_Generator 简介：基本概念与特点
gitblog_02047的博客
12-10 712
SD_PixelArt_SpriteSheet_Generator 简介：基本概念与特点 SD_PixelArt_SpriteSheet_Generator 项目地址: https://gitcode.com/hf_mirror...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值