It shows that you are unregistered. Please register with us by clicking Here
Go Back   Blogring.net - The Premier Myspace & Xanga Community > Tutorials > Tutorials -Web Graphics

Tutorials -Web Graphics Traditionally tutorials that explain different file formats for the web, transparent images, saving for the web, etc. Also for web-specific graphics such as signatures, avatars, etc.

Reply
 
LinkBack Thread Tools Display Modes

Old 08-14-2005, 08:45 PM   #1 (permalink)
Senior Member
 
eF f e CKt is offline
Join Date: Jul 2005
Location: -{301}-
Posts: 329
eF f e CKt
Points: 433.00
Tutorial Name :: Dashed Borders
By :: Maggie [x Mo0]
Difficulty :: 1/10

This is one of the techniques on how to have an image with dashed borders.

Open up your Photoshop. Open a new document [File >> New]. Set the width to 1px and the height to 5px. Put the background to white. Zoom into the file and select the pencil tool. Fill 3px of the image with black. Then, open a new file with 5px width and 1px height, background white. Zoom in and fill 3px of the image with black.



Select one of the images and then go to Edit >> Define Pattern. Click okay and close that file. Then select the other and go to Edit >> Define Pattern. Click okay and close the file.

Now open up your image.



Select the Rectangular Marquee Tool [it looks like this : ] Go to your image and select a very small portion of it at the left side from the bottom up.



Now hold the Shift key. This will allow you to select more than one area. Select the right side of the image from the bottom up.



Now right click the image [without deselecting] and choose fill [or go to Edit >> Fill].

If you are doing the left and right sides of the image, select the pattern that`s 1px wide and 5px tall. If you are doing the top and bottom side of the image, you select the other pattern. Set the Opacity to 50%. Click okay.



Deselect. Now select the top and bottom just like how you selected the left and right side. Then fill with the other pattern.

Then you`re done.

My finished product:



In the future, you can use longer strokes for the dashed patterns.

© Tutorial Copyrighted by Maggie.


<div align="center">
ONLY POST IF YOU HAVE A QUESTION OR SUGGESTIONS IN ADDITION TO THE TUTORIAL.
</div>

Note :: Imageshack has been weird lately so if any images are broken contact me immediately.
__________________
Your signature has been removed because it exceeded 200px in height.
Please read the rules.

-Global moderator
  Reply With Quote
Sponsored Links

Old 08-21-2005, 02:54 AM   #2 (permalink)
Senior Member
 
jensterr is offline
Join Date: Jun 2004
Posts: 117
jensterr
Points: 117.00
is it possible to make bigger dashes?
  Reply With Quote

Old 08-22-2005, 03:46 AM   #3 (permalink)
I got 1,500 posts!

 
standing ovation's Avatar
 
standing ovation is offline
Join Date: Jul 2004
Location: OAO :]
Posts: 10,516
standing ovation is an unknown quantity at this point
Points: 11,284.53
Quote:
Originally posted by jensterr@Aug 20, 06:54 PM
is it possible to make bigger dashes?
yes it is. The regular dashed borders are actually 8x1 or 1x8. you can choose whatever width you want as the pattern. I just used 5x1 & 1x5 because I like smaller dashes.
__________________
"We are all in the gutter,
but some of us are looking at the stars."
- Oscar Wilde
  Reply With Quote

Old 08-23-2005, 05:30 AM   #4 (permalink)
I got 1,500 posts!

 
KYLE LAMHEAD is offline
Join Date: Aug 2004
Posts: 3,926
KYLE LAMHEAD
Points: 3,979.00
theres a much easier way to do this but this will work,

you can make a new layer, create a stroke, than open your styles layer and go to the dashe's .
  Reply With Quote

Old 09-10-2005, 12:26 AM   #5 (permalink)
I got 1,500 posts!

 
standing ovation's Avatar
 
standing ovation is offline
Join Date: Jul 2004
Location: OAO :]
Posts: 10,516
standing ovation is an unknown quantity at this point
Points: 11,284.53
Quote:
Originally posted by Rawr™@Aug 22, 09:30 PM
theres a much easier way to do this but this will work,

you can make a new layer, create a stroke, than open your styles layer and go to the dashe's .
hah yes I know but this is the colored way.
__________________
"We are all in the gutter,
but some of us are looking at the stars."
- Oscar Wilde
  Reply With Quote

Old 09-19-2005, 05:10 AM   #6 (permalink)
Senior Member
 
xenticing is offline
Join Date: Aug 2004
Posts: 195
xenticing
Points: 195.00
out of curiosity. can you please tell me what font you used for "by: maggie from blogring.net" ?
__________________

>>[Only registered and activated users can see links. ]<<
  Reply With Quote

Old 10-08-2005, 06:06 AM   #7 (permalink)
Member
 
imported_KRYXTi3 is offline
Join Date: May 2005
Location: L.A.
Posts: 80
imported_KRYXTi3
Points: 80.00
Heylo maggie, is there anyway to make it colored besides doing the stroked -- way? i mean besides also like making a color pattern in color?
__________________
Your signature has been removed because it exceeds 500x200.
Please read the rules regarding signature size found [Only registered and activated users can see links. ]

-Global Moderator
  Reply With Quote

Old 10-24-2005, 04:33 AM   #8 (permalink)
Junior Member
 
nuthinisclear is offline
Join Date: Mar 2005
Posts: 7
nuthinisclear
Points: 7.00
haha, yes. i would also like to kno the font u used for, "bymaggie" and if u can make the color border. could u post it? and wen u do, can u email me? gxsh1n@hotmail please and thank you
  Reply With Quote

Old 08-12-2006, 10:52 PM   #9 (permalink)
I got 1,500 posts!

 
standing ovation's Avatar
 
standing ovation is offline
Join Date: Jul 2004
Location: OAO :]
Posts: 10,516
standing ovation is an unknown quantity at this point
Points: 11,284.53
<div class='quotetop'>QUOTE(xenticing @ Sep 18, 09:10 PM) [snapback]1435222[/snapback]</div>
Quote:
out of curiosity. can you please tell me what font you used for "by: maggie from blogring.net" ?
[/b]

<div class='quotetop'>QUOTE(nuthinisclear @ Oct 23, 08:33 PM) [snapback]1487339[/snapback]</div>
Quote:
haha, yes. i would also like to kno the font u used for, "bymaggie" and if u can make the color border. could u post it? and wen u do, can u email me? gxsh1n@hotmail please and thank you
[/b]
Pixies.

I found out there's a much easier way to do this, so I'll update this soon =)
__________________
"We are all in the gutter,
but some of us are looking at the stars."
- Oscar Wilde
  Reply With Quote
Reply

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On




All times are GMT. The time now is 11:25 PM.



Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0