How to make your characters ride things

● ARCHIVED · READ-ONLY
Started by Avery 10 posts View original ↗
  1. The journey you might send your heroes on can be very long. Do you expect them to walk all that way?
    There are so many occasions where you might want to have riding sprites - cutscenes, army leaders on horse or maybe a pig-riding minigame.

    So, imagine, we have this handsome young lad:
    Tq5GTHO9tsicRRy80zPu42m0luIuWM-zbgS0OqB_9XnI4XhbA58-lcGXBb_gOReJbWDf79uKO1C7Bv52nil49-E9wzHVG6Yiy1_OF1hMK5J1hg7yKh_fSGRPii4jeYhUipo8pWqf1d6YHnJPMLQNZQ

    And he will ride on a pig:
    PQfWtLCfoaYX5zaKsdFXD-n_TquZiLSmXduL5GIb-Jojtzs9Qk0JQu8PFm_prhSOyB8b5Kj6r2EV2N1iYAJEuJgziNof32IF0MVI1by65xuE1aeo_fTocSNBtc2X2ZMsqj4NTOqsC93RE7IBMDsYEA

    ...for reasons I guess.

    To start off, we need to copy the pig on an empty sheet and adjust its grid.
    POnnbU4N7nL-U_bRsUzxx6ykEVdRlfzuKawuMXMsc7oWGaCWQcdBBZzq0JQq_EC6zOcxeWThQcNPxf7zTAWlS2dfZp3g13VX7j-NYV04pw6p7tUI5-bSMsfNyRgbmaOvBhd_AwEDsThhKVdaI1Erow
    With it’s current 48*48 grid and the human’s 48*48 grid, there is no way to put the man on top of it without cutting him off.
    So, we gonna make some room on the pig.
    B9N8rS_57PsvxGGSsl-APALgjfpSVZmLazBqdW3MauFevzp-Nh-m23AUMHReP8jzqJL8c9IXFeUqnQ1_hyAVfUe3jsrmF-0JMNmeoOK0_XPoEIe-HqEf5uXSWCFbKFEiMDYdmZHVkl4sdng1e-eEBA
    With just some copy and paste (and making the grid 48*72 in my program) we now have all the room we need.

    Let’s start with the sideview rider:
    ZRsqMyxFrIzd5-R68LW-_7XwzjxZ0GH0UzU3qOHPPYNY_w0wEfSbM6C3N3J8FnQsJO53hphA10kqeEcuhRkQWtEdy2DxIu1oP1TjH30Euo_yF45Q7mfGm2tvXQFSpkEntoKwfKmt2cL1qFH15lhzAA
    We simply take the whole walking cycle out of the sheet and combine the snippet, where the arm moves forward with the one where the leg moves forward.
    gMle9cAAUvGvJxw7pi8ASstR412dIMG1EQ2CZNAqVUPZ0rVMY_K6F1HKTwz4TSmYvDNNFPjmv9nZM7bBgzfUoRmpoGbUT1uLpjoNYuSGd2dtWSpHhF-SxkB8D6Kd7nc4FfzbWQFRfmuB-ZRA-ZpkQQ
    Then we simply erase the leg and remains of the arm and have a static rider.
    If we want the hair animated, we just take the usual walking cycle and replace the body with our edit and keep the head as it is.
    Tip: We could also place this sprite on a bench or chair and use this as a sitting pose.

    oHmqF0sB5-YynjftoOOjgUWMwqgPsKjH_EQoze00zCcRzWuYpbEeWLdaFQBRKK_ZHCOKKHYE5NxFOZ9TucxvvuoBvlfxsXeKd1HDIP5vQMqPJzXjr_gJ2bGOFRO4R4nkd-hlulR0yWOBXTwcEaXACw
    Without further edits, we can drop him on our pig and are safe to go!

    For the front version:
    XfHvsdVhkdJ0mDsKXewe9YrLfasCgJWbdC0BH2FlaC2nmBTdcinX-s9VA54jZeQXtVXya32G3cGzcA9WnUYjrd_5a1crCdxOaoGRQbTSVdm-9X4nG2ngsTsi8qZY3O8hW1CDS7fk5bpwO6dYYrqIkQ
    We will need the full walking cycle again to get the desired pose.
    Then we spread the legs of the static sprite by sloping them to the side. For some extra detail you can tilt the feet a little.
    nyFETPmMJz-orD-744kojbXYxrmgfyu8Vn2XZCWWMEKiEaBzd8KxMeRbSnPFiBBM6qEMAxAJN_UfO2HDrVziNwiKQK_9Gi3VrKyTiv32Rzp6WabOfuZer2FnOLZhbAE71P5_HlCzgKgBDkXVc4I3xQ
    And again, we need the arms of the walking poses, of both we need the part where they are moved to the front, to match the side sprite and a riding position.
    iU0ahAA1hD4S5JwCItCtsRRitDHhog7TnPF0suUZ-DVj_yDXpveAfBmiFQqAy4JFIIcOzCZutMK9mgUhdwFFXrGQxbLdtNY01qG9jbxMQlPpi8kx1Ye5fnKpggw3hwPFD7JlTYDT4tuNT4MBrLz0-w
    and again, we can use the hair animation of the walking frame to make our sprite movement a bit less static.

    Y-Uc4BFrXE7GgyXO2uWeNiIvbAmMVL7RXF_hEHD3VjQXNFLBSOxt-A_hg7QSYEYWxo8j4pLEs6tcM21PgnWLDzeiH3GCTJRZNzlhyghzETLskL7h43YhDBtDJNNST9n15xuvxMmbusFJzFfN1Qfwig
    If we try to assemble this sprite, we will run into a problem. Either we have to place him too far on the back or he overlaps the head.

    mZY7MjcojekM42bU62yt_Z8u4zd0v9ujMkSf-SmuHDBqvu_JGEA_35nw9tafOrPz_JSHvxT3vEoEA3f-_5yaSUAso8ZRyuqOlbc8KD4BMvYVym28wv25J6pcD3wd-DAUGb3GGKsdHOSCbxVd5MF2eA
    To fix this, we take the pig and remove everything that would definitely not over the sprite. In this case, everything behind the head outline.
    This might differ though, for a horse or giraffe you might have to seperate the neck as well, for a wolf you have to decide which tufts of fur go in front of the rider… and so on.

    Back to our pig, we now just place the pig parts over our previous sprite:
    9pR92b35TahoZMBai3c-MqJgy5Pw8u2uf5voWiMjQZ471elj6K0R2KhL1euAvT-Yk-b47VGpwKBiZ_rxbLb4WKCzvMFdkVsGvevnI9dHzI5mzxo_j-SxcrEM11HsnSNsPd8eKgHUZvTmY-rhMyE18A

    Perfect!

    Now to the remaining part, the back:
    7FwUIaPYbVuaoXQcIsaMsSRRX1fXDIiP_XotbBTAk4GUNFLvYpcx-ET2WR2PBbAcCTSgWdmVbHwXNoFofMShLK-cVxOkntINjBklh4Zfva8CmnyTGi-vC9bddHba9eExL5Qa2Ic6-vwM98syRKK0CQ
    The steps are the same as for the front sprite, as the pose is exactly the same.
    -D72D-906-h9wivkOM-VccXpudR6ykpdPzD77MVRu1zsISbKpF4A1h1zOkBO2qr89qAhbHn6cfU78EJRShBJ9gjXsdnRbO4ysxCGDcKpP3A_r7Xmc8B7VjNHs_OGdhpJppFyCkp_ykTQZzwUpOzVFQ
    Assembling does not require further edits though.

    7X32mHWzmV-dq4DGuAVHgkY66MFzFLFbdV1SsgFkhlPRcFcTI9nZmGXotWye_jHY72Ebo9WmlLvgS5sMcBzVDAI6bcyyPOnGxbGMxjuBjY38c_XI2vUlrozusFis5LjLEAw4dyd4F9UgSr2MdPC_TA
    Charge into battle, brave pig rider!
  2. I love that the title is open ended with “things” to suggest they may ride a non-animal into the battle. Why yes, this is my trusty battle refrigerator.
  3. How can any game not have the hero riding to the rescue sat on a pig?

    Though having said that, @Ms Littlefish 's hero on a battle fridge does open up quite a vista of imaginative possibilities, including a Fine Dining Joust, with the Big Bad on a blender, because the BB would naturally want to liquidise the opposition.

    Lovely tutorial.
  4. COMBAT TOASTER
  5. You guys are super weird and I love you.
    Toasty.gif
  6. Ms Littlefish said:
    I love that the title is open ended with “things” to suggest they may ride a non-animal into the battle. Why yes, this is my trusty battle refrigerator.
    Never leave home without it

    @Avery, thank you as always. But the image links seem to be broken
  7. @Gunmetal_Dreams I'm wagering that's a forums/server error, as they appear to be attached files.
  8. They are in a google doc, until now I never had that problem. But I updated it and it seems to work again.
  9. Avery said:
    The journey you might send your heroes on can be very long. Do you expect them to walk all that way?
    There are so many occasions where you might want to have riding sprites - cutscenes, army leaders on horse or maybe a pig-riding minigame.

    So, imagine, we have this handsome young lad:
    Tq5GTHO9tsicRRy80zPu42m0luIuWM-zbgS0OqB_9XnI4XhbA58-lcGXBb_gOReJbWDf79uKO1C7Bv52nil49-E9wzHVG6Yiy1_OF1hMK5J1hg7yKh_fSGRPii4jeYhUipo8pWqf1d6YHnJPMLQNZQ

    And he will ride on a pig:
    PQfWtLCfoaYX5zaKsdFXD-n_TquZiLSmXduL5GIb-Jojtzs9Qk0JQu8PFm_prhSOyB8b5Kj6r2EV2N1iYAJEuJgziNof32IF0MVI1by65xuE1aeo_fTocSNBtc2X2ZMsqj4NTOqsC93RE7IBMDsYEA

    ...for reasons I guess.

    To start off, we need to copy the pig on an empty sheet and adjust its grid.
    POnnbU4N7nL-U_bRsUzxx6ykEVdRlfzuKawuMXMsc7oWGaCWQcdBBZzq0JQq_EC6zOcxeWThQcNPxf7zTAWlS2dfZp3g13VX7j-NYV04pw6p7tUI5-bSMsfNyRgbmaOvBhd_AwEDsThhKVdaI1Erow
    With it’s current 48*48 grid and the human’s 48*48 grid, there is no way to put the man on top of it without cutting him off.
    So, we gonna make some room on the pig.
    B9N8rS_57PsvxGGSsl-APALgjfpSVZmLazBqdW3MauFevzp-Nh-m23AUMHReP8jzqJL8c9IXFeUqnQ1_hyAVfUe3jsrmF-0JMNmeoOK0_XPoEIe-HqEf5uXSWCFbKFEiMDYdmZHVkl4sdng1e-eEBA
    With just some copy and paste (and making the grid 48*72 in my program) we now have all the room we need.

    Let’s start with the sideview rider:
    ZRsqMyxFrIzd5-R68LW-_7XwzjxZ0GH0UzU3qOHPPYNY_w0wEfSbM6C3N3J8FnQsJO53hphA10kqeEcuhRkQWtEdy2DxIu1oP1TjH30Euo_yF45Q7mfGm2tvXQFSpkEntoKwfKmt2cL1qFH15lhzAA
    We simply take the whole walking cycle out of the sheet and combine the snippet, where the arm moves forward with the one where the leg moves forward.
    gMle9cAAUvGvJxw7pi8ASstR412dIMG1EQ2CZNAqVUPZ0rVMY_K6F1HKTwz4TSmYvDNNFPjmv9nZM7bBgzfUoRmpoGbUT1uLpjoNYuSGd2dtWSpHhF-SxkB8D6Kd7nc4FfzbWQFRfmuB-ZRA-ZpkQQ
    Then we simply erase the leg and remains of the arm and have a static rider.
    If we want the hair animated, we just take the usual walking cycle and replace the body with our edit and keep the head as it is.
    Tip: We could also place this sprite on a bench or chair and use this as a sitting pose.

    oHmqF0sB5-YynjftoOOjgUWMwqgPsKjH_EQoze00zCcRzWuYpbEeWLdaFQBRKK_ZHCOKKHYE5NxFOZ9TucxvvuoBvlfxsXeKd1HDIP5vQMqPJzXjr_gJ2bGOFRO4R4nkd-hlulR0yWOBXTwcEaXACw
    Without further edits, we can drop him on our pig and are safe to go!

    For the front version:
    XfHvsdVhkdJ0mDsKXewe9YrLfasCgJWbdC0BH2FlaC2nmBTdcinX-s9VA54jZeQXtVXya32G3cGzcA9WnUYjrd_5a1crCdxOaoGRQbTSVdm-9X4nG2ngsTsi8qZY3O8hW1CDS7fk5bpwO6dYYrqIkQ
    We will need the full walking cycle again to get the desired pose.
    Then we spread the legs of the static sprite by sloping them to the side. For some extra detail you can tilt the feet a little.
    nyFETPmMJz-orD-744kojbXYxrmgfyu8Vn2XZCWWMEKiEaBzd8KxMeRbSnPFiBBM6qEMAxAJN_UfO2HDrVziNwiKQK_9Gi3VrKyTiv32Rzp6WabOfuZer2FnOLZhbAE71P5_HlCzgKgBDkXVc4I3xQ
    And again, we need the arms of the walking poses, of both we need the part where they are moved to the front, to match the side sprite and a riding position.
    iU0ahAA1hD4S5JwCItCtsRRitDHhog7TnPF0suUZ-DVj_yDXpveAfBmiFQqAy4JFIIcOzCZutMK9mgUhdwFFXrGQxbLdtNY01qG9jbxMQlPpi8kx1Ye5fnKpggw3hwPFD7JlTYDT4tuNT4MBrLz0-w
    and again, we can use the hair animation of the walking frame to make our sprite movement a bit less static.

    Y-Uc4BFrXE7GgyXO2uWeNiIvbAmMVL7RXF_hEHD3VjQXNFLBSOxt-A_hg7QSYEYWxo8j4pLEs6tcM21PgnWLDzeiH3GCTJRZNzlhyghzETLskL7h43YhDBtDJNNST9n15xuvxMmbusFJzFfN1Qfwig
    If we try to assemble this sprite, we will run into a problem. Either we have to place him too far on the back or he overlaps the head.

    mZY7MjcojekM42bU62yt_Z8u4zd0v9ujMkSf-SmuHDBqvu_JGEA_35nw9tafOrPz_JSHvxT3vEoEA3f-_5yaSUAso8ZRyuqOlbc8KD4BMvYVym28wv25J6pcD3wd-DAUGb3GGKsdHOSCbxVd5MF2eA
    To fix this, we take the pig and remove everything that would definitely not over the sprite. In this case, everything behind the head outline.
    This might differ though, for a horse or giraffe you might have to seperate the neck as well, for a wolf you have to decide which tufts of fur go in front of the rider… and so on.

    Back to our pig, we now just place the pig parts over our previous sprite:
    9pR92b35TahoZMBai3c-MqJgy5Pw8u2uf5voWiMjQZ471elj6K0R2KhL1euAvT-Yk-b47VGpwKBiZ_rxbLb4WKCzvMFdkVsGvevnI9dHzI5mzxo_j-SxcrEM11HsnSNsPd8eKgHUZvTmY-rhMyE18A

    Perfect!

    Now to the remaining part, the back:
    7FwUIaPYbVuaoXQcIsaMsSRRX1fXDIiP_XotbBTAk4GUNFLvYpcx-ET2WR2PBbAcCTSgWdmVbHwXNoFofMShLK-cVxOkntINjBklh4Zfva8CmnyTGi-vC9bddHba9eExL5Qa2Ic6-vwM98syRKK0CQ
    The steps are the same as for the front sprite, as the pose is exactly the same.
    -D72D-906-h9wivkOM-VccXpudR6ykpdPzD77MVRu1zsISbKpF4A1h1zOkBO2qr89qAhbHn6cfU78EJRShBJ9gjXsdnRbO4ysxCGDcKpP3A_r7Xmc8B7VjNHs_OGdhpJppFyCkp_ykTQZzwUpOzVFQ
    Assembling does not require further edits though.

    7X32mHWzmV-dq4DGuAVHgkY66MFzFLFbdV1SsgFkhlPRcFcTI9nZmGXotWye_jHY72Ebo9WmlLvgS5sMcBzVDAI6bcyyPOnGxbGMxjuBjY38c_XI2vUlrozusFis5LjLEAw4dyd4F9UgSr2MdPC_TA
    Charge into battle, brave pig rider!
    This is amazing, I was just doing the same in GIMP, however, I am pretty new to RPG maker and cant get my sprites within a 48x48 and if I do the 48 x 72 dimensions and export, it will not read it. Help me, im stupid!
  10. Avery said:
    Then we spread the legs of the static sprite by sloping them to the side.
    How do you turn them without making them become super pixelated, like the censorship was applied to them?