Quick-Tip: Create Photo Border style in Photoshop

This is the first post on AnimHuT for Designing and Photoshop. We will be sharing some cool Photoshop tips and tricks in coming days for bloggers and designers.

Idea here is educate users about basics of photo editing, so that they can quickly enhance their images in a post which will make their post more appealing. In this post I will be telling you about photo border styling, See sample image below.

We can see many of Photo Border styles. Now we see another example of Photo Border style in Photoshop with
filter effect. we see many of filters in Photoshop. Today we create Photo Border with using Spatter Filter.
There are many other filter to use but i suggest you Spatter Filter for this effect. Its relay amazing to see.
You can create interesting and unique Photo Border with using this filter. So here we go to create our unique Photo Border.

step oneda Quick-Tip: Create Photo Border style in Photoshop

1. Take New Image File

First of all open your Photoshop select new file. Take new image as you want for this tutorial.
I take 400px x 600px file size for this one. you can take any image as you like.
Now I take this one. Give the name of image layer as like image01. Now you can see your file like this.

ste2 Quick-Tip: Create Photo Border style in Photoshop

2.Duplicate the Image Layer

Now create duplicate layer of the Image01 layer and give the name like Image02.
You can right click on image layer or press Ctrl+J for duplicate the layer

stee3 Quick-Tip: Create Photo Border style in Photoshop

Ok! now we have 2 layers. First one is imae01 and image02. Now take new layer between image01 layer and image02 layer.

This layer should blank or fill any color in it.

step4 Quick-Tip: Create Photo Border style in Photoshop

3.Make the Selection of Layer

First of all hide the layer of image01. Than go on layer of image02 and make selection on the images layer.
You can use shortcut also press ctrl and click on image02 layer. OK now go to select > modify > contract
you can see this image. I take 15 pixels for selection. You take any value for this as you required now i take 15px, click OK.

step5 Quick-Tip: Create Photo Border style in Photoshop

After clicking ok.You can get this image.

Untitled 11 Quick-Tip: Create Photo Border style in Photoshop

4.Apply Layer to Layer Mask

Go to layer palette select the image02 layer and click on layer mask.
This is very important stage for creating border effect. Now be clear we just create a layer mask not a layer itself.
So click the layer mask. When you finish it. Now we are going for our main goal of this tutorial.

ste6 Quick-Tip: Create Photo Border style in Photoshop

5. Apply Spatter Filter to Image

Select the layer of image02 go to filter > Brush Strokes > Spatter just click on it and you can see this palette
take the value of spray radius and smoothness. I’m going to enter a value for spray radius – 10 and its smoothness -5
you can try any other values if want. Still we take this.

step7 Quick-Tip: Create Photo Border style in Photoshop

OK here we get our image with very interesting and unique image border effect.

final stepda Quick-Tip: Create Photo Border style in Photoshop

The process might look little lengthy but once you start using it, it will hardly take 2-3 minutes to do it. I will love to hear your reaction about this effect and you can also request for any particulate Photoshop tutorial here via comment.

Buy 1 Get 1 50% OffCoupon

Buy 1 Get 1 50% Off

AD START DATE - JAN 1, 2024 00:00:00 (EST)

AD EXPIRATION DATE - FEB 1, 2024 00:00:00 (EST)

Ad Code: HTML:

https://www.popilush.com/collections/bundle-and-save

32 Comments

Nikola Lazarevic on 25/05/2010 at 11:10

nice and useful tip
.-= Nikola Lazarevic´s latest blog ..Game, Set and Match: Roland Garros Posters from 1980 to 2010 =-.
- Umesh Katkar on 25/05/2010 at 11:54
  
  Thanks Nikola that you found this article is useful.
  Thanks for your comment..
  .-= Umesh Katkar´s latest blog ..15 Beautiful and Free 3 Column WordPress Themes =-.
  - Sri Ganesh.M on 25/05/2010 at 12:33
    
    nice quick-tip brother 😀 , can you add gravatar for your email. that will be love-able to know who you are 😀
    - Umesh Katkar on 25/05/2010 at 13:14
      
      Thanks Ganesh..yup will add gravatar very shortly.
      .-= Umesh Katkar´s latest blog ..15 Beautiful and Free 3 Column WordPress Themes =-.
      - priyamvada on 01/06/2010 at 19:34
        
        very useful tip
Rajesh on 25/05/2010 at 11:04

Nice design buddy.. Keep it up
- Umesh Katkar on 25/05/2010 at 11:52
  
  Thanks for your comment..:-)
  .-= Umesh Katkar´s latest blog ..15 Beautiful and Free 3 Column WordPress Themes =-.
Umesh Katkar on 25/05/2010 at 11:51

Thanks buddy,
Will try to provide some more article related to photoshop designing.
Thanks for your comment..:-)
.-= Umesh Katkar´s latest blog ..15 Beautiful and Free 3 Column WordPress Themes =-.
karthikeyan on 25/05/2010 at 12:23

nice n simple tutorial
umseh on 25/05/2010 at 13:17

Thanks to all who find this article is useful.
- ashish on 25/05/2010 at 14:02
  
  hey this stuff is really nice… i liked it a lot and appriciate your efforts
  - umseh on 25/05/2010 at 18:07
    
    Thanks Ashish.
Whiztechy on 25/05/2010 at 13:49

Great tip…its easy and quick. Thanks for sharing 🙂
.-= Whiztechy´s latest blog ..5 Things to Consider Before Buying any Website =-.
Sipi Sagar on 25/05/2010 at 15:13

Hi Umesh,
Welcome to Animhut. Nice tutorial. Expect more from you.
Richie on 25/05/2010 at 20:55

Great quick tip, mate. Keep it up!
.-= Richie´s latest blog ..Time for a short break : Examinations 🙂 =-.
Rocky on 25/05/2010 at 21:17

very Nice and useful tip
.-= Rocky´s latest blog ..50 Creative and Inspirational Liquor Advertisements =-.
adone on 25/05/2010 at 21:49

Quick & easy. Thanks Animhut.
.-= adone´s latest blog ..The Piecemaker. 3d Slideshow dla Joomli =-.
Kushal Chap on 26/05/2010 at 08:39

Nice article
smita on 27/05/2010 at 12:32

gud 1
- umseh on 27/05/2010 at 12:53
  
  Thanks…!
dattapisal on 27/05/2010 at 19:55

He Maharaj,
U R shining all over. Keep it up.
Aery on 28/05/2010 at 03:04

Hi,

Thats Wonderful

Thanks for Sharing

Regards.
.-= Aery´s latest blog ..2 Speedy Ways to Search Google with Keyboard Shortcuts =-.
- umseh on 28/05/2010 at 10:57
  
  Thanks for your comment..!
Isabellle on 31/05/2010 at 13:25

I don’t understand why did you had to duplicate the image layer
- umseh on 01/06/2010 at 12:38
  
  It’s not imp. It just like as an backup of original image. If in case you need the original image you can take from this layer. And I also suggest whenever you work on any image(Photo) keep the backup of original image. It will need to compare after you finish your work on the image………anyway thanks for the comment.
priyamvada on 01/06/2010 at 19:36

Umesh very useful tip but this could be done with shortcut also
but good tut
- umseh on 04/06/2010 at 11:57
  
  Thanks….!
Nilesh on 04/06/2010 at 10:56

Nice article buddy. Please provide more articles for fresher to design world.
- umseh on 04/06/2010 at 11:56
  
  Defiantly! it’s my pleasure ……….. Thanks for the comment.
sagar on 21/06/2010 at 10:57

Nice Tutorial
- sagar on 21/06/2010 at 10:58
  
  Thanks …!
Jim on 10/08/2010 at 22:27

Can’t get the Modify command to work. It is grayed out no matter what I seem to do. Can you give me help?