Dashed borders | Page 1 | The Gaian Graphic Designers Guild | Guild Forums

Gaia Guilds

The Gaian Graphic Designers Guild

Back to Guilds

Gaia's official Graphic Design Guild for all things profiles, logos, graphics and much much more!

Tags: Graphic, Design, Digital art, Photoshop, Profiles

The Gaian Graphic Designers Guild

Dashed borders

femininity

Offline

Posted: Sun Jan 30, 2005 6:58 am

I feel so guilty..this is my 4th asking-for-help thread...

but how do you make dashed borders?

Good-Tutorials doesnt have any *working* tutorials on it...

Posted: Sun Jan 30, 2005 7:03 am

Don't sweat it, this is what the guild is here for blaugh And I'm sure these threads are helping a lot of other people too.

There's a css property called 'border-style' to do things like that:

Quote:

table {border-style: dotted}
all four borders will be dotted

table {border-style: dotted dashed}
top and bottom border will be dotted, left an right border will be dashed

table {border-style: dotted dashed solid}
top border will be dotted, left and right border will be dashed, bottom border will be solid

table {border-style: dotted dashed solid double}
top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double

So I guess 'border-style: dashed;' is what you are looking for? Beware though - different browsers render these borders differently, and some not at all.

*EDIT* This info was found here, since I only vaguely remembered the css rule for it sweatdrop

Chisa
Vice Captain

Offline

femininity

Offline

Posted: Sun Jan 30, 2005 7:05 am

no~ dashed borders in photoshop. or even dashed lines. smile

Posted: Sun Jan 30, 2005 10:22 am

Stroke Style --> Select a dashed stroke style

EDIT: Maybe I was trippin but apparently photoshop can't do that. Maybe I am thinking of InDesign or something. Sorry bout that.

BlancoMorir

Offline

Hizzahn

Offline

Posted: Sun Jan 30, 2005 10:29 am

hmmm. I searched around a bit, thinking there had to be some clever way to make dashed lines but it looks like there are a couple tricky ways to do it.

My first idea is to make a single dash and define it as a pattern then apply that to a selection of where you want your line to go.

Second idea, check out this tutorial. It takes a square brush and scatters it in a horizontal direction.

The last way (my personal favorite) is to find a dashed line, screen capture it, and paste it in your document. But don't let anyone see you do it that way ninja

EDIT: I am assuming your version doesn't have the stroke style

Posted: Sun Jan 30, 2005 8:52 pm

The first one didnt work.
The second~ I dont get redface
The third...I havent tried xd

And I'm using Adobe Photoshop 7.0

femininity

Offline

[.Akira-San.]

Offline

Posted: Sun Jan 30, 2005 9:50 pm

I'd create a blank image the size of the one you want. Make it transparent. Then select the line tool and the size you want. Make a border around the outside of the blank area, then use a square eraser to make the dashed part. Be sure to hold shift to keep your erases straight though :3

Posted: Sun Jan 30, 2005 11:35 pm

It turned out as stripes... sweatdrop

femininity

Offline

Raine Dragon

Sparkling Dragon

18,890 Points

Offline

Posted: Mon Feb 14, 2005 12:38 pm

take the rectangle tool and draw a little solid black rectangle. copy and past it, the move it just a bit down.. now copy both of those and move them down, then copy all 4 and move them down.. that's how I usualy do it when I make small things like avatars, it's easy and you can determine exactly what size and shape they are. but there really ought to be a dotted line somewhere in the program... I've used the on in In Design, and photoshop usualy has the same stuff as illustator and in design...

I would look it up in my book.. but they lost it in the mail O.o *sigh* my proffessor will never believe that the people shipped my book and it got lost in the mail xp

I have class on Wednesday, so I'll try to figure it out for you then ^_-

Posted: Sat Feb 26, 2005 2:54 pm

Two ways I can think of, but I'm not sure if they work the same way on Photoshop (I use PSP).

1. Take a hard-edged, square rectangular brush the size you want each dash to be. Set the 'Step' to some rather high number -- The higher the number, the more space in between each dash. Then simply draw a straight line with that brush. (In PSP, you can hold down the shift key and click between two points for a straight line; I'm not sure if this works in PS).

2. Using the pen tool, draw a straight line. Right-click on it, then hit 'Properties'. Set the line/stroke style to dashed (not sure if it is the same in PS, but PSP has little images on a drop down list for each line style). You can also adjust width, color, and anti-alias settings here.

Kitsunehime

Offline

phoenixfireball

Offline

Posted: Sun Feb 27, 2005 7:26 am

Try this? http://www.kmaninc.net/forums/viewtopic.php?t=12

Found through google search.

The Gaian Graphic Designers Guild

Welcome to Gaia! ::

Gaia Guilds

The Gaian Graphic Designers Guild

Quick Reply

More Information