Results 1 to 10 of 10

Thread: Rosantis - Interactive Fantasy Map

  1. #1
      Larion is offline
    Guild Apprentice Larion's Avatar
    Join Date
    Feb 2013
    Posts
    37
    Blog Entries
    3

    Default Rosantis - Interactive Fantasy Map

    Hello. I've been searching for a place to show off my latest creation in photoshop and to get some feedback and advice. This was the first place that turned up after a google search, so here I am

    The map I made has 8 rectangles on it, each of which are basically buttons. Presss them, and you'll zoom in on that area for a closer look at the towns and surrounding landscape. I'm currently working on zooming in another layer for a closer look at the streets of the cities, but that is quite time consuming. Anyway... Here is the link...

    Rosantis

    If you'd take a few minutes to check it out and then post your impressions along with any advice you might have, it'd be much appreciated Thanks!

    Edit: Also, if you were curious, the names are just a designation based on basic colors and then a geographical feature. They aren't ACTUALLY called Orange Island or the Blue Jungles, as entertaining as that might be
    Last edited by Larion; 02-12-2013 at 12:51 PM.

  2. #2
      Larb is offline
    Guild Artisan Larb's Avatar
    Join Date
    Aug 2008
    Posts
    922

    Default

    That is a pretty nice map and it is nice being able to "zoom in". I am wondering though why you built that functionality using a giant table instead of the imagemap function. It just seems more time consuming that way.

  3. #3
      Larion is offline
    Guild Apprentice Larion's Avatar
    Join Date
    Feb 2013
    Posts
    37
    Blog Entries
    3

    Default

    Quote Originally Posted by Larb View Post
    That is a pretty nice map and it is nice being able to "zoom in". I am wondering though why you built that functionality using a giant table instead of the imagemap function. It just seems more time consuming that way.
    Well, actually I'm not sure what the "imagemap function" is, haha. I'm still going to school for web and graphics design. So this is what I know how to do for now.

  4. #4
    Guild Novice PolarThebiBear's Avatar
    Join Date
    Feb 2013
    Location
    Minnesota, USA
    Posts
    6

    Default

    I know that working on an additional layer of "zooming" could be potentially time consuming, but if you stick through with it this could be a totally engrossing map! It would be great to see more detail!

  5. #5
      Larion is offline
    Guild Apprentice Larion's Avatar
    Join Date
    Feb 2013
    Posts
    37
    Blog Entries
    3

    Default

    Quote Originally Posted by PolarThebiBear View Post
    I know that working on an additional layer of "zooming" could be potentially time consuming, but if you stick through with it this could be a totally engrossing map! It would be great to see more detail!
    Well, if you'd like to see the one city map I've finished, here it is. I suppose it may not be quite finished, as I'm quite the perfectionist, but tell me what you think. For reference, this is the Red Plains city, located roughly in the middle of the map.

    Rosantis - Interactive Fantasy Map-red-city-rosantis.png

    So, this city scale map took me roughly 2 hours of solid work. It's fully layered, and was entirely experimental as I've never done anything this close up before. The farms were a bit tricky to make look natural, but I think I got it... mostly. I played around with the idea of drawing in boats, but decided against it. Another thing, is the scale of the map is 15 miles wide, but some things dont adhere to that scale. For example, the tents in the upper portions of the city (yes, those are tents ) are not to scale to the grey palace in the center of the city. So... I dunno, take it all with a metaphorical grain of salt or whatever. It's arguably still a work in progress.

  6. #6
      Veilheim is offline
    Guild Applicant
    Join Date
    Nov 2011
    Posts
    3

    Default

    So, I am absolutely not meaning to dis your work here... please understand that. I really think you need to spend some time looking carefully at your scale. It just doesn't make any sense to me. A couple of your cities are literally dozens of miles across. In your last map, your main dock is nearly 1/2 mile out into the water. I think artistically you've got a good thing going, and when I read the scale it lost me entirely. Personally, I would remove your scale marks entirely.

  7. #7
      Larion is offline
    Guild Apprentice Larion's Avatar
    Join Date
    Feb 2013
    Posts
    37
    Blog Entries
    3

    Default

    Quote Originally Posted by Veilheim View Post
    So, I am absolutely not meaning to dis your work here... please understand that. I really think you need to spend some time looking carefully at your scale. It just doesn't make any sense to me. A couple of your cities are literally dozens of miles across. In your last map, your main dock is nearly 1/2 mile out into the water. I think artistically you've got a good thing going, and when I read the scale it lost me entirely. Personally, I would remove your scale marks entirely.
    Yeah, I totally understand where you're coming from. And I'm aware of the discrepancy. I talked about it a small bit at the end of my last post. Lots of things kinda break the scale, really. Like rivers and bridges, and yeah the piers definitely. However... I'm very fond of the scales. I think they tie together a map. I will be doing some research into alternatives, or possibly just tweaking the scale to be smaller. Thanks for the input

  8. #8
      jfrazierjr is offline
    Community Leader jfrazierjr's Avatar
    Join Date
    Oct 2007
    Location
    Apex, NC USA
    Posts
    2,963

    Default

    Quote Originally Posted by Larion View Post
    Well, actually I'm not sure what the "imagemap function" is, haha. I'm still going to school for web and graphics design. So this is what I know how to do for now.
    ImageMap is an html way to subdivide an image on a webpage into one or more clickable sections. For example, you could have a picture of a clown and designate the small area around his red nose as a clickable link while the remainder of the image is not. No messy tables to deal with.
    My Finished Maps
    Works in Progress(or abandoned tests)
    My Tutorials:
    Explanation of Layer Masks in GIMP
    How to create ISO Mountains in GIMP/PS using the Smudge tool
    ----------------------------------------------------------
    Unless otherwise stated by me in the post, all work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.

  9. #9
      jfrazierjr is offline
    Community Leader jfrazierjr's Avatar
    Join Date
    Oct 2007
    Location
    Apex, NC USA
    Posts
    2,963

    Default

    Quote Originally Posted by Larion View Post
    Well, actually I'm not sure what the "imagemap function" is, haha. I'm still going to school for web and graphics design. So this is what I know how to do for now.
    ImageMap is an html way to subdivide an image on a webpage into one or more clickable sections. For example, you could have a picture of a clown and designate the small area around his red nose as a clickable link while the remainder of the image is not. No messy tables to deal with.
    My Finished Maps
    Works in Progress(or abandoned tests)
    My Tutorials:
    Explanation of Layer Masks in GIMP
    How to create ISO Mountains in GIMP/PS using the Smudge tool
    ----------------------------------------------------------
    Unless otherwise stated by me in the post, all work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.

  10. #10
      Larion is offline
    Guild Apprentice Larion's Avatar
    Join Date
    Feb 2013
    Posts
    37
    Blog Entries
    3

    Default

    Quote Originally Posted by jfrazierjr View Post
    ImageMap is an html way to subdivide an image on a webpage into one or more clickable sections. For example, you could have a picture of a clown and designate the small area around his red nose as a clickable link while the remainder of the image is not. No messy tables to deal with.
    Ah. What I was using was Photoshops 'slice tool'. It wasn't too hard, really. It had a few hiccups at first but I straightened them out easy enough. Then after I divided it into slices, I entered in the destination URL's into the fields, and exported them as Web pages. Then I just plopped the whole thing onto my website.
    Last edited by Larion; 02-13-2013 at 11:02 AM. Reason: Typos

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •