Navigation

    TripleA Logo

    TripleA Forum

    • Register
    • Login
    • Search
    • TripleA Website
    • Categories
    • Recent
    • Popular
    • Users
    • Groups
    • Tags

    How to properly scale unit images with high and different resolutions?

    Map Making
    3
    12
    663
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • TorpedoA
      TorpedoA last edited by TorpedoA

      Last couple days i was seaching and downloading a lot of unit images for free from different sites, but now i have the problem that they are all different and assymetric resolutions and i want to them in my new scenario.
      The only thing i tried was just to cut down the resolution to around those common numbers most of games use. But i am not sure if its the best way.

      I use paintnet to manipulate png unit images.
      QUEST
      What would be the/your best approach to get them all down to a size to make all unit images the same vizual size in game?

      Here are some examples i like to use.
      (1600x1753) Legionarii
      LegionariiX.png

      (1440x2392) Sagittarii
      SagittariiX.png

      (646x1117) Agathoergoi (Spartan Elite)
      AgathoergoiX.png

      (687x792) Myrmidones (Achilles Companions)
      MyrmidonesX.png

      (600x682) Hoplites
      ThorakitaiX.png

      (483x751) Ekdromoi (Hoplites trained to rush out of phalanx to engage enemy skirmishers)
      EkdromoiX.png

      (736x1041) very northern Barbarian
      Spearmen.png

      (1000x1600) Miraculix the Druid
      DruidX.png

      (560x1000) Troubadix derives from trouble. Dont mess with a Battle-Bard
      BattlebardX.png

      (496x640) Barbarian Spearmen
      SpearmenX.png

      (681x1000) Celtic Headhunters, you see?
      HeadhuntersX.png

      (750x750) Barbarian Archer
      ArchersX.png

      (736x996) germanic warrior throwing francisca axes before they close in.
      FranciscaWarriorsX.png

      (452x639) germanic/celtic spearmen with some armor
      HvySpearmenX.png

      (548x624) dont get hit by him, just dont, he knows that you know him from somewhere else
      Berserkers.png

      (505x722) germanic Seeress: I can see your future. Its there on my staff.
      SeeressX.png

      (524x1032) Noble Warrior, or Warlord
      SwordmastersX.png

      And some more.

      Hepps 1 Reply Last reply Reply Quote 0
      • Hepps
        Hepps Moderators @TorpedoA last edited by

        @TorpedoA If you want to get your units consistently sized... just put them into different layers of the same canvas...

        3726bcfd-487d-4cb6-a8b3-64d157bde304-image.png

        Then shrink the larger one down (by holding the Cap button while you shrink it {this will ensure the image keeps its proportions while you shrink it})... sometimes you will have to expand the canvas so that you can move the different images around to line up with each other.

        5be65318-0640-4a6d-9878-6a5904cf6602-image.png

        Once you have the images scaled to each other... simply cut the layer and paste it into a new canvas.

        So in this example... even though the archer and legionnaire are the same height... the archer image will be taller (as a unit image) unless you do some modifications to the bow to make it the same height as his head.

        You could layer all your images into different layers to size them with one another... then separate them into individual canvases once they are all resized.

        TorpedoA 3 Replies Last reply Reply Quote 1
        • TorpedoA
          TorpedoA @Hepps last edited by

          @Hepps Thanks alot for the effort to show me step by step. Because that technique i never even imagined existed.

          Hepps 1 Reply Last reply Reply Quote 1
          • Hepps
            Hepps Moderators @TorpedoA last edited by

            @TorpedoA No problem

            1 Reply Last reply Reply Quote 0
            • TorpedoA
              TorpedoA @Hepps last edited by

              @Hepps And after the rescale of the unit image itself by the layer thechnique you then go image -> change size, to downscale resolution right? If yes, which values you would aim for? 1600x1753 -> 52x52 (as example)? Because thats the only method that i was using till now, and would have used untill you told me a better solution.
              Or i am wrong here? Because those resolution numbers are so much larger then common ones throughout most games.
              I am quite noobish when it comes to unit images and resolutions.

              Hepps 1 Reply Last reply Reply Quote 0
              • TorpedoA
                TorpedoA @Hepps last edited by

                @Hepps
                I feel like an idiot but, what is the better approach:
                To scale up to the biggest unit images oder down to the smallest ones? I guess it does matter?

                Hepps 2 Replies Last reply Reply Quote 0
                • Hepps
                  Hepps Moderators @TorpedoA last edited by Hepps

                  @TorpedoA Doesn't matter. With the resolution you have it really isn't all that important.

                  1 Reply Last reply Reply Quote 1
                  • Hepps
                    Hepps Moderators @TorpedoA last edited by

                    @TorpedoA said in How to properly handle unit images with high and different resolutions?:

                    @Hepps And after the rescale of the unit image itself by the layer thechnique you then go image -> change size, to downscale resolution right? If yes, which values you would aim for? 1600x1753 -> 52x52 (as example)? Because thats the only method that i was using till now, and would have used untill you told me a better solution.
                    Or i am wrong here? Because those resolution numbers are so much larger then common ones throughout most games.
                    I am quite noobish when it comes to unit images and resolutions.

                    Yes after all your units are scaled to each other and layered... crop the canvas to capture the tallest unit. (Which in your images will likely be the Agathoergoi)

                    ea23558a-e985-4076-9ff1-003d7440fc7a-image.png

                    1 Reply Last reply Reply Quote 1
                    • Hepps
                      Hepps Moderators @TorpedoA last edited by

                      @TorpedoA Now you can resize everything to the finished unit size...

                      For your unit images I chose to do it by width since several of the unit images were very tall when you look at spears and bows...

                      Unit help.png

                      You can modify the individual images by shortening spears... shrinking the bow... so that all units become 52 x 52. Right now you will notice that they are 52 wide by 74 high because of the Agathoergoi and the Archer.

                      1 Reply Last reply Reply Quote 1
                      • Hepps
                        Hepps Moderators last edited by

                        @TorpedoA From there I separate all the unit images into their own canvas and then add a layer behind and fill with a uniform colour. This simply lets me see the details of the shrunken unit clearly as I continue work... refining details, balancing out brightness or contrast... etc. That coloured layer will be deleted before you save your final version of the unit. (It is also nice because if you are working on a bunch and have to save because you are tired... have to go to work... eat.. make love... it is easy to identify which images are drafts with a coloured background and which are completed)

                        86dcaa04-b52b-4119-a46b-d97eafcead6a-image.png

                        Hepps 1 Reply Last reply Reply Quote 1
                        • Hepps
                          Hepps Moderators @Hepps last edited by

                          @TorpedoA Also be aware that several of your images have their feet cut off... so it is important to account for that when you do the initial rescaling...otherwise those units will look very different from the rest. You can easily draw in feet after the images are shrunk.

                          1 Reply Last reply Reply Quote 1
                          • C
                            Cernel Moderators last edited by

                            One does not simply take a very good looking "big" multi-coloured image and shrink it down to about 48 per 48 pixels to obtain a very good looking "small" image. The likely result is a bad looking image.

                            The way the eyesight works is that the colour from a point is decreasingly spread over nearby visual areas in our perceived image, so images using few pixels have each pixel dirtying with its colour all nearby pixels, whereas such effect is virtually irrelevant for big images.

                            1 Reply Last reply Reply Quote 0
                            • 1 / 1
                            • First post
                              Last post
                            Copyright © 2016-2018 TripleA-Devs | Powered by NodeBB Forums