Reply With Quoteand again I thank you...
Building brushes and other stuff
Here are the brushes I've made so far that I have used in some of my maps. In Photoshop you can play around with the brush dynamics to spin em around or scatter em and all that kind of stuff, so I'll leave that up to you to play around with. There are a few that are brush style and not pencil style (in that they have transparency so underlying layers show through). These are the tents and a couple of trees, to make em solid, merge them onto a solid white layer then crop out the white, then apply layer styles n whatnot. Of course this is not an end all be all set but something to get you started thinking and imagining.
Last edited by Ascension; 08-01-2008 at 01:42 AM.
and again I thank you...
My Finished Maps | My Challenge Maps | Still poking around occasionally...
Unless otherwise stated by me in the post, all work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.
Crappiola, my pc spontaneously rebooted today while I was at work...power must have gone out. Since I had PS open and was working on a town map (I let it sit idle until I come home) I lost all of my brushes...and I had some really cool ones too. Sigh. Well, good thing I had this posted here
Trees
1. make a new 100 x 100 image
2. grab the pencil, set the tip to the 100 hard round tip
3. make a dot on a new layer in the very middle
4. filter - brush strokes - spatter = set the sliders to your liking (I went with 12 and 6)
5. edit - define brush preset
6. on your map, open the brush editor and play with the spacing, scatter, roundness jitter, and size jitter
7. if your trees are too pointy on the edges then filter - noise -median and play with that to get something that you like
8. add other filters (I like filter - distort - glass the most) or layer styles to your heart's content
Houses on a path:
1. new image 100 x 50 (it's very important to be 100 wide because of the way that path-stroking works...if you want to experiment with this you will see what I mean but know that the bottom of the image that we use to define a brush will become the part that faces the outside of the line that we stroke, like in a circle, and the top of the image will face the inside of the line)
2. fill with black
3. edit - define brush preset
4. on your map open the brush editor and set the spacing to 300, set the size jitter to 50%, set the angle jitter to 2%, set the control for angle jitter to "direction"
5. make some paths (I magic-wanded the spaces between my roads and then on the path tab click on "make work path from selection")
6. stroke the path with the brush
7. this gives us a bunch of rectilinear shapes that follows our roads (due to the angle control of direction) and looks slightly slapdash (due to the angle jitter of 2%)
8. you can now layer style these things up
Optional steps for thatching:
9. new image 50 x 1
10. fill with black
11. edit - define brush preset
12. on your map open the brush editor window and set the spacing to 200%, set the angle jitter to 2%, set the control for angle jitter to "direction", click the box for "wet edges", and add a dual brush of this same brush...you can also play with size jitter and roundness jitter for something more varied and random
13. ctrl+click on the houses layer in the layer stack
14. on the path tab click on "make work path from selection"
15. stroke the path with this new brush 5 times (this can take some time so zoom in to 1600% to save time)
16. on the path tab click on "load path as a selection"
17. click on the layer tab
18. select - inverse
19. hit the delete key and then deselect
20. you now have thatched roofs so add some color to make it looks brown or whatever
Chimneys
21. new image 6 x 4
22. fill with black
23. edit - define brush preset
24. on your map open the brush editor and set the spacing to 800%, set the control for angle jitter to "direction" but leave the angle jitter at 0%
25. ctrl+click on the house layer
26. on the path tab click on "make work path from selection"
27. stroke the path with this brush
28. our houses now have a few chimneys on them, the bigger the house = the longer the path = more chimneys
29. grab the eraser tool, set it to pencil mode and erase the chimneys that you don't want
30. add a gray color overlay and a black inner glow set to center (set the choke at 100%) and a stroke if you like
Caveat
31. the process that I have outlined here is only good on a small scale (like 1 pixel = 6 inches or 1 foot) so if you want bigger houses then you will need to make the other brushes (thatching and chimneys) bigger as well...if you just simply up the scaling on the brush there will artifacts like rounded corners, improper spacing, etc. but for thatching huts and shacks rounded corners look good
At any rate, I have posted an image of what these new brushes look like in action (according to my style but don't let that discourage you though
If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
-J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)
My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps
Hahah, while I was looking at that, I was trying to use the sliders in the screenshot to see more
Seriously though, I like the path stroke idea. All this time working on photoshop and I'm only now getting involved in paths. Looking back at some of the town maps I'm starting to see how it could be done quicker, here I was thinking each building was placed individually
My finished maps
"...sometimes the most efficient way to make something look drawn by hand is to simply draw it by hand..."
About time someone posted something on making city mapping in photoshop easier... *bonk* enjoy your rep...Originally Posted by Ascension
Crappiola, my pc spontaneously rebooted today while I was at work...power must have gone out. Since I had PS open and was working on a town map (I let it sit idle until I come home) I lost all of my brushes...and I had some really cool ones too. Sigh. Well, good thing I had this posted here
Trees
1. make a new 100 x 100 image
2. grab the pencil, set the tip to the 100 hard round tip
3. make a dot on a new layer in the very middle
4. filter - brush strokes - spatter = set the sliders to your liking (I went with 12 and 6)
5. edit - define brush preset
6. on your map, open the brush editor and play with the spacing, scatter, roundness jitter, and size jitter
7. if your trees are too pointy on the edges then filter - noise -median and play with that to get something that you like
8. add other filters (I like filter - distort - glass the most) or layer styles to your heart's content
Houses on a path:
1. new image 100 x 50 (it's very important to be 100 wide because of the way that path-stroking works...if you want to experiment with this you will see what I mean but know that the bottom of the image that we use to define a brush will become the part that faces the outside of the line that we stroke, like in a circle, and the top of the image will face the inside of the line)
2. fill with black
3. edit - define brush preset
4. on your map open the brush editor and set the spacing to 300, set the size jitter to 50%, set the angle jitter to 2%, set the control for angle jitter to "direction"
5. make some paths (I magic-wanded the spaces between my roads and then on the path tab click on "make work path from selection")
6. stroke the path with the brush
7. this gives us a bunch of rectilinear shapes that follows our roads (due to the angle control of direction) and looks slightly slapdash (due to the angle jitter of 2%)
8. you can now layer style these things up
Optional steps for thatching:
9. new image 50 x 1
10. fill with black
11. edit - define brush preset
12. on your map open the brush editor window and set the spacing to 200%, set the angle jitter to 2%, set the control for angle jitter to "direction", click the box for "wet edges", and add a dual brush of this same brush...you can also play with size jitter and roundness jitter for something more varied and random
13. ctrl+click on the houses layer in the layer stack
14. on the path tab click on "make work path from selection"
15. stroke the path with this new brush 5 times (this can take some time so zoom in to 1600% to save time)
16. on the path tab click on "load path as a selection"
17. click on the layer tab
18. select - inverse
19. hit the delete key and then deselect
20. you now have thatched roofs so add some color to make it looks brown or whatever
Chimneys
21. new image 6 x 4
22. fill with black
23. edit - define brush preset
24. on your map open the brush editor and set the spacing to 800%, set the control for angle jitter to "direction" but leave the angle jitter at 0%
25. ctrl+click on the house layer
26. on the path tab click on "make work path from selection"
27. stroke the path with this brush
28. our houses now have a few chimneys on them, the bigger the house = the longer the path = more chimneys
29. grab the eraser tool, set it to pencil mode and erase the chimneys that you don't want
30. add a gray color overlay and a black inner glow set to center (set the choke at 100%) and a stroke if you like
Caveat
31. the process that I have outlined here is only good on a small scale (like 1 pixel = 6 inches or 1 foot) so if you want bigger houses then you will need to make the other brushes (thatching and chimneys) bigger as well...if you just simply up the scaling on the brush there will artifacts like rounded corners, improper spacing, etc. but for thatching huts and shacks rounded corners look good
At any rate, I have posted an image of what these new brushes look like in action (according to my style but don't let that discourage you though
My Map Portfolio
-----
Unless otherwise stated, all my work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.
That map looks pretty interesting Ascension... are you going to post it?
Check out my City Designer 3 tutorials. See my fantasy (city) maps in this thread.
Gandwarf has fallen into shadow...
Neat stuff... though I think the shadows for the trees on your example are just a bit overstated.
My Finished Maps | My Challenge Maps | Still poking around occasionally...
Unless otherwise stated by me in the post, all work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.
It'll be part of a city tutorial...yep you heard that right. It's monstrous though. It took two weeks to write, off and on due to burning out frequently, and now I'm going back through and following it to see if it works. It's terribly hard, long, and complex so I'm trying to make things simpler and this will probably take another two weeks.
If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
-J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)
My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps
I'd be willing to beta test it if you want feedback on what seems complicated and not
My finished maps
"...sometimes the most efficient way to make something look drawn by hand is to simply draw it by hand..."
Once I get some pics into it I'll let ya have a crack at it. That's sort of what I'm doing right now...following along, creating it according to the steps that I wrote, and then screenshotting it. It's currently 22 pages, 150 formal steps (cuz I put many things in to each step) without pics. Putting in screenshots will probably triple the page count. When ready to publish, I'll cut it into manageable sections.
This whole thing was the brain child of Dungeon Raiders (member here) who I am doing some pro-bono maps for (antique-style continent map and a village) and he also wanted a village-building tut so that he could do future villages on his own and replicate the style.
PS - the pic from the post above is from the tut and not his map.
If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
-J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)
My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps
Posting Permissions
