graphicxtras.com

How to use Photoshop styles to create frames tutorial

edge added photoshop styles create frame in Photoshop

How to use Photoshop styles to create amazing frames tutorial. The key thing is that the item 'frame' is on a layer, doesn't matter if the item is a shape layer or a brush stroke added to a layer or smart object etc but the key thing is that is a layer that can be used with styles.

 

You can't add layer effects to a pattern fill content etc but you can add them to smart objects.

 

Also, you will need a selection of 7000 Photoshop styles and layer effects and these can be found all over the web as well as on this site.

 

You can, of course, simply use the layer with the

 

  1. Layer menu in Photoshop

  2. Layer styles

  3. Create your own with shadows etc.

 

Frame setup / Two shapes approach

pinkYou can create frames in numerous ways such as using

 

  1. basic rectangle shape filling the entire document (shape layer option)

  2. creating another shape (layer) slightly smaller

  3. selecting both of them in layer panel

  4. layer menu

  5. combine shapes command and subtract option.

 

That is probably one of the quickest ways.

 

Selections / frames

 

You can also use a selection to create a frame for the style

gel and frame style in Photoshop1. simply select the part of the image you want to frame with the marquee tool

 

2. then go to the select menu

 

3. invert the selection

 

4. fill the selection with white or black or solid color

 

5. copy and paste and the result will be a layer on top of the image which can then be used as border.

 

Brush approach

metallic and photoshop style frames1. You can create a new document

 

2. fill the document with black

 

3. select the rectangle tool

 

4. set the color to white

 

5. apply to the area you want to use as the frame

 

6. select the entire image

 

7. edit menu define brush command to save the stroke which can then be added to the original image in black or any color.

 

Loose brush approach

1. create a new layer on top of the original image

 

2. just apply a loose brush stroke around the image in black or white or any color or perhaps different dabs around the image (on the layer).

 

Other approaches

 

rounded frame photoshop stylesThere are clearly 1000s of other ways to create an edge effect and you can find many more examples on our youtube video tutorial pages (graphicxtras channel).

 

You can also add more than one layer and use the same techniques to add more frames to that layer. If you want to convert it to a smart object, simply go to the layer menu and use the convert to smart object command and if the items is a smart object, you can add more than drop shadows etc as you can add smart adjustments and third party plugin effects such as blurs and thresholds and patterns as well as the native smart filters. Once you are happy with the artwork layer or layers, you can then simply add the style.

 

Photoshop Styles added to the frame layer

frame photoshop styles glow1. Select the required layer and

 

2. go to the styles panel and select one that you wish to use.

 

If you wish to load new styles then go to the right side menu and use the load command (or replace). You can also go to the layer menu and layer styles and add a bevel or shadow as well as multiple drop shadows and glows and strokes if you are using the most recent version of Photoshop CC.

 

As the item is a layer, you can shift the layer as well as re-size it and rotate it (though the results will depend on whether it is a raster item or vector shape)

 

Other tutorials

1. how to add multiple strokes to Photoshop shapes

2. how to create a honeycomb frame in Photoshop

3. how to use gradients to create wonderful frames / borders in Photoshop tutorial

 

Other resources

1. frame custom shapes for Photoshop and elements

2. frame and edge artwork brushes