Loading...


bookmark - Photoshop Tutorial: How To Make That Popular Three Pixel Border

Photoshop Tutorial: How To Make That Popular Three Pixel Border

 
 Discussion by alis with 7 Replies.
 Last Update: June 16, 2008, 9:16 pm
 
bookmark - Photoshop Tutorial: How To Make That Popular Three Pixel Border  
Quickly Post to Photoshop Tutorial: How To Make That Popular Three Pixel Border  w/o signup Share Info about Photoshop Tutorial: How To Make That Popular Three Pixel Border  using Facebook, Twitter etc. email your friend about Photoshop Tutorial: How To Make That Popular Three Pixel Border Print
Reply / Comment New Discussion / Topic Share / Bookmark E-Mail a Friend Print

title2.jpg


I'm going to start out with a sig I made in another tut. (link)

almostthere.jpg

1. Make a new layer on top of your sig.
2. Use the rectangular marquee tool to select the whole sig. The whole thing
3. Hit D. Edit>stroke (not layer> layer style> stroke)

QUOTE

Width: 1 px
Color should be black
Location: center
Blending: Normal
Opacity: 100

4. Use the magic wand to select everything except that black stroke you just made. (Just click anywhere in the middle)
5. Hit x and repeat 3. Color should be white.
6. Repeat 4 and 5 to make make another black stroke inside.

almosthere2.jpg

Eww. Yucky. Blending Option> Overlay

there.jpg

Woohoo~!!


More examples:
belle.jpg

kuroi-adeat.jpg

   Fri Jul 1, 2005    Reply         

Awesome tutorial, Alis, I love messing with blending modes <333

   Fri Jul 1, 2005    Reply         

Nice tutorial.. Looks like the whole world's going off the grunge and into the pixelated look now ^^

   Fri Jul 1, 2005    Reply         


:P Thanks SB, jet. And yeap, it's in fasion.

   Sat Jul 2, 2005    Reply         

Wow...cool effect! I mean, I personally found that the marquee thing worked better for me on surrounding the rest of the graphic after the first black border, but I guess that's just me. That, and it took me a while to figure out how to do the overlay right lol...here's the finished result:

christy3.jpg

   Fri Aug 5, 2005    Reply         

Very nice tutorial, it is okay...

   Fri Aug 26, 2005    Reply         


Very nice tut! Not like it was hard or anything... B) Still it was nicely done! You could've also included other different border styles and not just one, but well, I like it! It's genius!

   Thu Sep 15, 2005    Reply         

How can you make the littel white squares or wtvr is making the pictures "squary"
Photoshop Tutorial: How To Make That Popular Three Pixel Border

In the bottom pink picture? I get how to do the border, but I would like to do something like that sig at the very bottom that is shown in more exaples.

-reply by juan

   Mon Jun 16, 2008    Reply         

Quickly Post to Photoshop Tutorial: How To Make That Popular Three Pixel Border  w/o signup Share Info about Photoshop Tutorial: How To Make That Popular Three Pixel Border  using Facebook, Twitter etc. email your friend about Photoshop Tutorial: How To Make That Popular Three Pixel Border Print
Reply / Comment New Discussion / Topic Share / Bookmark E-Mail a Friend Print

Similar Topics:

Making A Nice Looking Signature In ...

Here's a guide you can use to help you make a signature image in Photoshop CS. Before we begin you need to pick out a good "render" for your signature. A render is basically an image that takes the focus in your signature, the render I will use currently looks like this ...more

   08-Aug-2005    Reply         

Photoshop Tutorial Signature Borde...

These are my ways of cleaning up my signature _______________ Border Type 1 : This is one of the most popular borders. You should have a signature th ...more

   06-Sep-2005    Reply         

Photoshop Tutorial How To Make A U...

How to make a userbar by pyost Lately the userbars have become very popular with people. They are mostly putting them in their forum signatures, which is very practical. They are small, but can be used for linking. A lot of userbars can be found at [url ...more

   05-Feb-2006    Reply         

Photoshop Tutorial: Clean Up A Bad Jpeg + Sig Walkthrough    Photoshop Tutorial: Clean Up A Bad Jpeg + Sig Walkthrough (1) (2) Photoshop Tutorial: How To Design 3d Glossy Smilies   Photoshop Tutorial: How To Design 3d Glossy Smilies