How to create frames using Photoshop gradients tutorial

How to create frames and borders using Photoshop gradients tutorial. A variety of methods can be used with CC 2018 2017 2015 2014 CS6 etc

Create frames using Photoshop gradients

How to create frames using Photoshop gradients tutorial
  1. Open image and select the rectangular marquee tool and select inner part of the image and then select menu and invert

  2. Select Photoshop gradient tool and apply to the inverted area / image frame

  3. Copy and paste the frame gradient region

  4. Layer menu and layer style and drop shadow to finish the create of the frame and then flatten

Video tutorial on the subject by (youtube)


There are many different ways to use the presets to create super interesting border and edge effects. Literally millions of edges can be created by using the tools in different combinations or using selections etc


Buy Price : $11.99 US or equivalent. 32,000 Presets for use in your projects, all for commercial use GRD gallery


Variety of designs : transparency colorThe colorful presets are perfect for creating borders and frames in all versions of PS and also PS Elements.


The actual approach can be as varied as the features in the application.


Use transparency and particles : shapesExample showing how to use transparency presets to create the border is on the right


You can apply multiple presets over and over (either the effect itself or the effect applied to a single layer which can then be duplicated over and over - you can also make even more wonderful effects with it if the preset layer is then converted into a smart object and layer effects or filters are applied to the designs.


Open image. Go to the ellipse tool. Set to shape option. Set fill to a gradient. Set style to radial. Apply circle (hold shift). Alt / option and duplicate the circle around image. Change sizes of shape layer etc. Apply all the way around image. Flatten


Transparency and vignette : vignetteYou can use the preset's transparency to create amazing edge effects


Go to the tool and click the editor to display the stops. Set the color of the first stop on the left (0% location) to black and set the opacity stop to 0%. Remove all the other stops other than far right (100% location) and set it it to black (or any color) and set the opacity stop to 100%. Change the opacity midpoint to sharpen or blur the vignette. Go to the tool and apply from the center using the radial type.


Colorful edge and shapes: shapesGo to the GRD tool in toolbar. Click on the editor and then create some colors in the center of the bar so you have a black in 40% and yellow at 50% and black at 60% and the rest of the bar empty. Go to the opacity area and set opacity at 100% in the central part and set the edges to 0%


Create a basic rectangle shape layer along the side of one edge and fill with the created preset (via top bar) and use linear type. Set the angle correctly so the line runs parallel to the edge. Duplicate that edge and place on opposite side. Duplicate and drag to the one of the other edges and change the angle for the line again to run parallel. Duplicate and drag to the last edge


Selections : selectionCreate a selection using the rectangular marquee and leave some edge around the image. Select menu and inverse. Select the GRD tool and apply a radial or linear preset to the selection. You can apply the preset multiple times by setting the blending mode for the tool to difference


New layer and transparency: layersYou can use the transparency in the preset (see the colorful edges and shapes for the preset).


You can create a new layer and then apply the GRD tool using a linear type to create a single line. Duplicate this colorful line around the document. The layers on each edge can now be distorted and warped in many ways using the filter menu and distort and wave (for example but there are other filters such as liquify)


The layers on each edge can be duplicate as well so you can create a more complex edge design.


Shadows : shadowYou can also create a selection using the rectangular marquee tool (leaving some edge) and then use the select menu and inverse. Edit menu and copy.


Layer menu and layer style and select a gradient overlay (or add multiple) and add a preset and using blending modes to mix them. You can also click the drop shadow option and add a shadow to your edge


Keywords : How to create frames using Photoshop gradients tutorial


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@