View Full Version : Mosaic tile styled map

02-10-2008, 10:55 PM
Hello, friends:

Here's my latest Photoshop test run: an emulation of a mosaic map affixed to the wall of some ancient ruin. Although my composition is fairly weak here, I do see a lot of potential for this style, far beyond this quick test drive.

Take care,

02-11-2008, 01:36 AM
I like it a lot. How did you do it?

02-11-2008, 02:54 AM
This is absolutely brilliant. You simply must let us in on your secret. I would make one of these in a heartbeat.

02-11-2008, 05:40 AM
You did that with a filter???

We demand a tutorial!! It's absolutely beautiful! I would love to use something like that as a texture for a 3d model!


02-11-2008, 01:04 PM
You did that with a filter???

No, actually I did it with no filter at all: this is using 1) a custom brush, 2) stroking work paths, and 3) layer styles. Some of the fancy-shmancy finishing touches were created by doubling up end-layers (such as a Multiply layer for depth and a light rendered layer for the upper-left lighting).

We demand a tutorial!!

Hahaha--no problem, I can whip that up. I'll post in in the coming days/week.

Neon, Jharviss, everyone: I'm glad it's inspired you!

02-11-2008, 02:00 PM
That is fantastic. I'm soooo looking forward to the tut.

02-11-2008, 02:20 PM
This is a really nice effect. I'm looking forward to a tut...

02-11-2008, 06:09 PM
Ok I think I just have to dish some rep for this. I reserve the right to withdraw it if its proven that this is actually real and Don just touched up one pixel... :P

02-11-2008, 10:18 PM
Hahahaha, no (*Don sweeps extra tiles and grout under a rug*), no, it's all Photoshop, really, it is, honestly. (*Don stands on the rug an whistles "innocently") Nothing to see here, move along...


02-12-2008, 11:00 PM
Well... Something very similar to that was going to be my surprise city project for the summer. So I'll also be watching your tutorial very closely!

02-13-2008, 09:56 AM
Oh poo, Bryan--sorry if I accidentally stole your thunder :(

Make sure to chime in if you see I take 20 steps to do a one-step process, ok? I make most of my method up from my madness, so it's like the blind leading the blind, and about 20 other cliches, too... ;)

Oh, and post your version anyway, ok??? I really want to see it!

02-13-2008, 06:52 PM
Heh. Well, I'll admit that I was a bit disappointed when I first saw it, but I suspect that by the time I actually get around to posting a map nobody will remember this thread, anyway! I've got too many irons in the fire, too much on my plate, and I've been burning the candle at both ends.

I'm sure I could throw another log on the bonfire, but that's quite enough cliches for today.

02-14-2008, 08:54 PM
My first thoughts on this map were "How in the NINE HELLS?!"
And my secondaries were considerations about whether I'd be able to replicate the effect and how to incorporate them into my planned campaign so I'd have something awesome to show.

02-14-2008, 11:17 PM
My first thoughts on this map were "How in the NINE HELLS?!"

I actually have only visited the first eight hells. ;)

And my secondaries were considerations about whether I'd be able to replicate the effect and how to incorporate them into my planned campaign so I'd have something awesome to show.

Thanks for that compliment, my friend! You can most definitely replicate this--it's actually a lot of flash, not much content. Seriously. One or two Photoshop tricks used over and over again. Check out the tutorial I'm writing on it in this thread (http://www.cartographersguild.com/showthread.php?t=1482). And make sure to post YOUR awesome map!! :)

PS: Hey, Midgardsormr: can one EVER have too many cliches? The more the merrier!

02-15-2008, 05:17 AM
This technique would make such a lovely floor tile model for Call of Cthulhu....

02-15-2008, 03:27 PM
(Arg. Originally posted this to the wrong thread.)

Extremely cool. I recently needed a similar mosaic style in one of my maps. My results weren't anywhere near as realistic looking, but was a lot less work (but more money). It didn't turn out that badly (http://rpg.divnull.com/exalted/images/first-age-map.png), but not as sweet as your technique. I used the Xenofex (http://www.alienskin.com/xx2/) mosaic filter, with a lot of tweaking of the underlying image (pre-filter) to get the filter to do what I wanted.

I do wonder if your technique might be easier to accomplish in Illustrator instead of Photoshop.

02-15-2008, 03:31 PM
Wordman: PS actually has a built-in mosaic filter, of course, but much as your map the results are very "canned"--meaning extremely lovely in complexity, but lacking human elements and verisimilitude. (You map, by the way is very, very interesting--I absolutely love the tiling of the oceans and have already made up my mind to steal that from you. Yoink!)

I have Illustrator, but have never even opened it, so I cannot say if this technique would be easier there. I imagine you are right, since up until the final steps it really is a vector map. If anyone else knows the program, I would love to see them create tiles like I would have had before adding the layer styles, etc., so this could be imported into PS for rendering, etc.

02-17-2008, 01:56 AM
Although I know PS fairly well, I don't have access to it currently. So I tried out your tutorial in gimp and wow... it is a totally different program and so far, looks very gimped.

I sorta figured out how to make the box-like airbrush shape, but I don't see any options to make it jitter in transparency or have the directional brushing (so that it looks more like a snake and not like a bunch of boxy stamps sprayed on a page). If any gimp pros could show me the light, I'd be very appreciative.

If there is any other way to make this mosaic type map, I will do just about anything! It's just too awesome to pass up!

(you can move this to your tut thread if you feel like it)

02-17-2008, 12:56 PM
I wonder if RobA or another of our Master Gimpophiles could give soem suggestions on Gimpinizing it--I'm sorry to say I know nothing about it. I would love to see those results too; as you can see form my PS tutorial, it's nothing all that amazingly complex, so I assume you could do it in that program.

02-18-2008, 01:12 PM
Unfortunately the existing GIMP brush engine is quite limited when compared to Photoshop's. The only jitter options are for location (not size, rotation, or opacity). The latest GIMP supports dynamic brush sizing and selecting colour from a palette, however, so these should all help...

Because I like the technique and want to replicate it in GIMP I am playing with some work-arounds, including the use of a script I posted about previously for creating "rotating" brush pipes for GIMP. Put simply, I plan to make a custom brush for drawing tiles, by manually creating the various jitters. Hopefully I can get a brush up in a few days.

-Rob A>