Tuesday, June 1, 2010

Beginning Of A Border

Summary:

In this tutorial, we will show you not only how to create a blurred border very easily, but we will show you how you can create a customizable border for any photo. Along the way, we will give you tips and tricks such as keyboard shortcuts to speed up the process of creating a border in Photoshop. We will also give you examples of different types of customizable borders. Included is a 10 question quiz to make sure you fully understand this process of creating a border in Adobe Photoshop.

 

Currently we are using Windows Vista Home Premium 64 Bit and the Photoshop CS4 Extended 64 Bit version.

 

Knowledge You Need to Know:

If you are unfamiliar with certain areas that are not covered in this tutorial, feel free check out the other tutorials on our website. We have many different types of tutorials that can be downloaded (Video, PDF) or viewed online that will train you for free! Once you have the knowledge, feel free to come back and go through this tutorial again.

 

Preparing For This Tutorial:

You will be using a picture of a duck in the water. If you do not have this image, please scroll down to the image of “Click Picture To Download Supporting Files” and download the image. Please open the image PE-DUCKB in the Photoshop Program.

 

Reason For Tutorial:

We recently received an email asking if there were tutorials on creating frames or borders in Photoshop. The user did not want a standard black border, but did not want anything too advanced. We responded to the user with basic instructions, but felt other users could benefit from this tutorial.

 

Blurred Border:

The first border we will show you is very basic, but looks good. It is a blurred border! Once you have the image open, duplicate the background layer (CTRL-“J”) and hide the background layer. Left click the top layer (Layer 1) in the layers palette. The layer palette should look like this now.
Layer palette

 

Now use the Rectangular Marquee selection tool and make a selection around the whole picture, except the area that you want to blur. You will than see the marching ants will be displayed.

Rectangular Selection Tool

 

Now it is time to Feather and curve the selection. When you Feather it extends beyond the selection and gradually blurs the edge.

 

Left click the “Select” menu and move the mouse pointer to “Modify”. Move the mouse pointer to the “Feather…” command and Left click.

 Feather Command

 

A dialog box will be displayed. The Feather Radius is how far beyond the selection you want it to blur. For this tutorial, please enter 25 for the amount of pixels and Left click the “OK” button. Usually, a Feather Radius of 15-30 looks good.

Feather Radius

 

Currently you are telling Photoshop to blur everything inside the selection. We need to change that so it blurs outside the selection. Left click the “Select” menu and Left click the “Inverse” command. Photoshop Tip – You could also use the keyboard shortcut by holding down the “Shift” key on the keyboard and the “CTRL” key and pressing the “I” key. Release the “Shift” and “CTRL” key on the keyboard.

Inverse Command

 

You will see 2 sets of marching ants. Anything in between the 2 sets of marching ants will now be affected.

Inverse Selected

 

Press the “Delete” or “Del” key on the keyboard to blur the border. Use CTRL-“D” to deselect the selection. Here is our end result for the basic blurred border.

Blurred Border

 

You are not limited to only the Rectangular Marquee Selection Tool to create your blurred border. This time, follow the tutorial, but instead of the Marquee Selection Tool, use the Elliptical Selection tool.

Elliptical Selection Tool

 

Customizable Border:

Let’s show you how you can create customizable borders. Use the Rectangular Marquee Selection tool and make a selection around the area of the image that you want to keep as the picture.

Rectangular Selection Tool

 

Inverse your selection by holding down the “Shift” and “CTRL” key on the keyboard and now use the “I” key. Release the “Shift” and “CTRL” key.
Inverse Selection

 

Now that you have the correct selection, Left click the “Filter” menu and move the mouse pointer to the “Distort” menu. From the sub-menu Left click on the “Glass” filter.

Glass Filter

 

Here are the first few options of the Glass Filter. On the top right hand corner of the window, you will see the options for the Glass Filter. On the left hand side you will see your image. As you change the settings, the border of the image will change.

 

A). After changing the settings, Left click the “OK” button to apply the changes or if you want to disregard the changes, Left click the “Cancel” button.

  B). For this tutorial, we will be using the Glass Filter, but by Left clicking the drop down menu, you will find many different possibilities for borders.

Glass Options

 

Here is the next set of options of the Glass Filter. For any slider bars, move the mouse pointer to the up arrow and HOLD down the Left mouse button and move the mouse left or right. When you are satisfied with the setting, release the Left mouse button.

 

A). The Distortion option will shift the actual image to make it appear distorted.

  B). The Smoothness option will smooth out the glass texture.
  C). You can also enter a numeric value for each setting. For this tutorial, change the Distortion value to 5 and set the Smoothness value to 1.

Glass Filter More Options

 

Here is the last settings for the Glass Filter.

 

A). Left click the Texture drop down box and Left click the “Tiny Lens” option.

  B). To change the size of the Glass, you can change the Scaling option. For this tutorial, make sure the scaling is set to 100%.

Left click the “OK” button and use CTRL-“D” to deselect the marching ants.

Glass Filter More Options

 

Here is our end result. As you can see we could have taken our time to make a more even selection around the image, but the frame looks good.

Glass Frame Final

 

Remember you are not limited to using only the Glass Filter. Here are a few quick other examples.

 

Sumi-e:

Sumie Example

 

Chalk & Charcoal:

Chalk and Charcoal Example

 

Stained Glass:

Stained Glass Example

 

Conclusion:

You have now learned how to do a basic blurred border and we showed you how to create a customizable border. The Feather option was explained and you should now begin to use that feature within your own projects. We went through all the settings for the Glass Filter and showed you that the border is not limited to only to Glass Filter and gave you a few different examples.

 

For any customizable border, play with all the settings and try different filters. Some filters will not work well with certain images. Example, if you used the Ocean Ripple filter for this image, it would not look great because there is already water in the image and it would be tough to determine the image versus the border.

 

10 Question Quiz

 

1). What is the keyboard shortcut to Inverse a selection?

 

 

A). CTRL-“I”.

  B). ALT-“I”.
  C). “Shift”-“I”.
  D). “Shift”+”CTRL”+”I”.

2). What menu is Inverse command in?

 

A). Select.

  B). Edit.
  C). Filter.
  D). Selection.

3). What sub-menu is the Feather command located in?

 

A). Select.

  B). Modify.
  C). Feather.
  D). Filter.

4). The Glass Filter is located in what sub-menu?

 

A). Blur.

  B). Other.
  C). Modify.
  D). Distort.

5). What keyboard shortcut would you use to deselect the marching ants?

 

A). CTRL-“E”.

  B). ALT-“E”.
  C). CTRL-“D”.
  D). ALT-“E”.

6). What does the Distortion option do in the Glass Filter?

 

A). It changes only the light values of the pixels to distort the image.

  B). It curves each pixel.
  C). It shifts each pixels away from the original pixel.
  D). It creates a mask effect.

7). What is the best customizable border to use?

 

A). You will need to play with the filters and settings and there is no “best border”.

  B). Sumi-e is the best for all photos.
  C). Chalk is the best for all images.
  D). Ocean Ripple is the best for all photos.

8). After you Inverse the selection, what do you do next to create a blurred border?

 

A). Pick your filter and apply your filter.

  B). Inverse the selection.
  C). Make a selection around the area that you do not want to blur.
  D). Press the “Delete” or “Del” key on the keyboard.

9). How do you adjust the slider bars in the Glass Filter?

 

A). Hold down the Left mouse button over the up arrow and drag the mouse left or right.

  B). Right click the line of the slider bar and select “Expand” or “Contract”.
  C). Hold down the Spacebar over the up arrow and move the mouse left or right.
  D). First unlock the slider bar by Right clicking the line and then hold down the Left mouse button and drag the up arrow either left or right.

10). What is the measurement type of the Feather Radius?

 

A). Percentage.

  B). Centimeters.
  C). Inches.
  D). Pixels.
 

Answers: 1). D, 2). A, 3). B, 4). D, 5). C, 6). C, 7). A, 8). D, 9). A, 10). D

 

Scoring:

 

0 - 5 = Please review the video tutorial and re-read this document either offline (PDF) or online.

6 – 8 = We would recommend that you print this document off and read it at a later time.

9 – 10 = Congratulations you have passed the quiz. Go ahead and view another tutorial on our site.

 

We hope you enjoyed this detailed tutorial. Please visit us at: http://www.Photoshopeducation.blogspot.com to expand your knowledge within Adobe Photoshop.

 

 

Click To Download Video

Click Picture To Download Video File To View Offline
Download Total Video Player, iTinySoft


Click To Download PDF

Click Picture To Download PDF Tutorial
Download Adobe Reader, Adobe Corporation

Click To Download Supporting Files

Click Picture To Download Supporting Files

(Brushes, Textures, Fonts, Images, Actions, .PSD, Etc.)

Download ZipGenius Standard Edition 6.0.3.1150, Dicono di ZipGenius

 


 
 

81 comments:

  1. Replies
    1. Sexy Desi Indian girlfriend Mansi kissing and hardcore fucked with her lover nude photos at home


      Desi Punjabi College Girl With Her boyfriend sex pics


      Sunny Leone Erotic Poses Spreading pussy Seducing porn Tube


      Pakistani Lahore girl showing her hairy pussy hole nude photo


      Mumbai Newly Married Bhabhi Sexy Shots 3 video


      Mumbai Newly Married Aunty Sexy Shots : 50 PICS


      Surabhi Aunty Hot pose Bedroom Erotic Collection


      Desi School Girl Nude Images Exposing Big Juicy boobs and Pussy


      Arab Girls have Big Ass : Perfect shaped Arab girls Rare Fucking Image


      Desi Indian maid girl fully nude bath at bathroom nude photos


      Hot sexy Arab girl strip clothes and showing her tits Pussy hole nude photos


      Bangladeshi husband and Wife in Bedroom having sex pics


      Tamil House Wife Open Her Pussy And Fingering


      Nagma Full Nude Image Showing Big boobs and Pussy


      Sweet actress Alia Bhatt showing her hot big boobs pics and Shaved Pussy


      Japani College Girl Having Sex with her teacher


      Katrina Kaif Enjoying Going Totally Naked and Getting Fucked by a Foreigner Man Enjoying His Lund Inside Her Tight Ass


      Hot Telugu Aunties Big Ass Fucking And Wet Pussy Hidden Cam Video


      Muslim Girl First Time Sex Video Captured By Her Boy Friend


      Pakistani Aunty Farzana Caught While She Sex With Her Son Friend


      Indian Mallu Aunty And Bhabhi Penis Sucking Blowjob 100 Plus Wallpapers


      Porn Star Priya Rai Boobs Fucking Porn tube


      Anushka Sharma Totally Nude Enjoying Cock Penetration in Her Wet Pussy


      Veena Malik Nude Showing Her Pussy And Soft Boobs Photos


      Hina Khan Doing Sex With Her Driver


      Tamil Village Aunties Fucking P)hotos in Saree


      Sexy Pakistani aunties pussy photo Gallery Cute Sexy Girls Boobs Fucking


      Sunny Leone Doing Group Sex In Toilet


      Dellhi Poor Girl Fucking On Camera For Money


      Pakistani Sexy Bhabhi Remove Bra Showing Big Milk


      Desi Mallu Bhabhi Open her Dark Pussy And Big Fat Ass

      Delete
    2. Photoshop Online : Photo Editor Online - Free image editing direct in your browser
      http://onlin-photoshop.blogspot.com
      http://onlin-photoshop.blogspot.co.uk

      Delete
  2. 您的blog蠻不錯的耶,祝你快樂哦!期待您的更新!.................................................................                           

    ReplyDelete
  3. 死亡是悲哀的,但活得不快樂更悲哀。. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

    ReplyDelete
  4. 一個人就像一個分數,他的實際才能是分子,他對自己的評價是分母。分母越大,則分數的價值越小。..................................................

    ReplyDelete
  5. 死亡是悲哀的,但活得不快樂更悲哀。. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

    ReplyDelete
  6. 生存乃是不斷地在內心與靈魂交戰;寫作是坐著審判自己。..................................................

    ReplyDelete
  7. Really Good work :)

    You are welcome to visit exciting and interesting website : The top Articles ..

    http://thetoparticles.blogspot.com/

    ReplyDelete
  8. Really , Nice and good work...Keep on and achieve your goal....

    Cegonsoft

    ReplyDelete
  9. Despite the ongoing recession, this industry remains to be one of the fastest growing fields. This is ideal for professionals who are looking for career stability and financial stability. HVAC Schools in Virginia

    ReplyDelete
  10. Hi,
    I am from Virat Bharat I Saw Your Blog. This Is very Informative to our Youth. Really Good If you Want to see our Site You can easily Visit

    http://www.viratbharat.com/Education/Education_News.aspx

    Thanking You
    Puneet Kardam

    ReplyDelete
  11. Wow....That's really amazing tutorial that you shared here. I think these tutorial would be helpful to all the people. I can able to give you a lot of tutorial like these. Checkout the website : Online Adobe Training

    ReplyDelete
  12. Thanks for the share in this post..It took me minutes to read your post here and I enjoyed the photoshop video tutorials

    ReplyDelete
  13. Thanks for the tutorial. Will definitely prove to be beneficial for me as I have just completed my online C. Photoshop training.

    ReplyDelete
  14. I've long recommended that people seeking to have a very good understanding of this specific topic spread their research across several blogs so as not to deal with wrong information. You have provided so many areas for people like me to start with. But this can be puzzling for some. Let's take into account the only real enemy here's not being focused. This will happen to some. So my advice is: Stay focused. Thank you

    Please visit http://clippingpathsource.com/ to know more about clipping path service.

    ReplyDelete
  15. Really pleasant Tutorial. I like the content of your journal. I found your journal helpful and intriguing. Thanks for posting...
    ACC 561 Final Exam

    ReplyDelete
  16. Thanks for writing on this topic. Mostly new persons in this domain are unaware of this... :-)
    website design

    ReplyDelete
  17. Above all else, my congrats for such a handy post. It's stunning the way you ordered this huge record. hca 250 Entire Course


    ReplyDelete
  18. Very informative and unique tips dear. Thanks for sharing :)
    Lovely Read!
    http://beauty2beautytips.blogspot.com/

    http://factsaboutcanceruk.blogspot.com/

    ReplyDelete
  19. Certified Tutors: There is no supervision during the online exam, so anyone can become a certified tutor
    Background Check: There is no in-person interview so the background information can belong to anyone
    787,349 Registered Tutors: Directing your attention to quantity and distracting you from quality concerns

    http://discountlesson.com/index.php/register

    ReplyDelete
  20. Great news!! DO you want to earn money online without investment.You can earn easily monthly $500-$4000 Garaunteed.work and earn.without work you can't earn.if anyone tells you,without work money earning process,then its fake.see details here to earn real money.
    http://www.bestfreeweb4all.com/earn-money-online/.You can also get more like jobs,unlimted free sms to mobile tricks,online TV from here.http://www.bestfreeweb4all.com/

    ReplyDelete
  21. We are sincere, kids are happy, we do our best and parents are reassured. Kids improve, parents are satisfied. For more detail visit merryland.com.sg english tuition tampines

    ReplyDelete
  22. It is really a beautiful and creative blog having some vital information over the subject. Thank you for share.
    image Masking Service

    ReplyDelete
  23. It was certainly interesting for me to read that article. Thanx for it. I like such topics and anything that is connected to this matter. I definitely want to read more on that blog soon.really good job .... Hats off mann
    clipping path services

    ReplyDelete
  24. Simply desire to say your article is as astonishing. The clearness in your post is just excellent and i could assume you are an expert on this subject. Fine with your permission let me to grab your feed to keep up to date with forthcoming post. Thanks a million and please continue the rewarding work.
    clipping path

    ReplyDelete
  25. You have done such an amazing job on this series. I envy your sewing skills and your patience and your diligence. If anyone ever asks me how to sew, I'm sending them to your blog and this series. Congratulations on such an extensive, well thought out and clearly presented set of this Photoshop tutorial.
    That just made my day! Thanks so much for the kind words :)
    Regards,
    Edd.Designer@ Background Removal Service | Clipping Path | Clipping Path Service | Neck Joint Service | Image Masking Service | Color Correction Service | Background Removing Service | Photo Retouching Services | Background Remover

    ReplyDelete
  26. hiii

    nice blog and good conten

    Final Year Project Help :- Qualityassignmenthelp is best company that offers to free final year project help, thesis writing help

    and all types programming project.


    Headquater USA

    100 Mainstreet Blvd. (South) 44th Floor, Highland Tower Miami, Florida 33148
    +16059567291
    service@qualityassignmenthelp.com
    www.qualityassignmenthelp.com
    Business Hours
    Availability: 24 hrs

    ReplyDelete
  27. thanx for your information
    thes is a webesite about photoshop
    Free Brushes

    ReplyDelete
  28. I really want to design my own product package. So, I took Photoshop course online and its really flexible because i can do it after my working hours.

    ReplyDelete
  29. The post is very informative. It is a pleasure reading it. I have also bookmarked you for checking out new posts.PHP Training in Jalandhar

    ReplyDelete
  30. Thank you for taking the time to provide us with your valuable information. We strive to provide our candidates with excellent care and we take your comments to mind.


    CCNA Training in Chennai

    ReplyDelete
  31. the blog is very interesting and will be much useful for us. thank you for sharing the blog with us. please keep on updating.
    Informatica Training in Chennai

    ReplyDelete
  32. it's a nice article. your explanation is very well and good. it's easy to understand for a biginners . keep it your sharing.Website for school uk

    ReplyDelete
  33. Superb. I really enjoyed very much with this article here. Really it is an amazing article I had ever read. I hope it will help a lot for all. Thank you so much for this amazing posts and please keep update like this excellent article.thank you for sharing such a great blog with us. expecting for your.
    Digital Marketing Company in India
    seo Company in India

    ReplyDelete
  34. Great post! I am see the great contents and step by step read really nice information.I am gather this concepts and more information. It's helpful for me my friend. Also great blog here with all of the valuable information you have.
    Java Training in Chennai

    ReplyDelete


  35. Wonderful blog.. Thanks for sharing informative Post. Its very useful to me.

    Installment loans
    Payday loans
    Title loans

    ReplyDelete
  36. Photoshop Online : Photo Editor Online - Free image editing direct in your browser
    http://onlin-photoshop.blogspot.com
    http://onlin-photoshop.blogspot.co.uk

    ReplyDelete
  37. It is amazing and wonderful to visit your site.Thanks for sharing this information,this is useful to me...
    Android Training in Chennai
    Ios Training in Chennai

    ReplyDelete
  38. We are from Google is my World!!! My blog is give you latest think about technology. We write about computer and web geeks, seo and smo tips, software, shopping, travelling, web and blog gadget also business directory services provide on free of cost. You can submit your webpage with us only on GISMYW.

    ReplyDelete
  39. Its a wonderful post and very helpful, thanks for all this information. You are including better information regarding this topic in an effective way.Thank you so much

    Personal Installment Loans
    Payday Cash Advance loan
    Title Car loan
    Cash Advance Loan

    ReplyDelete
  40. Hi Thanks for the tutorial. Keep posting post related to Adobe Photoshop Training. It is highly helpful for people who wants to learn photoshop online.

    ReplyDelete
  41. you are giving a very interesting post and it is usefull.

    Azure Online Training Hyderabad

    ReplyDelete
  42. Did you think about picking the ultimate Bitcoin exchange service - YoBit.

    ReplyDelete
  43. Thanks for posting such a nice and informative blog.I appreciate you for posting such a useful blog.

    education agent malaysia

    ReplyDelete
  44. This is very nice post.it also very helpful for us.i have been searching this types of tutorial because i love adobe Photoshop. some days ago i read an article about adobe Photoshop.but this post is better than post.

    ReplyDelete