U.S. CitiesCity-Data Forum Index
Go Back   City-Data Forum > General Forums > Science and Technology > Computers
 [Register]
Please register to participate in our discussions with 2 million other members - it's free and quick! Some forums can only be seen by registered members. After you create your account, you'll be able to customize options and access all our 15,000 new posts/day with fewer ads.
View detailed profile (Advanced) or search
site with Google Custom Search

Search Forums  (Advanced)
 
Old 05-18-2013, 03:54 AM
 
Location: Washingtonville
2,505 posts, read 2,034,977 times
Reputation: 441

Advertisements

I have tried every tutorial I can find, I am trying to give an image a boarder that looks like a cut out here type look. No tutorial is working.

I am using Photoshop CS5. There has to be an easier way to do this. Are there any type of boarder added on I can use?

I've tried creating my own brush with 250 spacing and then trying to stoke the path, it wont let me stroke the path.

Any tips?
Reply With Quote Quick reply to this message

 
Old 05-18-2013, 04:21 AM
 
40,284 posts, read 41,836,137 times
Reputation: 16792
Can't help you with PS becsue I don;t use it but if you're using on a web page you can do it with CSS without altering the image.

Matter of fact if you don't find a solution you can do it with CSS and take screenshot, that assumes the image is smaller than your screen. Open notepad and copy this to it, you'll need to change the filename to the filename of your image:
Quote:
<img src="your_image.jpg" style="border: 1px dotted #000000;" />
You can change these values:
1px = the width of border
#000000 = Any hex value for the color of the border

I Haven't tested and the code above is not full HTML document, if it doesn't work let me know.

Save this file from notepad as test.html to a folder, copy your image to the same folder. Open itwith your web browser by double clicking it. Hit prtscrn button on your keyboard. open a new image in PS and paste. You'll have to crop out what you don't want from there.
Reply With Quote Quick reply to this message
 
Old 05-21-2013, 01:02 AM
 
3,345 posts, read 4,611,454 times
Reputation: 5231
Can you post a shot of the type of border you are wanting to make? it's not quite clear.

"a boarder that looks like a cut out here type look" is hard to imagine. Do you mean type fonts cut up like a ransom message?
Reply With Quote Quick reply to this message
 
Old 05-21-2013, 08:38 AM
 
40,284 posts, read 41,836,137 times
Reputation: 16792
Quote:
Originally Posted by Kayekaye View Post
Can you post a shot of the type of border you are wanting to make? it's not quite clear.

"a boarder that looks like a cut out here type look" is hard to imagine. Do you mean type fonts cut up like a ransom message?
I believe they are referring to something that looks like a coupon with a dashed border.
Reply With Quote Quick reply to this message
 
Old 05-21-2013, 09:49 AM
 
1,009 posts, read 1,562,468 times
Reputation: 846
CS6 has this functionality with the pen tool, in CS5 you'll have to do it manually.

I would just make a solid line and then make a new "delete" layer on top of the solid line layer. Add boxes on top of the line that is the same color as the background to "delete" the parts of the line...... hard to explain in a post but kind of like this:

|
[]
|
[]
|
[]


the [] would all be on one layer, which would go on top of the solid line.

It's a manual process, yes, but it will work in a pinch. If you're good with copy/pasting/moving things it'll take you maybe 2 mins to make.

Edit: Quick drawing in paint to show what I mean:



the first line is your layer 1, the second image would be your layer one with another layer on top of it with the boxes (colored gray for visibility), the third image is the same as the second image but instead of gray boxes, the boxes are background color to make it appear to be a dashed line.

Once you're done with one side just duplicate the two layers and move them to the other side, then duplicate again and rotate 90° to make the top and bottom. You may have to adjust length of course.
Reply With Quote Quick reply to this message
 
Old 05-21-2013, 09:57 AM
Bo Bo won $500 in our forum's Most Engaging Poster Contest - Tenth Edition (Apr-May 2014). 

Over $104,000 in prizes has already been given out to active posters on our forum and additional contests are planned
 
Location: Ohio
16,904 posts, read 33,646,478 times
Reputation: 13873
Quote:
Originally Posted by adyn View Post
CS6 has this functionality with the pen tool, in CS5 you'll have to do it manually.
I would argue that Photoshop prior to CS6 is the wrong tool for that job. Illustrator (and IIRC, InDesign) has a dashed-line style built in, so Adobe's preferred solution would be for the user to either create the line in Illustrator and import it into PS or to import the photo into InDesign and add the border around the image in the final document.
Reply With Quote Quick reply to this message
 
Old 05-21-2013, 12:44 PM
 
Location: Huntington Beach, CA
5,850 posts, read 11,187,955 times
Reputation: 3836
My first choice would be to build it in Illustrator or InDesign, then copy and paste into your PS file.

Other than that: Create a pattern. Go to layers, effect, stroke selected, fill stroke with pattern.
Reply With Quote Quick reply to this message
 
Old 05-25-2013, 12:21 AM
 
3,345 posts, read 4,611,454 times
Reputation: 5231
Quote:
Originally Posted by adyn View Post
CS6 has this functionality with the pen tool, in CS5 you'll have to do it manually.

I would just make a solid line and then make a new "delete" layer on top of the solid line layer. Add boxes on top of the line that is the same color as the background to "delete" the parts of the line...... hard to explain in a post but kind of like this:

|
[]
|
[]
|
[]


the [] would all be on one layer, which would go on top of the solid line.

It's a manual process, yes, but it will work in a pinch. If you're good with copy/pasting/moving things it'll take you maybe 2 mins to make.

Edit: Quick drawing in paint to show what I mean:



the first line is your layer 1, the second image would be your layer one with another layer on top of it with the boxes (colored gray for visibility), the third image is the same as the second image but instead of gray boxes, the boxes are background color to make it appear to be a dashed line.

Once you're done with one side just duplicate the two layers and move them to the other side, then duplicate again and rotate 90° to make the top and bottom. You may have to adjust length of course.
Workaround! You could also do a step and repeat to with those white blocks to make it perfectly spaced.
Reply With Quote Quick reply to this message
 
Old 05-25-2013, 12:28 AM
 
40,284 posts, read 41,836,137 times
Reputation: 16792
If you have to do it manually I'd suggest the CSS workaround I posted, only issue with that is if the image is larger than the screen.

There isn't simple line tool in PS that is dashed? Photoimpact has line tool with multiple formats for dashed lines.
Reply With Quote Quick reply to this message
Please register to post and access all features of our very popular forum. It is free and quick. Over $68,000 in prizes has already been given out to active posters on our forum. Additional giveaways are planned.

Detailed information about all U.S. cities, counties, and zip codes on our site: City-data.com.


Reply
Please update this thread with any new information or opinions. This open thread is still read by thousands of people, so we encourage all additional points of view.

Quick Reply
Message:

Over $104,000 in prizes was already given out to active posters on our forum and additional giveaways are planned!

Go Back   City-Data Forum > General Forums > Science and Technology > Computers
Follow City-Data.com founder on our Forum or

All times are GMT -6. The time now is 05:09 AM.

© 2005-2019, Advameg, Inc. · Please obey Forum Rules · Terms of Use and Privacy Policy · Bug Bounty

City-Data.com - Archive 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35 - Top