AnimHuT
  • Articles
    • Other Topics
    • Picture Of The Day
    • Review
    • Viral Videos
  • Contest
  • Freebies
    • Brushes
    • Font
    • Icons
    • Infographics
    • Patterns
    • Photoshop PSD
    • Textures
    • VECTORS
    • Wallpaper
  • Inspiration
  • Photography
  • Themes
    • Plug-ins
    • WordPress Themes
  • Tutorial
    • After Effects
    • Codex
    • Flash
    • Illustrator
    • Photoshop
      • Text Effects
    • Quick-Tip
Home » Photoshop » Quick-Tip: Create Photo Border style in Photoshop
May24 34
Quick-Tip: Create Photo Border style in Photoshop

Quick-Tip: Create Photo Border style in Photoshop

Posted by Umesh Katkar in Photoshop

email
print

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.

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.

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

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.

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.

After clicking ok.You can get this image.

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.

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.

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

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.

0

About Umesh Katkar

Who is a designer working with rtCamp and he also designed BloggerToWp and also a Web Designer | You can find me heretwitter

  • http://www.worthytips.com/ Arafat Hossain Piyada

    You just give me a good reason to visit this blog often as I’m learning Photoshop myself with the help of internet. Looking forward to see more such tutorial.
    .-= Arafat Hossain Piyada´s latest blog ..Split search result for more productivity with Split.ly =-.

    • http://bloggertowp.org/ Umesh Katkar

      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 =-.

  • Rajesh

    Nice design buddy.. Keep it up

    • http://bloggertowp.org/ Umesh Katkar

      Thanks for your comment..:-)
      .-= Umesh Katkar´s latest blog ..15 Beautiful and Free 3 Column WordPress Themes =-.

  • http://webexpedition18.com Nikola Lazarevic

    nice and useful tip
    .-= Nikola Lazarevic´s latest blog ..Game, Set and Match: Roland Garros Posters from 1980 to 2010 =-.

    • http://bloggertowp.org/ Umesh Katkar

      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 =-.

      • http://www.animhut.com/ Sri Ganesh.M

        nice quick-tip brother :D , can you add gravatar for your email. that will be love-able to know who you are :D

        • http://bloggertowp.org/ Umesh Katkar

          Thanks Ganesh..yup will add gravatar very shortly.
          .-= Umesh Katkar´s latest blog ..15 Beautiful and Free 3 Column WordPress Themes =-.

          • priyamvada

            very useful tip

  • Pingback: Tweets that mention Quick-Tip: Create Photo Border style in Photoshop » Photoshop, Border, Photo, Spatter, Layer, This » AnimHuT -- Topsy.com

  • karthikeyan

    nice n simple tutorial

  • umseh

    Thanks to all who find this article is useful.

    • ashish

      hey this stuff is really nice… i liked it a lot and appriciate your efforts

      • umseh

        Thanks Ashish.

  • http://www.shoutmeloud.com/ Whiztechy

    Great tip…its easy and quick. Thanks for sharing :)
    .-= Whiztechy´s latest blog ..5 Things to Consider Before Buying any Website =-.

  • Sipi Sagar

    Hi Umesh,
    Welcome to Animhut. Nice tutorial. Expect more from you.

  • http://richworks.in Richie

    Great quick tip, mate. Keep it up!
    .-= Richie´s latest blog ..Time for a short break : Examinations :) =-.

  • http://artatm.com Rocky

    very Nice and useful tip
    .-= Rocky´s latest blog ..50 Creative and Inspirational Liquor Advertisements =-.

  • http://warstwy.com adone

    Quick & easy. Thanks Animhut.
    .-= adone´s latest blog ..The Piecemaker. 3d Slideshow dla Joomli =-.

  • Kushal Chap

    Nice article

  • smita

    gud 1

    • umseh

      Thanks…!

  • dattapisal

    He Maharaj,
    U R shining all over. Keep it up.

  • http://www.gtricks.com Aery

    Hi,

    Thats Wonderful

    Thanks for Sharing

    Regards.
    .-= Aery´s latest blog ..2 Speedy Ways to Search Google with Keyboard Shortcuts =-.

    • umseh

      Thanks for your comment..!

  • Isabellle

    I don’t understand why did you had to duplicate the image layer

    • umseh

      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

    Umesh very useful tip but this could be done with shortcut also
    but good tut

    • umseh

      Thanks….!

  • Nilesh

    Nice article buddy. Please provide more articles for fresher to design world.

    • umseh

      Defiantly! it’s my pleasure ……….. Thanks for the comment.

  • sagar

    Nice Tutorial

    • sagar

      Thanks …!

  • Jim

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

  • http://www.weightlosstips.org.in Despina Rhodus

    Amazing article. I’ve been reading online articles for many days but to tell the truth I never got so fascinating post to read out unlike yours.

Our Advertisers :

Subscribe to AnimHuT (it’s Free)

Add Animhut on  Google plus animhut Free  Email Subscription for design updates animhut on twitter Animhut rss subscription for latest Updates Join our Official  Facebook Page Animhut Flickr Pool

Our Facebook Official Page
Follow @animhut

Archives

Community News

  • 24 Creative Newsletter Designs for Your Inspiration

    Here’s a collection of creative newsletter designs which should give you a ton of ideas and inspiration!

  • Beautiful Examples of Macro Photography

    Macro photography is taking close-up photographs of small object at greater than life size. This is one of my favorite…

  • 50 Beautiful Flowers Photography

    Spring is the time when beautiful flowers blossom and the perfect time to enjoy the beauty of nature. In north,…

  • 10 Websites to Download Free Fonts

    We all now how hard it is to find that perfect font for your graphic design project but whatever your…

  • Effects of User Behavioral Data & User Actions on Google

    Google is using this knowledge to prioritize the search results and to assign the PageRank to Websites. There is a…

●● We Recommended ●●



● Best Web Hosting Review
● Best Web Host Companies
● Review BlueHost
● China wholesale
● factory
● Free Website Design
● Website builder
●Mactheripper
● Coupon Codes
• Freelance Web Designer
• Direct TV Packages
● InternetPhonePackage.com
•Best WordPress Themes
•iPage Web Hosting
● Web Hosting Services
●Youtube to MP3

Search by Tags

ANIMHUT art history Articles caricature character design Contest Daily Photography Daily photos design history digital painting Flickr Freebies Funny Videos google doodles graphic design Icons illustration Illustrator InfoGraphics Inspiration Inspriation mascot Patterns Photography Photogrphy Photoshop Photoshop tutorial picture of the day Poster Project365 Quick-Tip Review roundup sriganesh stock image stress buster Texture Tutorial twitter VECTORS Videos Viral Video Wallpaper Wordpress wordpress theme

Hall of Fame :

Friends

  • AdmixWeb
  • ArtAtm
  • BloggerJet
  • CreativeOverflow
  • DesignModo
  • Designrfix
  • Desizntech
  • Graphik Design Agency
  • Logolitic
  • Orphicpixel
  • premiumpress coupon code
  • Skyje
  • Smashingshare
  • Underworldmagazines
  • Visionwidget
  • Webdesignfan
  • Webexpedition18

Pages

  • DESIGN NEWS
  • Who We are ?
    • Authors
  • | CONTACT |
  • Site Map
  • Follow us
    • Google +
    • Like AnimHuT fan page
    • @animhut (Twitter)
    • StumbleUpon Profile
    • Add me on Facebook

© 2009-2012 AnimHuT | Designed by Elegant Themes | Powered by WordPress| Sherweb