1.800.604.2870

Wacky Brackets (Photoshop Elements)

by Jen White on May 24, 2010

in Recent Tips (Elements)

JenWhiteTOTW_shadowThis is how the yearly tradition goes…
When the Christmas decorations come down – the double mini basketball hoops go up. This is in preparation for college basketball, of course.

And if you are a fan of March Madness, you know all about the Wacky Brackets. This is where crazy fans try and predict the outcome of 64 teams battling their way on the road to the final four.
But you don’t have to be a basketball fan to be a fan of the bracket.

Brackets in scrapbooking have been trendy forever, it seems. So in hopes of getting the 3×8 foot basketball hoops out of my living room, this scrapbooker is going to close out the season by creating my own version of the wacky bracket. Hope you will join me!

Step 1: Prepare

  • Create a new document (File > New > Blank File) that is 4” wide by 8” high, 300 pixels/inch, RGB color, and has a transparent background. It is here that we will design a new element to drag onto a scrapbook page.
  • Press the letter D to set the Color Chips to the default of black and white. This way we will be at the same starting point.

Step 2: Create

In this step we will create the foundational shape of our element…a bracket.

  • Get the Type tool.
  • In the Options Bar, choose Playbill for the font. Highlight the pt size number and change it to 500.
  • Click near the bottom of your new document and type a bracket.
  • Press and hold the Ctrl key (Mac: Cmd key) and click and drag on your bracket to reposition it to the center of your document. Press Enter to accept the changes.
  • In the Layers panel, right click (Mac: Ctrl click) on the bracket layer and choose Simplify Layer from the drop down menu.

NOTE: Some fonts are not responsive to the 500 pt size. If using a different font, try starting with with a smaller size (like 400 or lower).

Step 3: Duplicate

In this step we will duplicate our bracket layer in order to achieve a multicolored look.

  • Press Ctrl J (Mac: Cmd J) to create a duplicate of the bracket layer.
  • In the Layers panel, activate the bottom layer by clicking on it.
  • Press Ctrl Shift Backspace (Mac: Cmd Shift Delete) to fill the bracket with the Background color (white). You will not see the white bracket because the black one is directly on top of it.

Step 4: Stroke

In this step we will add a stroke outline to our bracket to give a nice clean look.

  • In the Layers panel, activate the top layer.
  • Ctrl click (Mac: Cmd click) on the thumbnail of the active layer to create a selection outline.
  • Create a new layer by clicking on the Create a New Layer icon in the Layers panel.
  • In the Menu bar, choose Edit > Stroke (Outline) Selection. Enter 15 px for the Width, Black for the Color, and Inside for the Location. Click OK. You will not see the stroke outline because it is on top of the solid black bracket.
  • In the Menu Bar, choose Select > Deselect to get rid of the selection outline.

Step 5: Erase

In this step we will reveal parts of the white bracket by erasing sections of the black bracket.

  • Get the Eraser tool.
  • In the Options Bar, choose a brush. To do this:
    • Click on the down facing arrow to show selected brush presets.
    • Choose Basic Brushes from the Brushes drop down menu.
    • Double click on any Hard Mechanical brush.
  • Set the Size in the Options Bar to 150 px.
  • The Mode should be set at Brush and the Opacity at 100%.
  • In the Layers panel, activate the black bracket layer (middle layer).
  • Erase sections of the black bracket to reveal the white bracket below. See the scrapbook page below for direction.

Step 6: Sketch

In this step, we will add a filter to the black stripes to make them look as if they’ve been sketched.

  • In the Layers panel, make sure the black bracket layer (middle layer) is active.
  • In the Menu Bar, choose Filter > Sketch > Graphic Pen.
  • Set the Stroke Length to 15, Light/Dark Balance to 12, and Stroke Direction to Horizontal. Click OK.

Step 7: Merge

In this step we will get the bracket ready for transfer to our scrapbook page.

  • In the Layers panel, activate the top layer.
  • Press Shift Ctrl Alt E (Mac: Shift Cmd Opt E) to create a merged layer.

Your merged layer is now ready to be dragged to your scrapbook page!

Step 8: Save

You wouldn’t want to loose all that work you just did! Yikes!

  • Save as a PSD file – this will enable you to edit individual layers in the future.
  • Save as a PNG file – this will save the transparent background, but you will loose the ability to edit the layers.

I would love to see your scrapbook page using this tip! Scrapper’s Guide has a gallery set up just for Tip of the Week creations, so get scrapping and show me what you’ve got!

Credits: Scrapbook page by Jen White. Kit – Boys & Toys by Digital Scrappers Designs. Font – Giddyup Std.

Download a PDF version of this “Wacky Brackets” tutorial.

Windows: Right click on the link and choose “Save Target As” or a similar command.
Mac: Click on the link to download the file.

Leap Frog To The Next Level!

frogRather than learning a bit here and a bit there, why not leap frog to the next level? Our CD, Learn Digital Scrapbooking, takes you step-by-step from rank beginner to confident digital scrapbooker in a fraction of the time!

Find out more and get a free sample video lesson

Save it, Share it and Enjoy:
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Digg
  • Technorati
  • Reddit
  • LinkedIn
  • FriendFeed

{ 13 comments… read them below or add one }

1 DrGranma May 24, 2010 at 7:52 pm

What a great idea and tutorial!! I will use this one often.
Thanks,
DrGranma (AKA Marianne)

Reply

2 michellejg May 24, 2010 at 8:26 pm

Wow thanks Jen!
This was totally easy to follow and I just made several brackets with stripes and polka dots to match a new layout. Love it!

Reply

3 dmrdm May 25, 2010 at 4:41 am

This is wonderful! I love it, I love it, I love it. I was trying to do something similar to this a couple of weeks ago. What you’ve done here with using the graphic pen filter is eye opening! I’m excited!

Reply

4 Nancy Wolff May 25, 2010 at 5:43 am

Love this tutorial! It’s a fun embellishment that adds so much to the page. I’d like to make a request for a future tutorial, I just love the wacky line border. I would love to learn how to make it. Thanks for all you great ideas.
Nancy

Reply

5 Anita A May 25, 2010 at 7:21 am

Thanks for the tutorial. I enjoy them each week.

Reply

6 Marge Good May 25, 2010 at 7:32 am

I so look forward to Mondays. I have learned so much in the last year through this newsletter. Photoshop was always a mystery to me, until I started getting these Digi-Tips. Thank you so much to everyone at Scrapper Guide for opening my eyes to the possible.

Reply

7 Vivian May 25, 2010 at 10:00 am

Yayyyyyyyyyyy I did it! Thank you for this tutorial.

Reply

8 Tami May 25, 2010 at 12:27 pm

Awesome tut! Never even thought of using the font brackets! Thank you!

Reply

9 Beth P May 25, 2010 at 3:10 pm

Thanks for the tip. Can’t wait to try it!!!

Reply

10 Kay Morrison May 28, 2010 at 9:37 am

I have Photoshop Elements 7 which I am attempting to learn.
I have tried and tried to work through this tutorial, everything goes OK until after I press Enter to accept the changes. When I right click in the layers panel to Simplify Layer from the drop down menu my bracket disappears. I went to the next step and duplicated my bracket layer with Ctrl J, pressed Ctrl Shift Backspace and nothing happened.
Step 4 – When I activated the top layer in the layer panel and hit Ctrl click on the thumbnail I get the message – no pixels were selected.
I do not know what I am doing wrong. I have tried this tutorial over a dozen times and always get the same message – no pixels were selected. Please Help!!

Reply

11 Jen White May 29, 2010 at 12:39 pm

Hi Kay! I’d love to help you out. I will email you privately.
Jen White

Reply

12 mandy September 7, 2010 at 1:00 am

I love all ur tutorials thank you so much. tho i am also getting the same thing as Kay, as soon as i click enter my bracket disappears :(

Reply

13 Jen White September 8, 2010 at 8:00 pm

Hi Mandy. Glad to help!
You may need to set the pixels of your font at 400 instead of 500. Different versions of Elements have an issue with larger sizes for some reason. If that doesn’t solve your disappearing problem, feel free to email me directly at jwhite@scrappersguide.com
:) Jen White

Reply

Leave a Comment

Previous post »

Next post »