Aseprite
58 个评价
Exporting a Live2D Model from Aseprite to Live2D Cubism
由 Hatsune Miku! 制作
This is basicly a short Tutorial on how to export and import a pixelart Live2D Model. this is somewhat close to what this tutorial i made a long ago goes over. but this focuses on only exporting... hope you find it somewhat useful :>
   
奖励
收藏
已收藏
取消收藏
Intro, Getting everything setup! :>
this tutorial is outdated the new one is:
https://psteamcommunity.yuanyoumao.com/sharedfiles/filedetails/?id=3028740531

This is basicly a short Tutorial on how to export and import a pixelart Live2D Model. this is somewhat close to what this tutorial[grat-grottenberg.newgrounds.com] i made a long ago goes over. but this focuses on only exporting... hope you find it somewhat useful :>

This Tutorial is also on Newgrounds!

Tutorials on Steam

Tutorials on Newgrounds

Quick Before we start, we need to be sure you have everything needed!
1. First and formost you need a copy of Aseprite
2. Then you also need the "Export as PSD script"[github.com] for Aseprite by Tsukina-7mochi on Github!
3. You also need a Copy of Gimp (its free dw)
4. And of course a Copy of Live2D Cubism (has free trail)

First and formost make a pixelart Model ready for export, this sounds a lot harder then it actually is. just follow any Live2D model Tutorial on how to seperate layers, it should look something like this when done -v-

https://steamuserimages-a.akamaihd.net/ugc/1835779809881006132/6D8A62DF277EF2B9E955BA0FAFB08A1CC68B1573/?imw=256&&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false
[The models layer build up in Aseprite]

Heres how my layers looked before Exporting!

https://steamuserimages-a.akamaihd.net/ugc/1835779809881008045/ACA34C64606AF9BAC14563F8EF8A6CEE9BAC70B7/?imw=256&&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false
[Grat's model inside Aseprite]
And here is how my Model looked before exporting!


Now that the model is ready and done we should start preparing for exporting!
REMEMBER TO BACK UP YOUR FILE :> (the next parts can crash Aseprite)
(this phrase will be repeated at the start of the next section too)
Exporting The Model From: Aseprite
Now that the model is ready and done we should start preparing for exporting!

REMEMBER TO BACK UP YOUR FILE :> (the next parts can crash Aseprite)


[Aseprite's edit menu with Sprite Size highlighted]

First thing we need to do is Resize the model sence Live2D doesnt really handle models at pixel level i dont think :/

Just move over to your [Sprite] Bar and mouse over and click on "Sprite Size..."


[the sprite menu]

Then this menu should open up, if the Lock Ratio isnt ticked off already then do that. now resize the model by a large amount.

i normally export mine by 5000% you can use % instead of pixels in the lower bars... (The model was orginally 55 x 110)


[Aseprites file menu with scripts and export as psd highlighted]

Then after the resizing is done, we can start exporting, this is where we use the "Export as Psd" script you needed to install in the Intro.

Mouse over your files Tab then over your Scripts Tab and then click on "Export as Psd".


[the export as psd menu]

This Menu Opens up, you can click on the file name to decide where to place the file (thats a good idea to control if it exports correctly first of all :>)

then when you click export you should see Aseprite Crawl to a halt because you just set a 5000x5000 pixelfile to export with a script ment to handle small pixels like 100x100, this freezes the Aseprite. BUT DONT CLOSE IT. just leave it

go take a walk or something else for about 30mins or more (Time can take like 5-30ish) for an export, so just go do something else. :>


[the success message from the script]
Fixing The .Psd and Importing into Live2D Cubism
And when you come back something like this will probably be here! now its fully exported out into a .Psd file, but a catch. its *Broken* Oh nooooo Right? nope, we can fix it (its broken in a way making it not able to import into live2D Cubism yet...)

Open the file up with Gimp!


[a windows desktop showing how to open a psd with GIMP]
Just select the file and make it open with Gimp ether way is fine -v-


[the GIMP error box with Grats model in the background]
Then it should open up.. with an Error Oh no oh god! nope still not a problem just click ok

we just need to use Gimps inbuilt .Psd Exporter because that works!


[showing the export as option in GIMP]
so just go and export it and make it replace the Old psd, because its broken and not good for anything anyways

Now you basicly have a working .Psd. that you can just Drag over Live2D Cubism! :>


[Grat's model inside Live2D Cubism]
-----------------------------------------------------------------------------------------------------------------------------
And after that the model is now safe and sound in the Live2D Cubism Editor, Now you can start Rigging your new Model and impress all you friends! :>

But i also have some Refrences for you soon to be Pixelmodel rigger!
1. Old Tutorial on Pixelmodel Exporting and Rigging by Me[grat-grottenberg.newgrounds.com]
2. Live2D paralax effect X axis by @poribakete137

i also have made Vods/Recordings of me making my Models if you would like to look over my shoulder while i make one of these!
1. Drawing the Grat-Grot-10-Berg Model (The One Shown)
2. Rigging The Grat-Grot-10-Berg Model (The One Shown also)
3. My Live2D Rigging/Drawing Playlist about 10 Vods so far!

But thats about it! i wish you the best of luck on making your own model now, and i hope it looks fantastic! and if you wanna show you cuz i'd love to see lol, you can find me on twitter @GratGrottenberg dont fear to dm me :>


[close up of Grats model winking]
6 条留言
Hatsune Miku!  [作者] 2022 年 10 月 24 日 上午 7:29 
Thank you! the palette i use is actually BLK NX64 by BlackedIRL on lospec if you want it! :6face: non-the-less thanks for reading :8bitheart:
xavier's obvipositor 2022 年 10 月 23 日 上午 9:14 
this tutorial is awesome and i really like the color pallet you picked for the model, plus i really like your hair shading! thanks so much :LIS_pixel_heart:
xavier's obvipositor 2022 年 10 月 23 日 上午 9:13 
@kagoo literally so unnecessary to give art critique on a free tutorial that someone spent their time making for people.
BORD 2022 年 4 月 7 日 上午 11:45 
thanks!
Hatsune Miku!  [作者] 2022 年 1 月 9 日 下午 2:14 
thanks lol, atonomy was never my strong suit, Ever but i'm still learning :6face:
kagoooooooooooooooooooooooooooop 2022 年 1 月 9 日 下午 2:10 
very nice tutorial. you seem to know your stuff with these programs and your rendering is really nice but your anatomy needs a lotta work.