Tutorial for Adobe® Photoshop®

Bracket Mat

Sara HortonBy Sara Horton

Week of November 24, 2008

Bracket-shaped photo mats are a fun and trendy scrapbooking element in both the traditional and digital scrapbooking communities.

These popular mats can be used to create a border for an entire page, or they can mat a photo or even make a tiny block behind title letters.

Using the fonts that you already have, you can create your own customized bracket mats in just a few easy steps. Here's how:

bracket mat

Step 1 - Create the First Bracket

  • Open a new document the size of your choice at 300 ppi. I created a 12x12-inch document with a white background.
  •  
  • Get the Horizontal Type Tool and choose a font from the drop-down menu in the Options Bar. I have found that Times New Roman works well for this technique, but you can create interesting looks with other fonts. Try experimenting with handwriting fonts, block fonts, and scripty fonts for your own personalized bracket frames.
  •  
  • In the Size field, type in a large font size, such as 400.
  •  
  • Press the letter "D" to get the default colors of black and white.
  •  
  • Click once on the scrapbook page and press Shift + the left-bracket on the keyboard.
  •  
  • Click the checkmark in the Options Bar to confirm the text.

bracket mat

bracket mat

Step 2 - Stretch The Bracket

  • Simplify the text by choosing Layer > Rasterize Layer.
  •  
  • Next, get the Move Tool and check Show Transform Controls in the Options Bar. (Some versions will say Show Bounding Box.) A bounding box with handles will appear around the bracket on the document.
  •  
  • Hover the cursor above the bounding box until it rests directly over the top, middle handle. The cursor will change to look like a double-pointed arrow. Click and drag upward to stretch the bracket. When you are satisfied with the stretch, click the check mark in the Options Bar to confirm the change. (Note: the same effect can be achieved by selecting the side handle and dragging inward to slightly flatten the curve of the bracket.)

Step 3 - Create The First Half Of The Bracket Border

  • Choose Layer > Duplicate Layer to make a copy of the bracket.
  •  
  • Turn the bracket by choosing Edit > Transform > Rotate 90°CW.
  •  
  • Using the Zoom Tool, zoom in close to the top of the left bracket. Move the turned bracket into place by getting the Move Tool and dragging the turned bracket so that it creates a clean connection with the left bracket.
  •  
  • Merge the two brackets by choosing Layer > Merge Down.
  •  
  • Choose Layer > Duplicate Layer to make a copy of the merged brackets.

bracket mat

Step 4: Finish The Bracket Border

  • Rotate the merged bracket copy by selecting Edit > Transform > Rotate 180°
  •  
  • Get the Move Tool and drag the bracket copy into place to make the right and lower borders of the frame. Make sure the rounded corners are clean and crisp.
  •  
  • Merge the two bracket pieces by selecting Layer > Merge Down.

bracket mat

Step 5: Fill The Frame Center With Color

  • Get the Magic Wand Tool with the following settings in the Options Bar: New Selection, Anti-alias, and Contiguous.
  •  
  • Click once inside the bracket frame to get a selection outline around the inside border of the frame that looks like marching ants.
  •  
  • Expand the selection by choosing Select > Modify > Expand and typing 2 or 3 pixels in the Expand Selection box. Click OK.
  • Select Edit > Fill and choose a fill color of black with the Blending Mode set to Normal and an Opacity of 100%.
  •  
  • To get rid of the selection outline, choose Select > Deselect.

bracket mat

To customize your bracket, change the color to match the scheme of your layout, resize it, turn it, or use grouping to attach patterned paper to the mat.

bracket mat

Credits:  Tutorial and page by Sara Horton.
Fonts: Times New Roman, 4990810 and Pea Alisha
Layout components by Katie Pertiet at Designer Digitals: Autumn Days paper pack and Embellishments (rub-ons), Aged Perfection Paper Pack (background paper) Patch Layered Template & PNG


Learn Digital Scrapbooking FAST!

Learn Photoshop CS3/4

Training for

Photoshop CS3/4

If you're new to digital scrapbooking, our video training CD, Learn Digital Scrapbooking! by Linda Sattgast will take you from rank beginner to confident digital scrapper.

The easiest way
to learn digital scrapbooking

Guaranteed!



Premier Metal Frames For more advanced tutorials, try Digital Scrapper Premier! As a Premier member you'll:

Learn the secrets of the pros with monthly video tutorials by Linda Sattgast, Adobe's scrapbooking expert
Download an exclusive designer kit every month
Receive $10 off the Learn Digital Scrapbooking! training CD
Save 10% on all other orders from the Scrapper's Guide store!

Click here to try a free issue!

 

Return to top