This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Adobe Illustrator > August 2006 > create road tracing





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author create road tracing
Bob Bedford

2006-07-13, 6:18 pm

Hello there.

I've used then line and curve tool to create a circuit (it's for a flash
racing game).

Since it's a unique route, how can I create an unique line ? for now I've
many curves and lines (with line width = 20) and sometimes the link aren't
done very well between the lines and the curves, so having all those line
merged will create an unique line.

Also it is possible to save the path to then apply the lines ? like in this
picture:
http://www.duralignes.com/Route%20S...%202jpg0001.jpg

(I'd like to have a discontinued line in the middle and a complete line on
each side of the road, like this shape:

__________________________(left border, continue line)

- - - - - - - - - - - - - - - (middle line, disconinue line)

__________________________(right border, continue line)

It is possible with Illustrator ? or maybe with photoshop ?

Thanks for help.

Bob



Doug Winger

2006-07-13, 6:18 pm

In article <44b5ffff$0$12615$5402220f@news.sunrise.ch>,
"Bob Bedford" <bob@bedford.com> wrote:

> http://www.duralignes.com/Route%20S...%202jpg0001.jpg


Old School: stack the lines. e.g., from bottom to top: Border of roadway
dark grey, 24 pt., outer guide line(s), white solid 22 pt., main road
line, dark grey 20 pt. then a dashed (or not) white center line of one
pt. Use whatever stroke width yields the results you're after. Just
dupe the first lower line for each of the others. I suggest laying out
the "road" and then creating the other paths by duping the layer to keep
things easy to edit. Consolidate in proper order to a single layer when
done.

New School uses the same method, but then outlines the path(s) as
necessary, producing discrete objects and allowing for pathfinder,
perspective distort and the like.


- Doug
Bob Bedford

2006-07-13, 6:18 pm

>> http://www.duralignes.com/Route%20S...%202jpg0001.jpg
>
> Old School: stack the lines. e.g., from bottom to top: Border of roadway
> dark grey, 24 pt., outer guide line(s), white solid 22 pt., main road
> line, dark grey 20 pt. then a dashed (or not) white center line of one
> pt. Use whatever stroke width yields the results you're after. Just
> dupe the first lower line for each of the others. I suggest laying out
> the "road" and then creating the other paths by duping the layer to keep
> things easy to edit. Consolidate in proper order to a single layer when
> done.
>
> New School uses the same method, but then outlines the path(s) as
> necessary, producing discrete objects and allowing for pathfinder,
> perspective distort and the like.


Hi Doug, thanks for replying,
unfortunately, as I'm a newbie, I've understood nothing....also english
isn't my mother tough and I've tried to understand looking at the menus but
couldn't find the menu "stack".
For now, I've created the path using lines and curves, but they are still
different parts. Then what to do ?
Every piece (curve or line) has nothing in Fill, stroke is black around and
white inside, 90pt, brush is empty and the other stuff I haven't changed.
Should I start from an empty file and then create my roadway again ? How,
wich tool should I use to get the "border" (path doesn't seem to have one).

Sorry, but I really start with Ill, as I only need to get a roadway for a
little game. Thanks. Bob




Bob Bedford

2006-07-13, 6:18 pm

Look at this image.
http://en.realore.com/upload/iblock...a4b92b6a2f2.jpg

It's a game like that I'm creating.

Bob



inez

2006-07-13, 6:18 pm

On 7/13/06 4:51 AM, Doug Winger commented:

> In article <44b5ffff$0$12615$5402220f@news.sunrise.ch>,
> "Bob Bedford" <bob@bedford.com> wrote:
>
>
> Old School: stack the lines. e.g., from bottom to top: Border of roadway
> dark grey, 24 pt., outer guide line(s), white solid 22 pt., main road
> line, dark grey 20 pt. then a dashed (or not) white center line of one
> pt. Use whatever stroke width yields the results you're after. Just
> dupe the first lower line for each of the others. I suggest laying out
> the "road" and then creating the other paths by duping the layer to keep
> things easy to edit. Consolidate in proper order to a single layer when
> done.
>
> New School uses the same method, but then outlines the path(s) as
> necessary, producing discrete objects and allowing for pathfinder,
> perspective distort and the like.
>
>
> - Doug


Or create a brush out of path objects instead of strokes.

Or use the Appearance palette to Add Stroke(s): make an 18pt black line with
no fill, add 16pt gray, add 2pt dashed amber.

(In old Illy 9.0.2 it seems best to use the dashed border brush instead of
the regular dashed stroke and edit its values, since it can be later
expanded to outlines. In 9 the regular dashed stroke converts to a solid
stroke when outlined; don't know about newer versions.)

inez

Doug Winger

2006-08-02, 10:24 am

In article <44b659ea$0$12618$5402220f@news.sunrise.ch>,
"Bob Bedford" <bob@bedford.com> wrote:


> Hi Doug, thanks for replying,
> unfortunately, as I'm a newbie, I've understood nothing....also english
> isn't my mother tough and I've tried to understand looking at the menus but
> couldn't find the menu "stack".
> For now, I've created the path using lines and curves, but they are still
> different parts. Then what to do ?
> Every piece (curve or line) has nothing in Fill, stroke is black around and
> white inside, 90pt, brush is empty and the other stuff I haven't changed.
> Should I start from an empty file and then create my roadway again ? How,
> wich tool should I use to get the "border" (path doesn't seem to have one).
>
> Sorry, but I really start with Ill, as I only need to get a roadway for a
> little game. Thanks. Bob



This should get you started. There's other methods in Illustrator, as
inez wrote, but this one should get the basic principle across.

1. Draw a path. Stroke it 22 points thick, black stroke.

2. Copy the path. Paste in Front. Change the thickness to 20 points,
white stroke.

3. Paste in front again. Change thickness to 18 points, black stroke.

4. Paste in front yet again. Change to 1 point thickness, white dashed
stroke.

You should have a simple two lane "road" with striped centerline and
borders and understand the basic method. As I wrote in the previous
post, it might be easier to use layers instead of Paste In Front;
duplicating the first layer, setting the stroke(s) on the new layer and
arranging their order properly. That also allows you to maintain the
proper interleaved layering of the differing strokes if you use multiple
paths for your roadways.

By using the Outline Stroke in the Objects->paths menu, you can turn
select stroked paths into discrete objects that may be distorted to
represent perspective.


- Doug
inez

2006-08-02, 10:24 am

On 7/14/06 2:18 AM, Doug Winger commented:

> By using the Outline Stroke in the Objects->paths menu, you can turn
> select stroked paths into discrete objects that may be distorted to
> represent perspective.


Doug, do newer versions of Illy allow you to outline dashed strokes that
have been applied through the stroke palette?

inez

Doug Winger

2006-08-02, 10:24 am

In article <C0DD0D6D.52E83%inezhsmith@earthlink.net>,
inez <inezhsmith@earthlink.net> wrote:

> Doug, do newer versions of Illy allow you to outline dashed strokes that
> have been applied through the stroke palette?


Not as far as I know, though that's only up to version 10. I use the
later CS versions, but never checked on whether they have that
functionality. I personally own only 10 and lower (and use 8.0 the
most), so my using the CS versions depend upon what they run at where
I'm working, if it's in-house.

The few times I've had to deal with outlining dashed line paths, I just
added (a lot of) points using Add Anchor Points to fit the need, then
deleted the unwanted path sections before outlining- or adding some more
anchors on the subsections. Tedious, as you can imagine, so it only gets
done when there's an absolute need to do it.


- Doug
Doug Winger

2006-08-02, 10:24 am

In article <C0DD0D6D.52E83%inezhsmith@earthlink.net>,
inez <inezhsmith@earthlink.net> wrote:

> Doug, do newer versions of Illy allow you to outline dashed strokes that
> have been applied through the stroke palette?


This is what I get from being too Old School and not asking around. :)

Select a dashed stroked path, no fill. Set transparency to 99% (version
10 and up: I tested, and this doesn't work with earlier versions plug-in
based transparency). Flatten transparency, all vector. Tah-Dah! Dashes
are now all individual outlined elements (and the method a brand new
action in my Illustrator 10).

Tip brought to you by someone I know that uses CS-2 and my remembering
the tedious pain of doing it by hand and not wanting to go through it
again.


- Doug
jbl

2006-08-02, 10:24 am

On Sat, 15 Jul 2006 05:28:46 GMT, Doug Winger <justdoug@socal.rr.com>
wrote:

>In article <C0DD0D6D.52E83%inezhsmith@earthlink.net>,
> inez <inezhsmith@earthlink.net> wrote:
>
>
>Not as far as I know, though that's only up to version 10. I use the
>later CS versions, but never checked on whether they have that
>functionality. I personally own only 10 and lower (and use 8.0 the
>most), so my using the CS versions depend upon what they run at where
>I'm working, if it's in-house.
>
>The few times I've had to deal with outlining dashed line paths, I just
>added (a lot of) points using Add Anchor Points to fit the need, then
>deleted the unwanted path sections before outlining- or adding some more
>anchors on the subsections. Tedious, as you can imagine, so it only gets
>done when there's an absolute need to do it.
>
>
>- Doug


No to outlining dashed strokes with CS2. It just removes the dashes
and reverts back to a simple stroked path.

I have the hatchet plugin and it or the scissors tool will do it but
it is also tedious.

jbl
PiT

2006-08-02, 10:24 am

hi bob,

ever tried working with appearence palette?

here an example:
choose one of your paths > go to the appearence palette (open with shift+f6)
> add via palette's context menu (small black triangle upper right on

palette) two more strokes > give the upper stroke a width of 3pt dashed in
black, the middle stroke 15pt in white undashed, the lower stroke 18pt in
black undashed, the fill stays unfilled > now your path should look like a
piece of street.

to save it drag'n'drop the icon on upper left of the appearance palette to
your styles palette.

if you're grouping two crossing lines and applying this style to the group
they will join perfect together

--

PiT

(sorry for my bad english)


PiT

2006-08-02, 10:24 am

or look at this:

http://www.carijansen.com/tips/002/index.php

--

PiT



inez

2006-08-02, 10:24 am

On 7/15/06 5:20 AM, jbl commented:

> On Sat, 15 Jul 2006 05:28:46 GMT, Doug Winger <justdoug@socal.rr.com>
> wrote:
>
>
> No to outlining dashed strokes with CS2. It just removes the dashes
> and reverts back to a simple stroked path.
>
> I have the hatchet plugin and it or the scissors tool will do it but
> it is also tedious.
>
> jbl



A shame. I'm still using 9.0.2, so I opt to use the dashed brush instead and
playing with the settings. Atleast those are expandable for outlines. I need
to get more adept at creating brushes:\

inez

steggy

2006-08-02, 10:24 am

Doug Winger wrote:
> In article <C0DD0D6D.52E83%inezhsmith@earthlink.net>,
> inez <inezhsmith@earthlink.net> wrote:
>
>
>
>
> Not as far as I know, though that's only up to version 10. I use the
> later CS versions, but never checked on whether they have that
> functionality. I personally own only 10 and lower (and use 8.0 the
> most), so my using the CS versions depend upon what they run at where
> I'm working, if it's in-house.
>
> The few times I've had to deal with outlining dashed line paths, I just
> added (a lot of) points using Add Anchor Points to fit the need, then
> deleted the unwanted path sections before outlining- or adding some more
> anchors on the subsections. Tedious, as you can imagine, so it only gets
> done when there's an absolute need to do it.
>
>
> - Doug



The solution might be to play with transparancy, flattening and compound
path functions.

Look:
http://www.creativecow.net/articles...rcle/index.html


This easy "workaround" always worked for me in version 10, I assume the
same goes for CS, haven't tried it yet. The only thing I do not grab is
what the 99% transparancy really does here.........


steg (back)
steggy

2006-08-02, 10:24 am

Doug Winger wrote:
> In article <C0DD0D6D.52E83%inezhsmith@earthlink.net>,
> inez <inezhsmith@earthlink.net> wrote:
>
>
>
>
> This is what I get from being too Old School and not asking around. :)
>
> Select a dashed stroked path, no fill. Set transparency to 99% (version
> 10 and up: I tested, and this doesn't work with earlier versions plug-in
> based transparency). Flatten transparency, all vector. Tah-Dah! Dashes
> are now all individual outlined elements (and the method a brand new
> action in my Illustrator 10).
>
> Tip brought to you by someone I know that uses CS-2 and my remembering
> the tedious pain of doing it by hand and not wanting to go through it
> again.
>
>
> - Doug



Oops sorry Doug missed this one!

steg
inez

2006-08-02, 10:24 am

On 7/16/06 6:31 AM, steggy commented:

> Doug Winger wrote:
>
>
> Oops sorry Doug missed this one!
>
> steg



Ah, and it works in 9.0.2 as well!

(hiya, steg;)

inez

steggy

2006-08-02, 10:24 am

inez wrote:
> On 7/16/06 6:31 AM, steggy commented:
>
>
>
>
>
> Ah, and it works in 9.0.2 as well!
>
> (hiya, steg;)
>
> inez
>


Hidiho gal, was away for a while, some nice things (work and the rest of
the move and a small vacation), some not so nice things. But as said:
back again and gonna retry the postal office soon.

Its the middle of the night so I may be off topic.
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews