+ Reply to Thread
Page 1 of 3 123 LastLast
Results 1 to 10 of 25
Like Tree3Likes

Thread: How do I put a thin 1px rectangle around an image?

  1. #1
    Junior Member
    Join Date
    Jan 2012
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    How do I put a thin 1px rectangle around an image?

    Can someone tell me how I put a thin 1px rectangle around an existing image

    For example, imagine I have an image that 500px wide and 200 px high
    I want a 10px gap all around and then I want the thin rectangle

    What would the proper way of doing this?

    Importantly, the image will be a PNG, so I want the gap around the image to be transparent

    I'm planning to have on a black background, so want my rectangle to be a white line

    Thanks in advance


    OM

  2. #2
    Forum Mod
    Join Date
    Jun 2011
    Location
    Imperial Beach, CA, US
    Posts
    3,574
    Thanks
    97
    Thanked 218 Times in 217 Posts

    Re: How do I put a thin 1px rectangle around an image?

    There are multiple ways to do this, but I think the easiest to explain is:

    ctl/cmd click on the layer thumbnail of the rectangle
    Go to Select>modify>expand
    Put in the number of pixels you want -- 10 px -- and enter. Now you'll have a new selection.
    Go to edit>stroke and add your 1 pixel line (your foreground color will be in the dialogue box, but you can change it there with the color picker, or change your FG color first)

  3. #3
    Junior Member
    Join Date
    Jan 2012
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Re: How do I put a thin 1px rectangle around an image?

    Quote Originally Posted by ibclare View Post
    There are multiple ways to do this, but I think the easiest to explain is:

    ctl/cmd click on the layer thumbnail of the rectangle
    Go to Select>modify>expand
    Put in the number of pixels you want -- 10 px -- and enter. Now you'll have a new selection.
    Go to edit>stroke and add your 1 pixel line (your foreground color will be in the dialogue box, but you can change it there with the color picker, or change your FG color first)
    thanks for the amazingly quick reply!

    i'm using windows
    ctl/cmd click? not sure what to do here
    i've tried different things - including ctrl left click and ctrl right click - nothing

    i can see 'select' in the menu - but the modify option is always greyed out regardless of what i do!
    what am i doing wrong?

    ALSO: remember that the space between the pic and rectangle needs to be transparent - from ur description, i wasnt sure if this was the case

    the stroke - i know how to do this

    let me know what u think
    thanks

  4. #4
    Forum Mod
    Join Date
    Jun 2011
    Location
    Imperial Beach, CA, US
    Posts
    3,574
    Thanks
    97
    Thanked 218 Times in 217 Posts

    Re: How do I put a thin 1px rectangle around an image?

    BRB with img

  5. #5
    Junior Member
    Join Date
    Jan 2012
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Re: How do I put a thin 1px rectangle around an image?

    thank u! much appreciated

  6. #6
    Forum Mod
    Join Date
    Jun 2011
    Location
    Imperial Beach, CA, US
    Posts
    3,574
    Thanks
    97
    Thanked 218 Times in 217 Posts

    Re: How do I put a thin 1px rectangle around an image?

    I don't know if this picture will help you, but unless there is something wrong with the program, then you are just making some small error.

    And yes, you will have a transparent space, though I used an existing img which doesn't have that. If you need I will go back and make you an exact example of what you want. Let me know.

    Your modify option will not be greyed out if you have a selection; if you see the marching ants.

    When you Control click it will be the usual left click.

    How do I put a thin 1px rectangle around an image?-stroke.jpg

    So, in this image I wanted another shape below the peach shape. I could have used a stroke but I wanted a 3rd line and so on. So I did ctl click on the peach icon, expanded as needed, got my marching ant border, and filled it. Now in your case, you will see the selection, the marching ants, and you'll go to edit and choose stroke.

  7. #7
    Junior Member
    Join Date
    Jan 2012
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Re: How do I put a thin 1px rectangle around an image?

    thanks a million
    i've done it - well almost

    see below for what i was able to make:

    How do I put a thin 1px rectangle around an image?-myoutline.png
    the only thing is - why have i got rounded corners?
    let me know

    thanks!
    ibclare likes this.

  8. #8
    Junior Member
    Join Date
    Jan 2012
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Re: How do I put a thin 1px rectangle around an image?

    also... only just noticed now... why is there a bit sticking out on the left hand side??
    thanks

  9. #9
    Forum Mod
    Join Date
    Jun 2011
    Location
    Imperial Beach, CA, US
    Posts
    3,574
    Thanks
    97
    Thanked 218 Times in 217 Posts

    Re: How do I put a thin 1px rectangle around an image?

    Photoshop. I don't know the technical reasons for some of its stupid jerk issues. Let's see. I would try the following:Use the shape tool. I should have steered you this way to begin with:To the left of the shape tool drop down on the top you will see another dropdown called geometry options and one of those is a fixed size. To the left of that secton you will find another section of 3 choices, one will be chosen. Click the middle one which is paths. Find you square box and draw out your shape. Go to the paths palette, ctl click the path and you'll have a selection to stroke. It will have nice clean lines.

    Here's a guide
    Attached Thumbnails Attached Thumbnails How do I put a thin 1px rectangle around an image?-shape_tool.jpg  

    Last edited by ibclare; 01-09-2012 at 08:54 PM. Reason: explanatory img added

  10. #10
    Guru
    Join Date
    Jun 2009
    Location
    A, A
    Posts
    738
    Thanks
    13
    Thanked 50 Times in 50 Posts

    Re: How do I put a thin 1px rectangle around an image?

    Here is another way!
    How do I put a thin 1px rectangle around an image?-untitled-2.jpg
    Chad Spruce Carter


 

 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
Powered by vBulletin® Version 4.1.9
Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.
Content Relevant URLs by vBSEO 3.6.0
Copyright 2011 Photoshop Gurus Forum. All rights reserved.
All times are GMT -5. The time now is 02:04 PM.
vBulletin Skins