Some practical upscaling of Ace to MV/MZ tiles #5 - Two trees

● ARCHIVED · READ-ONLY
Started by Avery 2 posts View original ↗
  1. As with many other tiles, this is a case by case decision, but:
    If the trees are a bit lollipop like . with a straight trunk and a closed crown, this is a good way to go!

    I would consider this more advanced than most techniques I’ve shown before, but still doable for a lot of people, so let us jump right in!

    This is part of a series where I show how to solve some upscaling examples using different methods that are easier than full on redraw (in most cases, for some it is just the thing you have to do if you want it pretty) and not as ugly as just blowing them up with a graphic programm (sorry, not sorry). The examples all come from the Mack VX Ace tiles.

    AD_4nXeKbCSzCNWPjDQjEjzZ8mdwnvsJNC1u6vYmP9JYOgQHdDt7qpRvS09d7-uaAfSoBkmkhyGp7Br_xA8xHP4h1I_Md-8PlvwcYSp47f0s7l1xsNDc82dcYiwTZuL_yCV7ZQ1NFBNDNw
    The problem that we have is straightforward: if we want to use the trees in MZ (or my), they are just too small. Luckily they have the above mentioned lollipop shape!

    But, to take a step back:
    I am teaching you very practical editing skills here. You don’t have to shelve the skill for just upscaling Ace tiles. For example, if you have a tree you like and need more variation for a forest, you can use what you learn here to make variations of it. This is extremely helpful when it comes to pack resources or alternate styles!

    Here is how I would tackle them:
    Step 1: Copy and ugly blowup anyways
    AD_4nXeAfJF-h_AmxE04Sf0VYj5jLAhmocXPIP6H5earUyUsfoMrFiPu7NpI6lp-W055JF59tbQjKsys10oMOYSlQJoEt8Vh8cBQzQ7i95jD1U8_mxfe9ae9K2ihawQqGdzJ34hmPx1wRQ
    I like to at least try to get a similar outcome in proportions and shape for the trees, so I will use them on a layer below (later with a reduces opacity) as a blueprint.

    Step 2: Deconstruction
    First I use basically all the combinations of the select tools and or the eraser to get rid of the shadow. I will draw one fitting to the resulting tree in in the end anyways and the shadow will just be in the way.
    AD_4nXfSOhHU3PdQXevk6DuMkkR3KkwjuN4BR2306jzlg-SEsssNtHigXifgA0JffWL2HKmt0aeKA8rXnZouRP70IWmjUY3NU5_-ZSK2PmEYQmrikJTOBvVxrmvsxF-A-zakBL8UWPbm1g
    AD_4nXcM1AWaonZq69rhH7FM9Khzq06wR2KIuKA4-W4GrOAxWz36vJxe5hshiu6ZzfIK3xutsGqxCmPkWCLRSREiFwSDlQJBXsPrEI0woncB90SV_SBVgMkLDgY9xenXTHUES_TKICr3
    Then I clean it up with the same methods and copy and paste the trunk to the side and remove it from the crown, too.
    Box select, select by color and the eraser can be used here, same as the fuzzy select.
    There is no one size fits all, you just need to get those two parts on their own.AD_4nXdDPjk8kxKPycmNgph5fCErbPVcsifjT0MTc_os-HBbw3ibT5LuJ5CIZ_C_rgiy6IomjL8lIVRDZ955OmqV459Lo9A4HGSzvHMZ5SX7Kb67ombEpdmy8-DOhhqXdH6YIUhJvCjsdQ
    It should look about this in the end, with the crown having to have no trunk parts at all attached to them, the trunk may have some leftovers on the top.

    Step 3: Copy&Paste&Copy&Paste&Copy&....&Cleaning up
    Now I copy and paste my crown pieces in a very specific order:
    AD_4nXfpRRJ5OCdkUBdFzzt4PeCa1L6R2-tJ29NbcME-wDCydqZ7raU9ZsYeXY3F8yuBHLRJKJ3ctUg4bInySHfDJgO4t3VWRSMqiMmlujLHfd3Gdryj_Cma7uUS01mNw6vrVHRIGBVtBw
    (the lower layer is my ugly upscale as guideline)
    First I paste my crown in twice, left and right, to define the width of the crown I am aiming for.

    On again a layer above (not always necessary, but is useful depending on further editing), goes a third piece, this time at the bottom:
    AD_4nXdOa9Y2Vxl9qN-mP5ToIV6-vMEoMCbQi_m8z9KN605f2F91b1XLwIDQyD_iiPyPGI7JjWAsJLkTPjj6zsoIJPA-GrudIMIehcVTDt6GgTbY87DJAPZI20kICliI14_SRomzzAdJDg
    And now, as you might have guessed, another layer, and the top:
    AD_4nXd9U_2KpzqO0x3qo9qf1kZ1_FSpvylgRHNflSZvH1ccAm2vwCO8UXrRN9APlixmtW7bjx6szELxYr6jaOmuAbaj5HGM_u3czuDVSOpdh4WGPst0GqbFncr8QWwZDcbzcFp83AdZGw
    This doesn’t look too bad, right?
    Now it is time for a cleanup.
    AD_4nXdU846IQeosHx51QSKWo6XzoYVfE4EXl_CrKV3b8uCz7lfmzciMfyt8U1QPq7omJsOeW1loA2JA04TF4M0J_E5psPZBxncK40RYU4W-XQb3iOoHqdehZmGrOok55OYPtFZzU2dM2w
    With a soft eraser I just removed the lower lark edge from the upper part and layer. I also tried to take off a little bit more than that without looking off, to give the leaves just a little different shape.
    Then as a bonus I used a 1px 50% opacity soft brush to slightly alter the leaves that I felt looked to distinctly the same - you can do more than just this little touchup or skip if you are not comfortable, but I would recommend at least trying!
    here the after:
    AD_4nXfnjYaQSW0AUXBaAG_Tsam4fypluRDnwiQBPtoX0EnMq0GPfvO8EZoAgZfJMFyy6BeVmKXzTJyaXxDPmffo676zaGI--2dfDnEqFxO7-hJmW5ZBz9b32OYugx-Ka-sDlTWG_CrBHQ

    For the leafy tree, there is more to do in my opinion.
    Since it is not just a pointy triangle, the top is clearly less wide:
    AD_4nXeyBsfOoPFEyLNA8EwzRTzJ1-CIcAgnxwUfMl-wjX6plbeK7KZuYsSxzFHSmde2gnPCtkDw5_edIonM8dY5J7eGlDBaMm0vxLSsG8J05pyg1Am0ASOqMBNtHyKG58U4YvMWlp-beQ
    To fill that in, I added even more copies of my crown, just below the top layer left and right, to fill in the gaps.
    AD_4nXdYKdTo9sEHdjK2LnTqPxiELSpOQfr-hNQYcVBihgBRTAJLJYpUMGDOh2fP6ITvCzPWe47JcDjJBrqtjSJCyM0DPCsfauJi2yThaJkmT5YiUiyqhhXB7JuqZfJ9o8fCgvj6LP0m1g
    now I have a lot of overlapping, with the crown we see basically consisting of six crowns on five layers (left and right are on one).
    I now take a soft eraser again, and start with my top layer, removing what I need to have it blend into the crowns behind it.
    AD_4nXeP0c2JoW6nfpza2vpWCcxalss8JrSj3VgNnZGxLrXspAldXUGsCy3hG2_iEcDdnU4EYPnd79XnaCx2sujj-ach8hsGOsPMTOR9H_ZN475zHKS-lUdMiQD8gecHi6j7z9reWRiBQw
    Now my other two “top layers”...
    AD_4nXdJBPpAB_tVvU1FDIJuhL2ymb87iSWBODs6SSj35DeF9A-T8amQPQUq_f7kwlmootX2FoZIpAzpfNYRJM4uZ3EtawEApDnMTP7bEyv1rwU2lw7gOB14vzgyLjfUR6qJUodaOKXH
    and the bottom trimmed up…
    AD_4nXfmoB5-ZYRP66oyNCIu62SH-XrRLtAFcVXYFIAsgt0sZDWCpBNsgwxlpXK6B1D_bZ0sV5LARhqkac-i6x-rFeCy0jaNLwr0RuOR_i7ohmj1si8Wp9BMXza5J0RroT-GNjS01pEl
    This already looks pretty close to what I want, but I still have room for improvement.
    AD_4nXd9e9MqPpqGT6Bb6Xcc1mu6ERagt1xE_J92Lw0nvxiGmOzDW7_Zh_00K6sj9jdCPS-MjpIYTan8RiQ-4zf7jzHbMgpZEfWXAHFcTPIp3hJmTDTI1ZAE3_T29B75YwEqszb7PQXp
    Using free select, I took small parts from the crown I started with, sometimes mirrored them, and patched them into different positions and over areas where you could see that they were a repetitive pattern that jumped out. I also used tiny parts from the rim to get the shape to exactly where I want it to be.

    Step 4: No chance: the trunk is done manually
    You read the bad news already, you could avoid this if you had a larger trunk that you could steal, but while it is the most difficult upscaling technique, here we only use it on a very simple and small piece.

    I always upscale them without interpolation to have a base that is as sharp as possible (find it easier to work with than trying to salvage blur) and place them on a layer behind the crown, so they can fit right in.
    AD_4nXf6eoOjBsPNo3Vexf3-sL1JNlL9uP1iTgVa1A6175PtrZxIzDyq_0DPU02B_vGcPp2p8QGPOogN3iIypHN_SPJpNKjwN8kTU2A7zHF27TB8vDel60SdAEBktUbXZOmRcPc7LqnXZg
    With a hard (but not hard edge) brush I trim them right into share, just a little careful reading trying to emulate the original shape.
    AD_4nXfHEslFDlLTzzZt9Yr0xdaRvA2RtaoJnqXYeV04f5qEGjsEQz7F4vR-lOqlPlwvT2F4tRfAAdJPq3Nm7ADdhBSzk1Iv1TdV3XJ-9glPEbjaD5eDIkE9XqpenMaEn8dWpo-gFDta
    Then I use the smudge tool only inside of the lines, to smooth out the areas that were a soft transition before the upscale as well:
    AD_4nXeCNKuA1nvymhAfD5g3XzIsH9mT4euxLVUCgE5Y8ORwjlu41_5JARm-s3wsYqRsY_HioNKDK1vDTvliJ6wmoIYAAkDZHfCjEy3xvm4ikKK-LOUOu-PVi5VEgX0YGoskWXS4orqvTg
    After that, I pick the outline color(s; switch as you go since it is not the same all around) and use a hard but not hard edge brush on 50% opacity to paint in the outline:
    AD_4nXeUlHkLEYU1r53wXCPchKZJJv5aj4rd7Vyamm90OJjvORPRkCALSbnIh-CR_3zmrF1BsywA_MHX-p4sDXaBLxvY5UpnsHrNF0wQoHDQ1yObZj14ysiPbPeegH7kXW5eZaypvICbpQ
    I used the mouse here (actually I often do for tutorials, a graphic tablet is not necessary to be able to do resources), went multiple times over certain areas and sometimes went into the trunk to work out the texture. Now I switch back to the eraser and trim off the excess.
    AD_4nXeKpU5AdDYMBePyB2BNw45r0OYNkfg5nNCoe8E-LZQp_FEqhkvyQau8daJlbzInfNGtiZGcM6XDRbxY_Nx41L_YzVtLlqkIa6DOu47uVST1icCGTKBtfc9EgaNECIkSo0gixAFDjw

    Other pieces are much more complex, but those fairly smooth and simple shaped trunks are on the easy end :)

    Step 5: Just the shadow left
    Yup, and since they had different shadow styles, I’ll switch the fir tree’s one to the solid oval that the smaller tree has as well, since I don’t like it when every tree has a different shadow. I just use ellipse select, fill in with black and set the layer to 50% opacity.
    AD_4nXcksCRUzDMyZtDcxigFSvy-0-20V7dxg4CNz4QQrTTQGwkSf4GQ0JZolmbMHHuCa8N0rx6khov6g-ThCXzAYLrjcJ_W-uCLttJXH8Qzg9Mj7q3P8UR0U5pXW-OSzf11dtAKTKWO

    All done:
    AD_4nXe62z1mKd-ODHPGwvW8wbmZN1L_lM4GkYMBIlENCyGkyAD1KN5Ht3yZjak1pKWBiZKAGroj2WzpuDJYkk14aWswaVyQ3vdschVypHOceJnbY2iIj3XLVLVj3I8uW3ElFzI_iXLesg
  2. while upscaling works, this way gives it more leaves, and makes it
    more natural than 3 big leaves.

    amazing tutorial, need to try this one out.