Ok, heres the map screen for The Darksiders. Those are all the locales the game will have. But something looks funny about the map, Im not sure what it is...
(http://img85.echo.cx/img85/4858/map8wt.png)
The text is really crisp and defined, while the terrain seems a bit blurry. I think you should either hand-draw the place names or sharpen up the other lines. Also, consider making them follow the curve of the fabric.
Good luck!
* Try decreasing opacity of both the fabric and map lines.
* Try remove the black outline from fabric and make it's edges torn a little, so pieces of string lie out a bit. You have seen torn cloth, right?
Em, something like this (very quick example, can be improved much)
(http://www.increator.pri.ee/i/critshelp/clothmap.png)
* Also, you could try to align text to fabric, using smudge tool, for example. But it would kill the detail a bit. Epecially the text "The land of the dead" could be raised and lowered as cloth does.
Well, I was tempted to align the text to the cloth, but it makes it really hard to read. Although I like the idea of strings of fabric and faded lines. I'm having to draw the whole map again though, but it should look better.
(http://img292.echo.cx/img292/5426/map19oc.png)
I dunno, its missing something important....
Hm, the first one looked much better. The second one's edges are too ... sharp ... or hard ... or something.
I agree with Nihilyst, the previous version was better. I've done a small edit in Paint Shop Pro and added some fur and leather effects, then played with colour channels:
(http://www.geocities.com/arcanusmysterii/ags/mapxxx.png)
I was editing only the cloth's outlook (without taking care of these captions), so it probably looks too dark and unclean. Anyway, hope it'll be even a bit useful. ;)
Overusing effects is my Job!!
I agree, something about the first one looks better, but I lost the file for it!
I've been staring at this for ages, and now it clicks! It's the edges .... that's what's wrong!
I'm not sure what about the edges is wrong ... I think they may be too straight ...
InCreator has the right idea though.
By Jove, you're right! They're just too... angular...
The map itself looks great, but I find the edges sort of unrealistic.
If you made it in flash (It looks like it), you can just right - click on the line and press smoothen. great work anyway
I made it using a vector program, so the Increase curves feature was used, I also tried to make the shading correspond with the edges more +changed the threads
(http://img27.echo.cx/img27/6162/map8yy.png)
The fabric strings are too thick.
There's not enough contrast between values, and some of the shadow placement just doesn't make sense.
It's also still quite angular...
Hope this helps in any way.
You can also try using the Displace filter found in many painting program (like photoshop, obviously... look here: http://biorust.com/index.php?page=tutorial_detailutid=133 ).
Also, I found this:
http://www.chaosgods.de/ps_tutorials/english/old_map.shtml
You can find a lot of good tutorials here: http://www.good-tutorials.com/ and http://www.tutorialman.com/ (and of course googleing ;))
1. Get a piece of old cloth
2. Draw a map on it
3. Scan it in and trace over it
if you don't have a scanner, do it by hand.
I liked the chaosgods tutorial that ilSilente posted enough that I did a version of this map in that style:
(http://home.comcast.net/~snarkibartfast/images/cloth_map.jpg)
I don't suppose it fits in with your style, but I think it's pretty cool. I found a way to make simple outlines "squiggly" that I'm quite pleased with.
There's a bunch of improvements I'd make if this, you know, had a point. I wanted to do an effect where the ink is faded in some places, but I forgot and now it's too much work. I somewhat overdid the distortion on the text. I wasn't able to make the shadows on the map itself distinct from the stains, and I have no idea how that would be done. Therefore the map looks more flat than I intended. The outline didn't come out the way I wanted, and the wood texture on the background looks a bit blurry.
I should also mention that I took the drawings of the fort and the forest from a fantasy map (http://www.dreamqueststory.com/images/map.jpg) I found online, that the compass and other faint drawings on the map are from Vered's brushes (http://veredgf.fredfarm.com/vbrush/main.html) that were linked to in that tutorial, andÃ, that the map edge is actually modified from a picture (http://en.wikipedia.org/wiki/Image:Cloth2.jpg) of one of the Dead Sea scrolls. (Unfortunately, the individual fraying threads don't show up too well after the process I used.) The texture of the fabric and the wood background are also stock images. All pictures were located with Google Image search.
Edit: Also, I wasn't sure what those spiky ring things were. Maybe some kind of satellite dish towers?Ã, ???
I based my version off your first map. I see you made some changes in the later versions.
Hi Snarky! Would you make a tutorials if you have time of that map you made?
he made it FOLLOWING a tutorial that is LINKED. Gash!
That tutorials was too hard to mee, i tought that maybe he can make more simplified version. :-\
How is it hard?
It gives you a series of commands to follow mindlessly....
S'like making a cake.
Quote from: Pod on Tue 05/07/2005 00:05:31
he made it FOLLOWING a tutorial that is LINKED. Gash!
True, though I didn't follow the tutorial slavishly.
What I'll gladly do is explain how I did the squiggly coastlines, since that's an original technique (albeit based on the fraying edges example in the tutorial). Here's a step-by-step animation/demonstration:
(http://home.comcast.net/~snarkibartfast/images/maptut.gif)
- Draw a simple outline of your map
- Fill in the land with black, the sea with white
- Filter>Brush Strokes>Spatter... (Spray Radius 21, Smoothness 6)
- Make 2 copies of the layer
- On the first copy: Filter>Artistic>Smudge Stick... (Stroke Length 2, Intensity 10)
- On the second copy: Edit>Transform>Flip Horizontal, then smudge stick (Ctrl-F), then flip back
- Invert both copies (Ctrl-I)
- Set the layer mode of the topmost copy to Multiply
- Merge the two layers (have the topmost layer selected, Ctrl-E)
- Invert back (Ctrl-I)
- Filter>Stylize>Find Edges
- Play with the levels (Ctrl-L) to get rid of the noise on land (actually, if you put it on a textured background, that noise makes for good shading)
- Run a slight (0.5) Gaussian blur followed by levels (Ctrl-L) to soften and clean up the outlines
- All done! Follow this tutorial (http://www.chaosgods.de/ps_tutorials/english/old_map.shtml) to do the rest of the map.
Quote from: Timmo on Tue 05/07/2005 01:23:21
That tutorials was too hard to mee, i tought that maybe he can make more simplified version. :-\
It's not that complicated, once you see what's going on. In order to get the map effect, you have to do a few things:
- Make a kind of shadow around your lines, which we do by copying the layer and blurring it.
- Make the background texture. In the tut they did some stuff with rendering clouds and the sandstone pattern. I simply used a photo of a piece of fabric. The shadows in the photo also gave me a distortion map for later use.
- Add dirt, stains and other shit to make the map look old and worn. In the tut they used some grunge brushes. I also made some stains by rendering clouds, blurring them and playing with the levels.
- Make it the right color. In addition to the Hue/Saturation layer used in the tut, I added a Color Balance layer in order to get more control over the hues for different values.
- I added a distortion (from the other tutorial posted) at this point to make the map look less flat. But the result (as you can see) wasn't overwhelming.
- Make the edge of the map frayed. The tut explains one way, but I'm not really happy with the result. I added some tweaks (similar method as for the coastlines), which looks great for paper but not so good for cloth.
- Burn the map around the edges. The tutorial overdoes this quite a bit. I used a lower setting with (I think) better results).
I also added a thin edge around the map, a background and a drop shadow (distorted to give a 3D feel, again).
(http://www.2dadventure.com/ags/mapx.gif)
and here's a quicker way to do it:
---------
1. draw outlines and fill them
2. filter>brush strokes>spatter
... any values you like
3. filter>noise>median
... play around a bit
4. skip this one if you like. looks good anyway.
filter>brush strokes>spatter
... just adding some small jiggles to it
5. filter>stylize>trace contour
... any value could work. i used "upper" at level 255
---------
Quote from: Snarky on Mon 04/07/2005 21:47:12
(http://home.comcast.net/~snarkibartfast/images/cloth_map.jpg)
Excuse my french, Holy shit, that is awesome, and it is such a shame that it doesn't fit with the cartoony style. But kudos to you anyway.
One question, where did you get that LOTR style font.
The funny little symbols are markers to indicate areas of wierd scaryness and the like.
Unfortunately I dont have a scanner, though hopefully I'll get one, it would make working on the DS so much easier. Oh, and a graphics tablet too.
And everyone else, thanks for the help and tutorials. I'll try em out and post back here.
Later.