Skip to content

Height Map Tutorial for Texture Editing

- Not logged in to forum -

Home 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.