Menu

Welcome, Guest. Please login or register.
April 04, 2020, 02:28:52 pm

Login with username, password and session length

Author Topic: [TUTORIAL] Creating accurate Minimap images.  (Read 5449 times)

Valium

  • Registred Member
  • Race Changer
  • *****
  • Posts: 26
    • View Profile
[TUTORIAL] Creating accurate Minimap images.
« on: April 14, 2013, 10:06:29 pm »
Today, I'm going to show you my method for creating accurate minimap images, using noggit and photoshop.

the first thing you want to do is open up the map you're working on in noggit, then press U to get to the 2d paint mode.  Make sure to hit F7 so you can see the grid, this is the key to the whole operation.

Using Q and E, get as many squares on the screen as you can, while making sure that your squares are at least 256 pixels in size, each. I'm talking about the green lines here, not the red.

Now you want to take a screenshot, on windows, use Win+PrtScr;  This takes a pictures of your entire desktop and places it in the screenshots folder in your pictures library.


Now Hit F7 and take another screen shot, this time without the lines.


Repeat for other sections of the map.




Now, you want to find all your images, and open them in photoshop.


PROTIP.  Have all your images in windows in photoshop, that way you can shift+drag the layer from the image with the grid, to the corresponding no-grid image.  Holding shift auto-aligns the layers.


Now you should have your image with 2 layers, the top layer having the grid.


Now, you need to create guides, if you have the ruler showing, you can click and drag on it to make one.  If not, you can go to the view menu and click new guide.  Use the selector tool to align it with one of your green lines.  Repeat as needed so you have one guide for each green line.


Now, that you have your guides in place, click the slice tool.  It's the one that looks like a little knife.  If you don't see it, click the crop tool and hold down, it should let you choose the  slice tool from there.  On my screen, it is right below the magic wand.

you now need to find this button  and click it.

This slices up your image.  If you want, you can go to the properties of each slice and name them, or do it to the files later.

From here, you simply turn off the visibility on the first layer so your grid lines are gone, the choose save for web and devices in the file menu. make sure to save as whatever format your BLP converter can handle.  
You will end up with some extra images that you can't use, just delete them.

After that, you can either resize each image individually to 256x256, or use a batch processing tool, like XnView.

At this point you should have a series of map tiles that are aligned with the ADTs  You may want to go and paint on the WMO's and M2s, I didn't, but I probably should have.

Now do this.
http://modcraft.io/viewtopic.php?f=21&t=188
« Last Edit: January 01, 1970, 01:00:00 am by Admin »

Milly

  • Contributors
  • Creator of Worlds
  • *****
  • Posts: 503
    • View Profile
Re: [TUTORIAL] Creating accurate Minimap images.
« Reply #1 on: April 15, 2013, 12:10:09 am »
This is a great guide. Thanks very much. Although it doesn't show wmo objects such as buildings so that's a disadvantage to 2D view.
« Last Edit: April 15, 2013, 12:11:28 am by Admin »

Steff

  • Administrator
  • Creator of Worlds
  • *****
  • Posts: 4551
    • View Profile
Re: [TUTORIAL] Creating accurate Minimap images.
« Reply #2 on: April 15, 2013, 12:11:27 am »
Yes Ill do the same in 3d mode. Its a bit tricky ut then you can have also wmos and water active.

Thanks for the guide :)
« Last Edit: January 01, 1970, 01:00:00 am by Admin »
Please mark as solved if solved.
Don't ask if you could ask a question... JUST ask the Question.
You can send me also offline messages. I will answer if I get online.
Skype: project.modcraft
Discord: steff#6954

Valium

  • Registred Member
  • Race Changer
  • *****
  • Posts: 26
    • View Profile
Re: [TUTORIAL] Creating accurate Minimap images.
« Reply #3 on: April 15, 2013, 02:30:22 am »
Quote from: "Steff"
Yes Ill do the same in 3d mode. Its a bit tricky ut then you can have also wmos and water active.

Thanks for the guide :)

I would have done 3D mode, except that you can't point the camera straight down, or have orthographic view.  If we could do that, well then, super detailed maps would be entirely possible.
« Last Edit: January 01, 1970, 01:00:00 am by Admin »

Hargrim

  • Registred Member
  • BLP Convertor
  • *****
  • Posts: 8
    • View Profile
Re: [TUTORIAL] Creating accurate Minimap images.
« Reply #4 on: April 19, 2013, 09:27:06 pm »
nice tutorial, I like it :)
« Last Edit: January 01, 1970, 01:00:00 am by Admin »

tippythop

  • Registred Member
  • MS Paint Freak
  • *****
  • Posts: 3
    • View Profile
Re: [TUTORIAL] Creating accurate Minimap images.
« Reply #5 on: April 06, 2016, 06:20:01 am »
I'm sorry for resurrecting an old thread but I wish the images still showed up so I could see which buttons i should be pressing in photoshop. That or if someone could make these images I printscreened from noggit.
« Last Edit: January 01, 1970, 01:00:00 am by Admin »

Steff

  • Administrator
  • Creator of Worlds
  • *****
  • Posts: 4551
    • View Profile
Re: [TUTORIAL] Creating accurate Minimap images.
« Reply #6 on: April 06, 2016, 12:05:57 pm »
Try to write him a PM. Perhaps he read here and can reup the images.
« Last Edit: January 01, 1970, 01:00:00 am by Admin »
Please mark as solved if solved.
Don't ask if you could ask a question... JUST ask the Question.
You can send me also offline messages. I will answer if I get online.
Skype: project.modcraft
Discord: steff#6954

Valium

  • Registred Member
  • Race Changer
  • *****
  • Posts: 26
    • View Profile
Re: [TUTORIAL] Creating accurate Minimap images.
« Reply #7 on: April 07, 2016, 09:00:07 am »
I'm going to have to re-create the images entirely.  Apparently I shouldn't have used imageshack to host them.
« Last Edit: January 01, 1970, 01:00:00 am by Admin »

Moridhin

  • Registred Member
  • LUA Script Tinker
  • *****
  • Posts: 46
    • View Profile
Re: [TUTORIAL] Creating accurate Minimap images.
« Reply #8 on: April 07, 2016, 05:29:17 pm »
Yes pls reupload pictures. Very nice tut, ty.
« Last Edit: January 01, 1970, 01:00:00 am by Admin »