Welcome Guest ( Log In | Register )



 
Reply to this topicStart new topic
> Photoshop Tutorial: How To Make That Popular Three Pixel Border
alis
post Jul 1 2005, 06:00 PM
Post #1


Newbie [ Level 2 ]
Group Icon

Group: Members
Posts: 19
Joined: 1-July 05
Member No.: 6,740



user posted image


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

user posted image

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.

user posted image

Eww. Yucky. Blending Option> Overlay

user posted image

Woohoo~!!


More examples:
user posted image

user posted image
Go to the top of the page
 
+Quote Post
SunBlind
post Jul 1 2005, 08:55 PM
Post #2


Advanced Member
Group Icon

Group: Members
Posts: 128
Joined: 27-June 05
From: Belington, WV
Member No.: 6,653



Awesome tutorial, Alis, I love messing with blending modes <333
Go to the top of the page
 
+Quote Post
jet
post Jul 2 2005, 06:41 AM
Post #3


Advanced Member
Group Icon

Group: Members
Posts: 140
Joined: 24-April 05
From: Australia
Member No.: 4,289



Nice tutorial.. Looks like the whole world's going off the grunge and into the pixelated look now ^^
Go to the top of the page
 
+Quote Post
alis
post Jul 2 2005, 04:45 PM
Post #4


Newbie [ Level 2 ]
Group Icon

Group: Members
Posts: 19
Joined: 1-July 05
Member No.: 6,740



happy.gif Thanks SB, jet. And yeap, it's in fasion.
Go to the top of the page
 
+Quote Post
mzwebfreak
post Aug 6 2005, 02:24 AM
Post #5


Advanced Member
Group Icon

Group: Members
Posts: 123
Joined: 7-April 05
From: Tampa
Member No.: 3,732



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:

user posted image
Go to the top of the page
 
+Quote Post
finaldesign
post Aug 26 2005, 07:07 AM
Post #6


[+] Graphic Designer [+]
Group Icon

Group: Members
Posts: 614
Joined: 6-April 05
From: Croatia
Member No.: 3,666



Very nice tutorial, it is okay...
Go to the top of the page
 
+Quote Post
Red Rabbit
post Sep 15 2005, 06:15 PM
Post #7


Newbie [ Level 2 ]
Group Icon

Group: Members
Posts: 22
Joined: 17-August 05
Member No.: 7,919



Very nice tut! Not like it was hard or anything... tongue.gif 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!
Go to the top of the page
 
+Quote Post
iGuest
post Jun 17 2008, 04:16 AM
Post #8


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 0
Joined: 1-November 07
Member No.: 25,869



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
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Photoshop Tutorial: Abstract Background I(1)
  2. Photoshop Tutorial: Make A Fireball Effect(6)
  3. Photoshop Tutorial: Awesome Twirl Effect(9)
  4. Photoshop Tutorial: Full Grunge Signature(16)
  5. Photoshop Tutorial: Make The Matrix Letters(9)
  6. Photoshop Tutorial: Pixel Stretch(16)
  7. Rollover Buton(0)
  8. Photoshop Tutorial: Create Neat Little Shape Effect For Sig(4)
  9. Photoshop Tutorial: Great Night Effect(11)
  10. Photoshop Tutorial: Part 1 - Terminology(4)
  11. Photoshop Tutorial: Carbon Fiber Pattern(6)
  12. Photoshop Tutorial: Creating Actions For Batch Processing(2)
  13. Photoshop Tutorial: Pixel Stretching Using Motion Blur(0)
  14. Photoshop Tutorial: Jungle Style Text Effect(4)
  15. Photoshop Dashed Border Tutorial(0)
  1. Animated Dashed Border Tutorial(3)
  2. Photoshop Tutorial: Pencil Sketch(3)
  3. Photoshop Tutorial: Cutting Out A Psd(3)
  4. Photoshop Tools Reloaded(0)
  5. How To Make Realistic Fire!(15)
  6. Photoshop Tutorial: Signature(4)
  7. Photoshop Signature Tuturiol(8)
  8. Photoshop Tutorial: Tech Sig(0)
  9. Photoshop: Smudge Signature Tutorial(1)
  10. Using Mask In Photoshop(0)
  11. Photoshop Tutorial: Ghost Portal(0)


 



- Lo-Fi Version Time is now: 14th October 2008 - 09:37 AM