SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Zealot
    Join Date
    Feb 2000
    Location
    xyz
    Posts
    158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What's the best way to make a black outline to white text in Photoshop, like the SitePoint logo on the main page?

  2. #2
    Don't get too close, I bite! Nicky's Avatar
    Join Date
    Jul 1999
    Location
    Lancashire, UK
    Posts
    8,277
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Use Illustrator 8.0.

    ------------------
    Webmaster of Gib-Online Dot COM (or webmistress for that matter!)
    www.gib-online.com
    The Rock of Gibraltar on the WEB



  3. #3
    SitePoint Author Kevin Yank's Avatar
    Join Date
    Apr 2000
    Location
    Melbourne, Australia
    Posts
    2,571
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I can't give you precise instructions for PhotoShop (I've never used it), but here's how I do it in Corel PhotoPaint. Hopefully a similar process applies.

    <UL TYPE=SQUARE>
    <LI>Create the "inner" text as an object.
    <LI>Create a mask from the object.
    <LI>Use the Mask -&gt; Shape -&gt; Expand feature to enlarge the mask by the number of pixels' width you want the outline to be.
    <LI>Create a new object.
    <LI>In the new object, fill your enlarged mask with the outline color.
    <LI>Drop the new object behind the initial text, and voila!
    </UL>


    ------------------
    -Kevin Yank.
    http://www.SitePoint.com/
    Helping Small Business Grow Online!

    [This message has been edited by kyank (edited May 21, 2000).]

  4. #4
    SitePoint Zealot
    Join Date
    Feb 2000
    Location
    xyz
    Posts
    158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think I can do that in Photoshop. Thanks!

  5. #5
    SitePoint Wizard TWTCommish's Avatar
    Join Date
    Aug 1999
    Location
    Pittsburgh, PA, USA
    Posts
    3,910
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Anyone know how to do that with Paint Shop Pro 6.0? I would imagine a dropshadow effect would work, but I've tried it to some degree and it's a bit fuzzy.


    ------------------
    Chris Bowyer
    MyCoding.com: Under Construction!
    "I'm not an insomniac, I'm a web designer."

  6. #6
    SitePoint Zealot
    Join Date
    Feb 2000
    Location
    xyz
    Posts
    158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, I've figured out how to do that in Photoshop. First, write some white text.

    Select -&gt; Load Selection...

    OK

    Select -&gt; Modify -&gt; Expand

    Choose something like 2 pixels

    Create a new layer and place it under the white text layer.

    Fill it with black. (A nice way to do this is to select black in the tool bar and press CTRL-backspace)


  7. #7
    SitePoint Member
    Join Date
    May 2000
    Location
    Canada
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This only works for some text but what I have done before is to make the text and apply erode a couple of times. This doesn't look excactly like SitePoint's logo but it looks kinda cool. If that doesn't work then another thing you could do:
    (1) make the words you want (color white)
    (2) make them again in bold (color black)
    (3) put the white on top of the black

    that will only work for certain fonts, though

    superdubs

  8. #8
    SitePoint Member
    Join Date
    May 2000
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A quicker way to add a border to text or any object in Photoshop:

    1. Load selection on object.
    2. Expand selection by desired distance.
    3. Edit&gt;Stroke Make sure the color wanted for the border is set as the foreground color. Then you can choose the width of the border.

    The benefits of this way, faster, only uses one layer, easier to adjust border width.

  9. #9
    SitePoint Wizard westmich's Avatar
    Join Date
    Mar 2000
    Location
    Muskegon, MI
    Posts
    2,328
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nicky said - <BLOCKQUOTE><font size="1" face="Verdana, Arial">quote/font><HR>Use Illustrator 8.0.<HR></BLOCKQUOTE>

    Is Illustrater still around; I thought they went out of business.

    ------------------
    IMHO,
    Westmich
    ***********************
    Your opportunity on the web is now!
    westmichiganweb.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •