Skip to content

Height Map Tutorial for Texture Editing

- Not logged in to forum -

The forums Artist’s Alley Height Map Tutorial for Texture Editing

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #5695
    Keiko
    Participant

           This is my attempt at making a HM (Height Map) Tutorial.

           I've never made a HM before but after playing around in Photoshop for a bit, I've determined a pretty easy way to get a basic HM started which can be tweaked into what looks best for your texture.

      This is what my texture design looks like with the default AChat shirt HM:

      Step1.jpg

      • Step 1: Open your .png texture in photoshop.
      • Step 2: Select FILTER > SKETCH > PHOTOCOPY… from the top menu
      • [/list]

        Step2.jpg

      • Step 3: Adjust the “DETAIL” slider to determine how much detail you want the HM (Hight Map) to detect. Adjust the “DARKNESS” slider to determine the obviousness of the hightened areas.
      • [/list]

        Step3.jpg

      • **TIP** White raises the surface, Black lowers the surface.
      • **TIP2** If you want to invert the appearance of your HM, select IMAGE > ADJUSTMENTS > INVERT
      • [/list]

        Step5.jpg
        Step6.jpg
             I chose this texture to use as the example piece since it's the easiest to compare the different HMs. I also have a very old version of Photoshop so I don't know if the newer versions are set up differently but I assume they should work in a similar fashion. If anyone has special tips or tricks with adjusting the HM, feel free to post it.

      #64258
      hentaiboy69
      Participant

        Good work Keiko! and it's nice to see you here again after a while!

        #64259
        susana4love
        Participant

          Hi Heiko,

          Just a question…how do you add it as a background?

          #64260
          TightFit74
          Participant

            Looks great keiko, more a technical question… In the viewer for the designs, you can load the map as a seperate file. Any idea how that works? When you have made a HM, do you save that as a seperate file? And what format does that file have? .png as well?

            I'm just flusterred with the HM's.. :)

            #64261
            Keiko
            Participant

              Hi Heiko,

              Just a question…how do you add it as a background?

                  I'm not sure I understand your question,  Susana. Are you asking how to make just the colored texture image, not the height map?

              Looks great keiko, more a technical question… In the viewer for the designs, you can load the map as a seperate file. Any idea how that works? When you have made a HM, do you save that as a seperate file? And what format does that file have? .png as well?

              I'm just flusterred with the HM's.. :)

                  The map has to be a seperate file. You should have 2 files for each texture. 1 is the original color texture image, the other is almost like a photocopy of the original. So when you use the viewer, you must load your texture, then load the height map. Again you cannot save the height map to the existing texture as something like a 2nd layer. It needs to be it's own file. To get it just right requires alot of trial and error. Lots and lots of tweaking. It can be a bit more difficult than designing a texture so you need alot of practice and patience.  :)

              Bump-map-demo-full.png

              #64262
              Marilyn
              Participant

                Woah!! This is a great tip, thank you!!!  :)

                #64263
                Kingdustin
                Participant

                  this bring back nightmares from my computer programing and photo-shop class back HS……I wasn't very good on the subject lol

                  #64264
                  HoneyRider
                  Participant

                    Thank you Keiko!

                    #64265
                    Patricia1975
                    Participant

                      That Would be nice,
                      If  people with more experience making  suits, , ocasionly, publish some design Tips, for Newbies.
                      MY OPINION !!

                      At Least When Im starting to be confortable doing that in gimp or phorshop , i will do that here!
                      So, more people could learn something here,to help improve Achat.

                      Beijos Fofos……..Patricia

                      #64266
                      Patricia1975
                      Participant

                        Can we use Marvelous Designer 3  , to make achat dresses?

                        #64267
                        FoxyRoxxy
                        Participant

                               This is my attempt at making a HM (Height Map) Tutorial.

                               I've never made a HM before but after playing around in Photoshop for a bit, I've determined a pretty easy way to get a basic HM started which can be tweaked into what looks best for your texture.

                          This is what my texture design looks like with the default AChat shirt HM:

                          Step1.jpg

                          • Step 1: Open your .png texture in photoshop.
                          • Step 2: Select FILTER > SKETCH > PHOTOCOPY… from the top menu
                          • [/list]

                            Step2.jpg

                          • Step 3: Adjust the “DETAIL” slider to determine how much detail you want the HM (Hight Map) to detect. Adjust the “DARKNESS” slider to determine the obviousness of the hightened areas.
                          • [/list]

                            Step3.jpg

                          • **TIP** White raises the surface, Black lowers the surface.
                          • **TIP2** If you want to invert the appearance of your HM, select IMAGE > ADJUSTMENTS > INVERT
                          • [/list]

                            Step5.jpg
                            Step6.jpg
                                 I chose this texture to use as the example piece since it's the easiest to compare the different HMs. I also have a very old version of Photoshop so I don't know if the newer versions are set up differently but I assume they should work in a similar fashion. If anyone has special tips or tricks with adjusting the HM, feel free to post it.

                          Thank you for sharing this will  keep me busy and it will be nice to play  around with it .

                        Viewing 11 posts - 1 through 11 (of 11 total)
                        • You must be logged in to reply to this topic.

                        Optimizing new Forum... Try it, and report bugs to support.

                        The forums Artist’s Alley Height Map Tutorial for Texture Editing