Tutorial:Sprite Tool - Revision history

Imbion: Imbion moved page Sprite Tool to Tutorial:Sprite Tool

2025-10-16T15:47:43Z

Imbion moved page Sprite Tool to Tutorial:Sprite Tool

← Older revision	Revision as of 15:47, 16 October 2025
(No difference)

Shitpost Sunkern at 14:47, 21 November 2024

2024-11-21T14:47:34Z

← Older revision		Revision as of 14:47, 21 November 2024
Line 1:		Line 1:
			{{Note\|type=warn\|text=This page contains information about a deprecated tool. It is recommended to use a recent installation of PMDO instead. A guide on how to use PMDO to assist in spriting can be found [https://docs.google.com/presentation/d/1cuDMUz4fI1pAoS7Pp_VzlKmbx0u0C34SfJ3F6Gczt6Q/edit#slide=id.gc6f980f91_0_0 here].}}

	This is a reference for the Sprite Tool used in SkyTemple. It differs from PMDO in that it does not contain all elements and editors suited for gameplay- only for sprite testing. However, the sprite testing tools are all very similar if not identical to PMDO.		This is a reference for the Sprite Tool used in SkyTemple. It differs from PMDO in that it does not contain all elements and editors suited for gameplay- only for sprite testing. However, the sprite testing tools are all very similar if not identical to PMDO.

IDK at 01:30, 12 September 2022

2022-09-12T01:30:06Z

← Older revision		Revision as of 01:30, 12 September 2022
Line 1:		Line 1:
	This is a reference for the Sprite Tool used in SkyTemple. It differs from PMDO in that it does not contain all elements and editors suited for gameplay- only for sprite testing. However, the sprite testing tools are all very similar if not identical to PMDO.		This is a reference for the Sprite Tool used in SkyTemple. It differs from PMDO in that it does not contain all elements and editors suited for gameplay- only for sprite testing. However, the sprite testing tools are all very similar if not identical to PMDO.

			Downloads:
			* [https://www.mediafire.com/file/2lq5yg1yjkeo12g/PMDC-win-x86.zip/file Win-x86]
			* [https://www.mediafire.com/file/svgb36qyuke1d9y/PMDC-win-x64.zip/file Win-x64]
			* [https://www.mediafire.com/file/x26b8dze09iubfw/PMDC-osx.zip/file OSX]
			* [https://www.mediafire.com/file/p6yajnip3lahe8v/PMDC-linux.zip/file Linux]

	The sprite tool is deployed on a separate branch on the [https://github.com/audinowho/PMDODump/tree/Sprite main repo].		The sprite tool is deployed on a separate branch on the [https://github.com/audinowho/PMDODump/tree/Sprite main repo].
Line 210:		Line 216:

	== Links ==		== Links ==
	[a emmuffin's ~~guide]~~		[https://docs.google.com/presentation/d/1cuDMUz4fI1pAoS7Pp_VzlKmbx0u0C34SfJ3F6Gczt6Q emmuffin's Spriting Guide]
	~~[a Sprite Tool Download~~]


	[[Category:Modding Assets]]		[[Category:Modding Assets]]

IDK: new anim pictures

2022-09-12T01:25:05Z

new anim pictures

← Older revision		Revision as of 01:25, 12 September 2022
Line 131:		Line 131:
	</pre>		</pre>

	[[File:.png\|frameless]]		[[File:SpriteTool_FromMultiSheet.png\|frameless]]

	This folder is currently in multi-sheet format. It has every animation in a separate sheet, which means that edits to one sheet will not affect another. Let’s take a look at the Idle animation as an example.		This folder is currently in multi-sheet format. It has every animation in a separate sheet, which means that edits to one sheet will not affect another. Let’s take a look at the Idle animation as an example.
Line 138:		Line 138:
	Every animation is split up into 3 sheet components:		Every animation is split up into 3 sheet components:

	[[File:.png\|frameless]][[File:.png\|frameless]][[File:.png\|frameless]]		[[File:SpriteTool_Anim.png\|frameless]][[File:SpriteTool_Shadow.png\|frameless]][[File:SpriteTool_Offset.png\|frameless]]
	Anim Shadow Offsets		Anim Shadow Offsets

Line 156:		Line 156:
	If you layer them on top of each other, you can easily see their functions:		If you layer them on top of each other, you can easily see their functions:

	[[File:.png\|frameless]]		[[File:SpriteTool_Combined.png\|frameless]]

	Open AnimData.xml. You will find a section dedicated to the Idle action that provides more data about the animation:		Open AnimData.xml. You will find a section dedicated to the Idle action that provides more data about the animation:

	[[File:.png\|frameless]]		[[File:SpriteTool_AnimDataXml.png\|frameless]]

	* Name: The name of the animation, used to identify it in Spritebot		* Name: The name of the animation, used to identify it in Spritebot
Line 175:		Line 175:
	Let’s take the EventSleep animation from Vulpix. You can download it from the spritebot just like Poochyena. Locate the EventSleep entry in AnimData.xml, and the relevant files:		Let’s take the EventSleep animation from Vulpix. You can download it from the spritebot just like Poochyena. Locate the EventSleep entry in AnimData.xml, and the relevant files:

	[[File:.png\|frameless]]		[[File:SpriteTool_SleepAnimDataXml.png\|frameless]]
	[[File:.png\|frameless]][[File:.png\|frameless]]		[[File:SpriteTool_SleepAnim.png\|frameless]][[File:SpriteTool_SleepShadow.png\|frameless]][[File:SpriteTool_SleepOffset.png\|frameless]]

	Copy EventSleep-Anim.png, EventSleep-Shadow.png, and EventSleep-Offsets.png over to the current folder. Also copy and paste the EventSleep entry from Vulpix’s AnimData.xml to Poochyena’s. You can put it anywhere between two other <Anim> tags.		Copy EventSleep-Anim.png, EventSleep-Shadow.png, and EventSleep-Offsets.png over to the current folder. Also copy and paste the EventSleep entry from Vulpix’s AnimData.xml to Poochyena’s. You can put it anywhere between two other <Anim> tags.
Line 182:		Line 182:
	At this point, most of the info has already been added. You will just need to replace the vulpix sprites with custom poochyena sleeping sprites. You can use [https://imgur.com/A1h8rg3 these] by Smalusion.		At this point, most of the info has already been added. You will just need to replace the vulpix sprites with custom poochyena sleeping sprites. You can use [https://imgur.com/A1h8rg3 these] by Smalusion.

	[[File:.png\|frameless]][[File:.png\|frameless]]		[[File:SpriteTool_SleepResult.png\|frameless]][[File:SpriteTool_SleepOffset.png\|frameless]]

	Remember to update the offsets such that they align with the right bodyparts.		Remember to update the offsets such that they align with the right bodyparts.
Line 188:		Line 188:
	Import the spritesheet. Test it by switching to the sprite, and setting your anim to EventSleep:		Import the spritesheet. Test it by switching to the sprite, and setting your anim to EventSleep:

	[[File:.~~png~~\|frameless]]		[[File:SpriteTool_NewAnimExample.gif\|frameless]]

	After confirming everything looks okay, you can submit the new sheet to spritebot.		After confirming everything looks okay, you can submit the new sheet to spritebot.

IDK at 01:19, 12 September 2022

2022-09-12T01:19:23Z

← Older revision		Revision as of 01:19, 12 September 2022
Line 209:		Line 209:


			== Links ==
			[a emmuffin's guide]
			[a Sprite Tool Download]


	[[Category:Modding Assets]]		[[Category:Modding Assets]]

IDK: Images for recolor

2022-09-12T01:18:12Z

Images for recolor

← Older revision		Revision as of 01:18, 12 September 2022
Line 21:		Line 21:
	== Debug UI ==		== Debug UI ==

	[[File:.png\|frameless]]		[[File:SpriteTool_DebugUI.png\|frameless]]

	# FPS stats. Refreshes every time the overlay is toggled. Press F1 to toggle.		# FPS stats. Refreshes every time the overlay is toggled. Press F1 to toggle.
Line 46:		Line 46:
	By clicking on the editor buttons in the dev panel, you can edit sprites and portraits. The testing app itself has the first 151 Pokemon filled in by default.		By clicking on the editor buttons in the dev panel, you can edit sprites and portraits. The testing app itself has the first 151 Pokemon filled in by default.

	[[File:.png\|frameless]]		[[File:SpriteTool_SpriteImport.png\|frameless]]

	* To import to a slot, select that slot and choose Import. You will be asked to choose a folder to import from.		* To import to a slot, select that slot and choose Import. You will be asked to choose a folder to import from.
Line 55:		Line 55:
	Right-clicking the sprite will also give some convenience functions:		Right-clicking the sprite will also give some convenience functions:

	[[File:.png\|frameless]]		[[File:SpriteTool_ContextMenu.png\|frameless]]

	* Export as Multi-Sheet: Single sheet format stores all animation data in XML, and the animation frames themselves as a single sheet. This format is useful for editing specific animations.		* Export as Multi-Sheet: Single sheet format stores all animation data in XML, and the animation frames themselves as a single sheet. This format is useful for editing specific animations.
Line 73:		Line 73:
	</pre>		</pre>

	[[File:.png\|frameless]]		[[File:SpriteTool_MultiSheet.png\|frameless]]

	This folder is currently in multi-sheet format. It has every animation in a separate sheet, and repeats sprites many times for the sake of clarity. We need to convert it to single-sheet.		This folder is currently in multi-sheet format. It has every animation in a separate sheet, and repeats sprites many times for the sake of clarity. We need to convert it to single-sheet.
Line 79:		Line 79:
	Import the sprite, then export it to a new folder using the bottom buttons. The sprite tool exports in Single Mode by default.		Import the sprite, then export it to a new folder using the bottom buttons. The sprite tool exports in Single Mode by default.

	[[File:.png\|frameless]]		[[File:SpriteTool_Import.png\|frameless]]

	The folder should now look like this.		The folder should now look like this.

	[[File:.png\|frameless]]		[[File:SpriteTool_SingleSheet.png\|frameless]]

	In this mode, everything is squashed down to one sheet, and there are no duplicate sprites. Thus, the list of sprites in Anim.png are the only sprites you need to worry about. Replace them all with Alolan Vulpix’s sprites. You can make your own, but for this example, use the set from [https://imgur.com/xsAOJEE NeroIntruder].		In this mode, everything is squashed down to one sheet, and there are no duplicate sprites. Thus, the list of sprites in Anim.png are the only sprites you need to worry about. Replace them all with Alolan Vulpix’s sprites. You can make your own, but for this example, use the set from [https://imgur.com/xsAOJEE NeroIntruder].


	[[File:.png\|frameless]][[File:.png\|frameless]]		[[File:SpriteTool_BeforeRecolor.png\|frameless]][[File:SpriteTool_AfterRecolor.png\|frameless]]


	At first glance these may seem like recolors, but layer them on top of each other and you will find that the hair fluff has changed, and one specific pose has been slightly altered. Second from the right, second from the top:		At first glance these may seem like recolors, but layer them on top of each other and you will find that the hair fluff has changed, and one specific pose has been slightly altered. Second from the right, second from the top:

	[[File:.png\|frameless]][[File:.png\|frameless]]		[[File:SpriteTool_BeforeRecolorSingle.png\|frameless]][[File:SpriteTool_AfterRecolorSingle.png\|frameless]]

	The left paw is lowered somewhat. This will affect where the offset for the sprite needs to be.		The left paw is lowered somewhat. This will affect where the offset for the sprite needs to be.
	Open up both the original sheet and the edited sheet, and then layer Offsets.png on top of both.		Open up both the original sheet and the edited sheet, and then layer Offsets.png on top of both.

	[[File:.png\|frameless]][[File:.png\|frameless]]		[[File:SpriteTool_BeforeRecolor.png\|frameless]][[File:SpriteTool_AfterRecolor.png\|frameless]]

	As mentioned in the Debug UI section, Black is the head, Green is the center of the body, and Blue and Red are the left and right arms. (Further reading in [[PMD Sprite Format]]) You should see the offset pixels line up to these sprites like such:		As mentioned in the Debug UI section, Black is the head, Green is the center of the body, and Blue and Red are the left and right arms. (Further reading in [[PMD Sprite Format]]) You should see the offset pixels line up to these sprites like such:

	[[File:.png\|frameless]][[File:.png\|frameless]]		[[File:SpriteTool_BeforeRecolorOffsets.png\|frameless]][[File:SpriteTool_AfterRecolorOffsets.png\|frameless]]

	With the sprite’s slight movement, you can see that the offset points have been slightly altered. The blue pixel, which was on the tip of the left paw, is now inaccurate. The other pixels are shifted off slightly as well. You must shift the pixels accordingly to fit the new sprite:		With the sprite’s slight movement, you can see that the offset points have been slightly altered. The blue pixel, which was on the tip of the left paw, is now inaccurate. The other pixels are shifted off slightly as well. You must shift the pixels accordingly to fit the new sprite:

	[[File:.png\|frameless]]		[[File:SpriteTool_AfterRecolorOffsetsFixed.png\|frameless]]

	Save both the Anim.png and the Offsets.png. Re-import them to the sprite tester.		Save both the Anim.png and the Offsets.png. Re-import them to the sprite tester.

	[[File:.gif\|frameless]]		[[File:SpriteTool_RecolorExample.gif\|frameless]]

	You can see that the new vulpix retains all the animations, only the sprites (and the offset of one of them) have changed.		You can see that the new vulpix retains all the animations, only the sprites (and the offset of one of them) have changed.
Line 116:		Line 116:
	Export in multi-sheet mode.		Export in multi-sheet mode.

	[[File:.png\|frameless]]		[[File:SpriteTool_ExportMultiSheet.png\|frameless]]

	The resulting folder can now be imported using SkyTemple, or submitted to SpriteBot.		The resulting folder can now be imported using SkyTemple, or submitted to SpriteBot.

	[[File:.png\|frameless]]		[[File:SpriteTool_MultiSheetRecolored.png\|frameless]]

	=== A New Animation ===		=== A New Animation ===

IDK: image stubs

2022-09-12T01:11:16Z

image stubs

Show changes

IDK: formatting

2022-09-12T00:58:33Z

formatting

Show changes

IDK: raw paste

2022-09-12T00:41:55Z

raw paste

Show changes

IDK: Created page with "TBD Category:Modding Assets"

2022-09-06T18:28:45Z

Created page with "TBD Category:Modding Assets"

New page

TBD

[[Category:Modding Assets]]