Porting VX Ace characters to MZ
https://forums.rpgmakerweb.com/attachments/1679240710442-png.256502/Those who have been around for a while might remember our old heroes… Ralph, Eric, Ulrika, Brenda… maybe you miss them and want to incorporate them or other VX/Ace heroes, default or user made, into your recent project!
https://lh4.googleusercontent.com/irxpHZQc9-K2eODm8hdw4Yz9dH5_RVAV8agA8FJD7YYkRUxPim1KXQ0EVbK_qSKHqCJniY0sJLyXeHw_W1PZokM65OY7iWVI0v13WEuqv2zNyXBTVhhgaMG7U-UK0v5hFty9tSKSMoVw0aPAiNmgdA
If we have a closer look at Reid and Ralph, we can already start taking notes on things we will have to tackle:
[*]The general shading and colors and color count are not too far from each other, with Ace being slightly less saturated. Ace has a black outline though, which MZ does not have
[*]The heads are much more different than the bodies, especially in size. The arms are very different though.
[*]Body and eye shape can be taken from the generator base sprite, and therefore the skin color won’t be an issue as we can take it from that as well
Everything you will see was made in Graphicsgale, a neat free program that is after some practice perfect for any kind of pixel work. The final recolors will be done in Gimp.
Also a note: as Ralph's hair and clothing are asymmetric, each frame has to be tackled. If he was perfectly symmetrical, we could only do one of the sides and mirror the frames for the other which can save a lot of time.
Basic clothing
Let us tackle head and body separately since for each different techniques are advised.
Front/Back
Since the arms will need to be redone completely, we will start with front and back so we can have them as reference for the side, where the arms might cover a huge portion of the armor.
You can do front and back at once as we will have it in the steps here or one after the other, but make sure to keep the already finished one as reference for placement and proportions!
https://lh5.googleusercontent.com/nu_GVYRt89-6C90TebhoDvHoZMv-bnz0K2ME64vZVbqpmhIEMkoX4YeFmKWMwakiWIuJJ6NTyxArBklu2qadqb5T5pIGpMGSJ4CAa7iIGdqkrmZEA7zG7M6CbiN-7HA4nfm5UdqCWxHq5Xes_bI4Wg
We start with the basic base for front and back and the VX Sprite without arms and head. Also we use darker shades to go over anything that is solid black, so the outline of green is dark green where it was black and so on.
https://lh6.googleusercontent.com/iAX9kIOQgrVId8TkgqDA76mftzIE8fKOO1sXx4qQFV7uoIYeISkSpDaogvTTB8Rlhh2r2Ua1o2EAUFSut9uwIwZ261uF-hFf97ppfdSBzlSmeBm_xz6ghAI4oR9vnWqL3rlExe-qH0ajI5bXwgSyHA
With some careful copy and paste we adjust the clothing to fit the sprite. You just need one extra pixel column for each leg to get to the needed width!
One extra row at the upper body and three at the lower body and it is already very close to fit!
Since the size difference is so small, just that little bit of copy and paste carried us a long way!
https://lh5.googleusercontent.com/by8mGSk1Z4kaFcn-nhcG0cyzRwRwVkztaW4mzGn6xixlLB0LXbxmZvDCahrBSQ_YPDweh8jQeATgi5BC8Goh7FKA8K4W4RinbDYK5XhZ1S9ZgRgaBuJHNdnrIOnwHikIHmotcKU-Xui5Od1CPH7z1Q
We can move our outfit onto the base (and keep an extra layer and start fiddling around with the pixels a little. You don’t have to do any of those adjustments, but you might want to try and break up the areas where you have too much repetition because of the previous copy and paste.
https://lh3.googleusercontent.com/NFn8KLmezrUfi1WWknHiN4M2cJWCXDn4Mc9GNsest5NRnGLpWFues77-B_uhhLhoFS1uOCW7ObhkpAzLuQnmyJb8x3SDNIFu_LD_KUbp12suGz0oPtRlCV8VMV8U2S7lwII8u7LcnW6NNYwvfm52QA
With some references on the side and the shading of the base as a guide we recreate the arms and double check our front and back share the same placement of clothing parts so they don’t jump when our character turns around.
Then we need to animate the extra 4 poses, but for those we have plenty of material already at hand:
https://lh6.googleusercontent.com/ZnrvrMwAtqHgTCtIJsBJqR3w9xuFZh0A-YjMSf82044sEG3zZYRtd2LW9qxkT2PcGnuptrH_ez2iHM6CA1Aamo0ECzcoScQaRbxhadrH3sa3Z3FWAS1uEx-u-4fVSRtdaJSAztzfUCUV4CenBZb13w
We have our static front and back done at this point, the base for the new poses and the original sprite which might help with the movement of certain parts - here the cape.
https://lh3.googleusercontent.com/_e_NhHWoWnUslxbAt_3ufvO4GLqwZ3xjzirVSMyBImoeGVh12J2NkLMSj6gnnaK57NtsjJDMBacMm-76x-w8EaOSxFBKvghh39-PXCHqAh1eRZIyz9xQGPsApv5fjp03KJpyWDHQx1MsAGei7pv42A
Just by copy and pasting some rectangles - here the middle piece and one of the legs, we can get a huge part of the sprite covered.
https://lh4.googleusercontent.com/GQ01j4a6v7Y5RykVTIr6aL9h8Lki5myGHzj5LBMNMrBDYYQyeW4hsUq-xxVGDye3CtPOgMwKHEZdKrJpxoAg3u4JQ6MEx1TK06mo4EIcBcYvEiJgGurnFG74MelqoU2lWeMtw9X_v0thVu4behxCgw
And then it is time for the parts where we have to reconstruct, but before we start, we can see if there is anything in the default sprite that might be a better base than trying to edit the middle or redraw. Here we can simply copy and paste the cape and it snugly fits the new Ralph!
https://lh5.googleusercontent.com/Djo7L5rK35TYa35-i9KEi6a3MlstfA98o38HOauLej-WzfLVxYhBOCTRXcd5J1Jv5tuCcPt4_aRswi1Ns10UqvMvPDgf89cLw1PxSjSSItM7XWzzWumFMZvqKFBxiB_i8zCWXOHb_EU-7rmkNNb_VA
The remaining parts come down to editing the middle or drawing them pixel by pixel, but with all the references at hand, you can do it!
With 50% of the body done, let’s have a look at the side!
Side
The side is the trickiest part of the clothing, that is why we saved it until we are more familiar with the design of the character we work with.
https://lh3.googleusercontent.com/a4c5xt0lzXIiR0DNmQrLxp52EXvTQgrSQ57m6cibP9BwBiJkiQjRnq5vVaAsal3pQiItLG9rY6jlgbNOzsR4eMbC8InQpcdh7XwA0drHaP6SsF2ZCG2yrx3QvGji_LeJHhYDgubICDkoyQaZ3-0CPw
Because now we can pull from the reference, the front and the shading of the base to construct the character!
https://lh4.googleusercontent.com/cUQjd8Aev7oJYH4KTBixVjziVRCyZNA-uE-mznbl4muMOAf0OdMTsrFKmcY1icKFf6yb-7Q93k_f8f0DpRMmqCN-UN5asM711tQTCHL4fEOU6Il2zpDl-6qBO0m41IntBvwY4bxu3KFW1YfTaRH8Rg
If we start as we did for front and back - what we do - we can see why that is so important. The chunky arm covers a lot of the side, making it a lot more difficult to find out how it should look on a larger character.
https://lh4.googleusercontent.com/1unXGgr8SVa-upeTSHXjT3y8Vf4H7WYJzbyuac9AwxCmKJNv5TNw52t_ZbF6ZvKIez8jH1tVi8IgAQIHasEdNtPl2temeQn6vpixlboZ33mAmT7P9ffV7r9HbWeAJZKEBxqKuQTR511tjSzyM_CxIw
Buf before we start on reconstructing, we try to work with what we have. The copy and paste method from the front will give us a great base of what to do.
https://lh5.googleusercontent.com/1JM4JalSIUxb4tcRmO_y6wi6QGHJVcWw2pcpeCbINOHPpR_CS_UdPJvBGYCO3PUDPfI285nHjTKvBdP8-FjWmXbqjwWY6KYWurXC3z1kFyKQYSq8KRNxxffAHqUSCFKjLHOSg-ysRiWZw7TpEvnJTg
With the front as reference we can “color in the blanks”. I did not like how prominent the hood was, MZ has a more delicate approach in general so I dropped it for the side. I might go back and add some pixels hinting for it to be there in the end, but it just looked a little off to me.
As you can see we left the arm out, that is because it is easier to just animate everything but the arm and then add it on top, which is what we do here.
https://lh4.googleusercontent.com/tWO9hEjbLEh3kq_ZjRTgs0ApZBLJ19vHzZ3G3y-kBhi7b43_nnwFlmIoWbd3-hewdFlo4YOocAyrBIvJM8IKTo1UWG0p1KQ4nimbc7u3sC8MuG13qgOyQpdENmj0MRcAnPw45HTjzRW9tbuKeCZfsQ
The side animation starts with some copy and paste as well, but because of the different angles there is less we can copy directly.
https://lh6.googleusercontent.com/aMXW43asdtJavfO_oR8KMNrhxmqH_JDq6ygCZ1RRPs_xK3OmAwjhvLNNJtMJaeiXU-SwAT4O93_OIs8X9svMB-YGZVbqOw6WrZHt2ej6Cwu6s1kCVpLPboPglMTzfmU0yHV-0ypqDw4c3sQfO3f7bA
But again, the cape can be pulled from the original sprite and we have the base as a reference and guideline for the shading. That way we can carefully complete the whole animation cycle.
https://lh3.googleusercontent.com/V_6D-G1MOhNdjD3UBDivmXF9qsWAQwy0oFo-T0bDsYpC8jmrLoswOq_ybV3e9LoVVj4KdTqhHsGRK3F9JkJJXY9o0QwfXBOJgEMzw7i41j-WP-qHFVuYXXOMVOMU-SWTSZck0Pm5AY60n-1AFGuG0A
For the arms we can do the same. Note how we can use the same gloves on both sides, even though one has a sleeve and the other has not. Try to work smart not hard wherever you can, it will result in a more consistent sprite and save you a lot of time!
https://lh6.googleusercontent.com/2twTSTO1A6TK_BvGxzgNDi83SbpvI0_0jsNiep4x9NeEsbAXG_qbVfYJOvlqJNN7QX6kV8IPjkfc5y0aC6EFO-7yjGJyQIvvMBXucoUeDP9PBV1yS7OQVjhZ6rKgAJVTmXITzBBFwUQTXiPJfqHKwg
Hair
For the hair we have two general choices: take what we can get or upscale.
Take what we can get
With the default sprites and the generator at hand we can pull a similar hairstyle from them and save us a lot of time.
https://lh6.googleusercontent.com/gIgg1FVNuNqmdIByLiRonG0-rz3on-g6VEKSsuRu5Mi6oR2fHSdP3RQB1y2QF--dQf47I-rjLNX65aWdEVw1beJPJ4xTFN8SnoDdZsWB8AvAEqPYOtdp7wbV_Aahh9Uc6SnO8d0b6Jd0eDqxEj3veA
For example we can get this combination from the child sprites in the generator which can work for Ralph, it does not fully match, but it catches the vibe.
https://lh4.googleusercontent.com/D7qYB25SwsSuW3wJ3rHBPzTvdRwayGJk1wnn7TulmESIQ0Ksiq92Zop_Kh6yN0128XzRjB3m0C8Cs2MNHgy4K0a-xo3Wv8QQ4DEDIAZk64R7v2doI4rdGirGQgFqHSsljjMOHct23DAESPdFVGfzmQ
If we take a hairstyle from a child, we need to make sure to adjust the style to match the grid, as the children have more vertical space (or adjust the grid for this sprite).
https://lh6.googleusercontent.com/UmPl3xnDw-D-6y0EZJdEn8sd2-Q9T4dEM-cQV8qbxPhlVBHwV7cIWSNogl8PmXfhejRF0BpLWnHay9CrChivzCjXSDACUt8PBIUL7ieSof9DDp32eaO_Lo-Mxkz_KPZrD-LM6fzef-5XYNTopfudjA
Remember that in the generator for the child the left and right frame of the row facing right are flipped, so we need to fix that as well.
We also want to add a shadow below the hair and then we could go to the final recolor.
…or we could’ve went a different road
Upscale
https://lh5.googleusercontent.com/qx-1v60_fq4zxkSpZNaqIRs8c5YpnWtr7p6ua8ySjlcfqnQ2kxpLSXNX6xG-1CTkKqa6Uov8iyMdrr0V9xV90liOS4HNSMOgRz9RXrKz5MWaR8cHQoX0evzi3K_KBAN0YFwG2YlgcE8Rqq4orRWXQw
As you can see, we can simply take the hair from the VX sprite and stretch it to the matching size. Since the head ratio is a little different, we will end up with something that has slightly different proportions and that of course looks gritty and off.
But that is a great guideline:
With knowing that outlines need to be one pixel wide, that we try to avoid crooked lines and that we want to have no black in the final result, we can start to slowly go over the upscale and erase those issues.
Slowly we can get a nice MZ matching hairstyle without having to start from scratch.
(Ralph's hair on the side sprites look the same, so here I only made one of the rows)
https://lh6.googleusercontent.com/AvwKLNVz3cBZIjCNkBApBdG9S0g_OAG2gjhnTIMEWbtDZK0hm3FAzmtEXvetZDTC2ej8mADUnMuj5T_txrn010uqQq0WdRg36HGywA6cJDI08hRbhT_z0OAFdtUQnqC_kuKvha2OKeMX3lpuAt2tTg
Now we animate the base we made by moving the strains according to the pattern I drew onto the according pose. Slightly adjust the strains, just a few pixels to add some motion.
And just by that, we have the sprite done!
https://lh6.googleusercontent.com/jTUdr_YGPz879CjROWWS8PkBuNpfgZOIUNhwmuv902o7ehnxPIiOFD35c7YGpfEago5Zz1v8HNQcan44rIuiVKJYZdQceU_xZHCN_MGTR6sWw2-kDDkhMpbuu-quojCA27_RO4_XFIrsX4YB9C3gYg
Color Adjustment
There are still some things left to be done:
[*]Eyes and for the edited hair the hair are still the wrong color, which we can simply change by color swapping
https://lh5.googleusercontent.com/rMNJeeJyyMgjMPTCLJ4D7C51PVGZxhbVAZJCNdccpDAKXDHZ9WlKWByD_lwphS69Ga0StkQSWSXfEi_MAOW0-aVu7mLWpm_oKpcKoNFS_utVG3zA2nCIKhXy8Tzr_GQ1Z3jNsWF5SwGPrxyAat_Pbw
[*]The VX palette is a little less contrasted, which we can fix by adjusting the color curve:
https://lh5.googleusercontent.com/hpUJtpk8yQvklY6f7VJZfo3ZC4KktnYm5adrYhqpD72OEadWVzeIm4ZStUCduknqz5DW1bJwSZXipNf2j-hehXWoUFRq61wdj0A-ixvwi_PiT-it5i7QT8OGIEl_hlxU38irGNPZyqZGUPL55TzwyQ
Remember to either deselect the skin before doing this or erasing it afterwards since the base already is MZ matching and needs no color fix!
And there we go, Ralph is ready to roam around MZ games!
https://lh5.googleusercontent.com/BnUczwy439AcK8dNMySaueTGpMwNd_x22mulibHAJnst3dj23hYbKraP55RBw5RCFNgzPoOpP-BAWshyaeJA8RE2YLcsnIiG5GXo7u3UBuRyO_bYYl6n7a0XuLXmXx8XYuT3xlimVZzVt7kaHg17YA
本贴来自国际rpgmaker官方论坛作者:Avery处,因国际论坛即将永久关站,为了存档多年珍贵资料,署名转载到本论坛存档,由于官方帖子为英文原帖,需要中文翻译请点击论坛顶部切换语言为中文就可以将帖子翻译成中文浏览,方便大家随时查看,原文地址:https://forums.rpgmakerweb.com/threads/porting-vx-ace-characters-to-mz.155952/
页:
[1]