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 $9.95 32,000 Presets for use in your projects, all for commercial use GRD gallery



The 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.


Example 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


You can use the preset's transparency to create amazing edge effects



Many of the colorful presets on the graphicxtras site contain transparency which means the underlying background image can be seen, the rest of the image and the frame are blocked out.


To use the preset, you have to set some stops with opacity set to 0%


The transparency is set to the left side of the preset in the preset editor. To display the editor, select the GRD tool and click the GRD panel.


You can use two colors for the preset but you can also add in additional color such as black to the mix before the start of the transparency. To get a sharper and more intense edge to the artwork you can also use the stops and midpoints as well as the midpoints for the transparency. Instead of having the midpoint at the actual midpoint, you can set them a different location so say 80% and combine that with a set of intense blacks around at the same point of the start of the 100% opacity then you can create all kinds of very interesting edges.


For example - Go to the GRD tool in toolbar. Dropdown presets. Go to the foreground to transparent preset (you will have to reset the presets if it is not there or create it yourself). Move the first color / opacity stop to 20%. Move midpoints to closer to the first stop. OK. Set to radial option for the preset and then use the reverse option and then apply the radial effect to the photograph.


Use multiple presets in linear style to create an edge

multiple fills

You can also use the transpency with linear design and the preset can have opacity stops of 0% at both ends of the color map (with perhaps the central opacity stop set to 100%). You can then use the linear preset as a line or edge to build the entire border around any image.


Apply this linear effect to a layer and the layer can also be warped and distorted by effects to create more interesting linear effects.


The linear layers can then be added around the image.


For example - Select the GRD tool in the toolbar. Click the dropdown. Create a preset with four stops on top bar (opacity) 20% 80% zero opacity 30% and 70% 100% opacity. Three stops for the color stops black at 20% and 80% Yellow at 50%. Layer menu. New layer. Create a collor effect onto the layer on the left with linear mode using the GRD tool. Alt / option duplicate multiple times and place around the image such as using them at 90 degrees and 180 degrees and 270 to fill the entire image. You can then combine all the layers using the layer menu combine and then go to the filter menu and use the Distort category and wave to create all kinds of weird and wonderful edges for your photo. You can, of course, use any number of filters such as camera raw as well as oil paint etc


You can use a selection and then just fill the design


You don't have to use just transparency, you can use selections / masks to create even more interesting border designs using the presets. Creating them is easy but sometimes it is hard to stop or know when to stop. Use the rectangular marque tool or elliptical tool to create a selection; you could also just use a free form selection.


Once you have selected the area using the marquee tool, use the selection menu and inverse the selection. You can now fill this region / area with GRD preset (you don't have to be limited to one). You can use the transparency of the preset but you can also just fill it with the solid color by turning off the preset's transparency. You can also use different blending modes to apply multiple presets. The one on the left uses the same GRD preset as above right with the double transparency (0% opacity) and the preset is then added to the selection multiple times


Of course, you can extend this approach with additional selections, you don't need to keep at a single selection. You can remove the previous selection and then add a new selection or perhaps select the selection and copy and paste and use the frame as a layer and then add layer effects. You can also add into the mix additional presets as well as effects such as poster edges or blurring of the edge. Go to the rectangular marquee tool. Draw selection along one edge. Hold down shift. Draw selections along other edges for the photo and the border effect. Select the GRD tool in the toolbar. Set the style to linear. Set blending mode to difference. Select a preset from the preset dropdown. Apply the preset to selection multiple times to create all kinds of super colorful artworks


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@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin