1. Hey, Guest! Do you want to chat with us? Then come to the chat thread Here!
    Dismiss Notice
Dismiss Notice
Welcome to Sugoi Desu, Respected Guest! Please take a moment to register today.

Photoshop Borders [FEEL FREE TO SHARE YOUR OWN!]

Discussion in 'GFX Hall' started by Kaito, Jan 11, 2016.

  1. Kaito

    Kaito thicc thighs save lives

    Messages
    4,146
    1,676
    Trophy Points
    6,552
    Keno
    190,280ლ
    How to make borders using Photoshop

    1. Simple border
    [​IMG]
    Show Spoiler
    First, open up your image

    [​IMG]

    Create a new layer (Ctrl+Shift+N) and use the Rectangular Marquee Tool (M) to select the entire image

    [​IMG]

    Right click on the image and select Stroke. Change the color to what you desire and change the thickness based on the number of pixels. Make sure you have the Inside circle checked. I used the settings here to create the border above. Hit OK to apply.

    [​IMG]


    2. Multi-layered border
    [​IMG]
    Show Spoiler
    First, open up your image

    [​IMG]

    Create a new layer (Ctrl+Shift+N) and use the Rectangular Marquee Tool (M) to select the entire image.

    [​IMG]

    Right click on the image and select Stroke. Change the color to White and change the thickness to at least 2 Pixels. Make sure you have the Inside circle checked. Hit OK to apply.

    [​IMG]

    With the selection still active, right click on the image and select Stroke once more. Change the color to the color of your choice and the size to 1 Pixel. Make sure you have the Inside circle checked. Hit OK to apply.

    [​IMG]


    3. Dotted border
    [​IMG]
    Show Spoiler
    First, open up your image.

    [​IMG]

    Create a new layer (Ctrl+Shift+N) and use the Rectangular Marquee Tool (M) to select the entire image.

    [​IMG]

    Right click on the image and select Stroke. Change the color to White and change the thickness to your liking. I used a 2 Pixel stroke here to create a space between the border and the image, but you can use 1 Pixel as well. Make sure you have the Inside circle checked. Hit OK to apply.

    [​IMG]

    Create a New image (Ctrl+N) and change the size to 2 Pixels by 2 Pixels.

    [​IMG]

    Using the Rectangular Marquee Tool (M) and the Paint Bucket Tool (G), create the below checkerboard pattern of black and white.

    [​IMG]

    Go to Edit > Define Pattern and rename it something.

    [​IMG]

    Close out of the checkerboard image without saving and create a new layer on your original image (Ctrl+Shift+N). Use the Rectangular Marquee Tool (M) to select the entire image

    [​IMG]

    Right click on the image and select Stroke. Change the color to the color of your choice and change the thickness to 1 Pixel. Make sure you have the Inside circle checked. Hit OK to apply.

    [​IMG]

    Press the Add Layer/Vector Mask button underneath the layers' list (identified by the rectangle with the circle in it). Select the layer mask which has appeared next to your top layer.

    [​IMG]

    Select the Paint Bucket Tool (G) and click on the drop-down box which should say "Foreground" in it. Select the "Pattern" option and choose the checkerboard pattern you just created. With the layer mask selected, click on your image to get the dotted border effect (seen above).

    [​IMG]


    4. Dashed border
    [​IMG]
    Show Spoiler
    First, open up your image.

    [​IMG]

    Create a new layer (Ctrl+Shift+N) and use the Rectangular Marquee Tool (M) to select the entire image.

    [​IMG]

    Right click on the image and select Stroke. Change the color to White and change the thickness to your liking. I used a 2 Pixel stroke here to create a space between the border and the image, but you can use 1 Pixel as well. Make sure you have the Inside circle checked. Hit OK to apply.

    [​IMG]

    Create a New image (Ctrl+N) and change the size to 7 Pixels by 7 Pixels.

    [​IMG]

    Using the Rectangular Marquee Tool (M) and the Paint Bucket Tool (G), create the below "T-shaped" pattern of black and white.

    [​IMG]

    Go to Edit > Define Pattern and rename it something.

    [​IMG]

    Close out of the "T-shape" image without saving and create a new layer on your original image (Ctrl+Shift+N). Use the Rectangular Marquee Tool (M) to select the entire image

    [​IMG]

    Select the Paint Bucket Tool (G) and click on the drop-down box which should say "Foreground" in it. Select the "Pattern" option and choose the "T-shape" pattern you just created. With the layer mask selected, click on your image to get the dashed border effect.

    [​IMG]


    5. Brushed border
    [​IMG]
    Show Spoiler
    First, open up your image.

    [​IMG]

    Now double click on the "Background" Layer's thumbnail to unlock that layer.

    [​IMG]

    Use the Rectangular Marquee Tool (M) to make a selection within the borders of the image.

    [​IMG]

    With the selection active, press the Add Layer/Vector Mask button underneath the layers' list (identified by the rectangle with the circle in it). Select the layer mask which has appeared next to your top layer.

    [​IMG]

    With the layer mask selected, go to Filter > Filter Gallery

    [​IMG]

    Under Brush Strokes, select the Sprayed Strokes filter. Change the settings to suit your interests. I used the settings below.

    [​IMG]


    If you have your own style of borders that you would like to share, feel free to post a tutorial of them in this thread as well.​
     
    Shay and Monstaa like this.
  2. Gobb

    Gobb finds a way

    Messages
    45,200
    22,583
    Trophy Points
    5,440
    Keno
    43,746ლ
    x300:
    Show Spoiler
    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]


    Animated x300:
    Show Spoiler

    It's basically the opposite of the other borders. You add the Avatar to the gif and put the avatar layer on the bottom.

    [​IMG] [​IMG] [​IMG]


    x200:
    Show Spoiler
    [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG] [​IMG]

     

Share This Page