32,000 Photoshop Gradients + tutorials

photoshop gradientsGradients for Photoshop CC 2019 2018 2017 2015 CS6 CS5 CS4 CS3 etc and Photoshop elements on the PC and MAC. How to load them, how to use them with fill content, how to use them in layers, how to combine them, how to install them, how to use as frames, create rainbows and much more - they are super useful presets for all kinds of work

 

Gradients to buy / Introduction / how to use the reflected gradient / use with color channels / image modes / use opacity stops / straight lines / create grids with the Photoshop gradients / gradient types (linear etc)/ 3d model creation / blending modes / contours / create new presets/ alternating preset / fill layers / create frames/ ghostly type / map adjustments/ install and load the Photoshop gradients/ using fill type / vertical gradient / styles and overlays / create rainbow/ twirl and spiral / re-color presets/ use with selections / how to create abstract disjointed backgrounds using gradients / how to fade type with masks / free gradients/ Black and white designs / noise gradients/ Create painted gradients using art history

Gradients

Buy Price :$6.49 US Dollars

 

32,000 Colorful presets for use in Photoshop and elements GRD Gradients for Photoshop and Elements (selection)

 

The gradients are for commercial and personal use, all royalty free, all by graphicxtras.com / Andrew Buckle. You can use the presets multiple times. No credit is required for their use. You can use them without any time limits. The Photoshop gradients set includes 32,000 unique colorful effects for all your projects such as radial effects, line themed presets, harmony presets, columns, intense zoom designs, ring designs, noise themed ones, transparency filled effects and more. The Photoshop gradient set is supplied in GRD format along with documentation and gallery and serial. They are for any size of document so you can use them in a huge document as well as small document and much in between. You can use them in documents that are in 32bit per channel mode as well as CMYK as well as LAB and RGB. Load them via the presets panel and then simply select and apply to create all kinds of amazing colorful effects over existing images, combined with type, used with new documents, in selections, as a mask source, combined with brushes and more. You can use them in fill content for shapes or just create them as a fill layer and the fill layer can be manipulated further by masks and other effects and combined with patterns and other resources. You can use them as an overlay in styles as well as with features such as glows. You can add multiple overlays and merge them using blending modes and opacity as well as the in built transparency. You can use them as a linear designs with a defined origin point and length and angle as well as radial and diamond and reflected and angular design. You can use them as a mask with shape layers and other elements in PS. You can use them to control how much of the layer or image is shown. You can use them as a frame for all kinds of images either using them with selections or using the in-built transparency and the frames can be super complex or as basic as required. You can combine the Photoshop gradients with adjustment layers and plugin effects. You can use them as a great source for brushes and patterns and displacements. You can use them with Photoshop type either by adding them as content for the type and then manipulating that or combining it with effects such as using smart objects. Or you can use them simply as an overlay for the type. This collection of 32,000 amazing presets is a total winner and a set of tools that you can use in all your projects over and over to create magic. Video tutorial about the subject by graphicxtras.com

top

reflectedHow to use the reflected Photoshop gradient ? There a number of types to be used with the presets (four). Reflected is an unusual type as it is basically linear but just repeated and flipped. It is a pity that the tool does not include additional repeats but it doesn't (apps such as Painter have this feature) as well as different types of reflected repeats. To make it easier to use the reflected, go to the view menu and new guide layout and use 2 x 2. You will now have a guide crossing at the center of the document. Also, make certain that the view menu snap to has the guides set to ON. This is the start point for the reflected preset. Go to the GRD tool in the toolbar and then select the reflected type (top bar) as well as the preset and set the blending mode and opacity. Click at the center of the document and hold down the shift key and drag from the center out to the edge of the document and then release (drag to the right or left or upward or downwards). On release, you will see a gradient that has equal colors on both sides of the center. Once you have your reflected design, you can then add effects to the artwork such as twirl to distort the reflected design. If you use a selection (such as a rectangular marquee) it is a bit trickier to use the view and guides but it can be quickly done by creating the selection and then going to the view menu and selecting the new guide (set horizontal or vertical depending on the direction you want for the reflected preset) and then drag that using the move tool to the left side (or top) of the selection. Repeat the create new guide and drag that to the center of the selection (which will highlighted by a center marker if the show transform controls is ON) and then create another guide to be dragged to the far side of the selection. Select the GRD tool. Goto the center indicated by the center line and then drag out from that line to the edge of the selection and then release and you will have your selection filled with the reflected preset with both sides with the same colors. If you create an unusual shaped selection, the above guides cannot be easily used. You can also combine multiple reflected designs by using them as layers either by creating two or more layers and filling with a different preset or the same preset (but rotated 90 degrees) and then using blending modes such as difference to combine them. Another way to use the reflected type with presets is via the layer and new fill layer and gradient and then use the reflected type there and as long as you don't shift the layer, the reflected preset will sit perfectly in the center with both sides with the same reflected colors. You can use the angle field to rotate the design 90 degrees. You can also use the reverse to swap the color stops of the reflected preset. You can also use the scale setting and that will still keep the design reflected. Again, you can create multiple fill layers with different reflected type presets and then combine those using blending modes. The artwork can then be saved to the CC library or it can be saved as a pattern via the edit menu and define pattern command and then used in fills and stamp tool etc Video tutorial on the types / reflected (youtube)

top

color channelsHow to use color channels such as red, green etc independently with Photoshop gradients. Basic steps for the presets are go to the Photoshop channels panel (window menu). Select one of the channels and select the Photoshop gradients tool in toolbar. Apply the gradient to the color channel. Go to the green entry. Apply effect with different settings. Go to the blue and apply effect. Go back to RGB. Millions of amazing color designs can be created in seconds. The key panel is the channels. Select the red entry to work just in the red and then go to the GRD tool and select a style (linear etc) and preset and then apply that to the red channel. Select the green to work with the presets in the green. You can use them in all the channels but you can also just use them in a single channel. You can vary the origin position as well as type (radial, linear etc) as well as the length and angle of each application of the design in the red, green etc. You can also use different blending modes with the preset and GRD tool so you can use the darken blending mode with the tool in the red channel and use the difference blending mode with the tool in the green and the lighten with the blue channel (or some other combination) as well as combining that with different opacities. All kinds of color combinations can be created to make millions of unique colorful effects for backgrounds, overlays, masks etc. If you are using CMYK, then it will be cyan / magenta etc. If you are using 32bits per channel you can still use the presets as well and combine them in multiple ways (though the number of blending modes available will be less). You can manipulate the results of the presets by using adjustments in the red channel etc. You can do the same with the image menu adjustments in the green and so on. You can use many different adjustments to manipulate the blending such as invert, levels and curves etc but you will notice that as soon as you click the red entry many of the adjustments will no longer be available such as vibrance, mixer etc. Also, many effects can be added to the individual entries and the presets such as applying a blur / camera raw filter to the red but not to the blue entry or green. Or a poster edge effect to the green and not to the red or blue. Not all effects are available in each channel especially if you are using more complex channels and image modes. Find out more about the graphicxtras plugins. You can also split the RGB file into individual files for the red and green etc. Why do this ??? Well if you have add the effects and you want to add an effect or two and suddenly find that effect is not available in the red or green etc then the quickest way around that problem is just to use the split command with the RGB file. Go to the panel and right side menu and use the split command. Once you split the RGB file, you get a new file with the red channel information and a new one with the green channel information and a new one with the blue channel information and then you can merge them all back together again or if you wish, merge (and mix) them all back but with red using the green file and the green using the blue and the blue using the red, it is all up to you - though that is not totally true as the merge is quite fussy in that it allows you to only use them once only. When you split them into files, you get the artwork in grayscale so if you want to add an effect such as stylize oil paint tool then you will have to convert the artwork into RGB and then add the effect. One trouble with the split is that it is very much trial and error as the artwork is now spread over three or four different images and where the middle point etc is purely by eye though to make it easier you could could use a grid of guide lines via the new guide layout and use the same guide layout in each. If you are using the red file, you can also convert that to an RGB file (via the image menu and mode and RGB) and then you can then split that as well and repeat the same approach multiple times before merging the whole lot together. To merge them back into a single file, go to the red files (or green etc) and then go to the panel and right side menu and merge command. Select the mode etc and select the files and click OK. If you have converted a grayscale image to an RGB, you will have to also convert it back to grayscale before you can use it in the merge as well. You can also modify the end result of all the channels and gradients even more with tools such as adjustments such as color lookup and hue / saturation and color balance etc. You can also use gradients and channels with selections. You can then apply effects in the red to one part of the artwork and green to another part of the design simply by using a selection of a different area. Go to the rectangular marquee tool and select part of the design. Goto to the red channel and apply a preset to the selection. Goto to the rectangular marquee tool and select a different part of the design and then select the green (or cyan etc if CMYK) and then apply the preset or a different preset to that selection and so on. All kinds of super colorful designs can be generated by using that method. Video tutorial on the color channels and gradients by graphicxtras.com (youtube)

top

How to image modesuse Photoshop image / color modes with gradients ? A few basic steps include going to the Image menu and Mode and CMYK color mode. Go to the gradient tool in the Photoshop toolbar. Select a preset from a dropdown. Apply the preset. Goto the blending dropdown and set to difference etc. Apply another preset. The presets work in most of the image modes but the results of the preset will vary depending on mode CMYK / LAB etc. You can also use the different bit depths as well such as 16bit and 32bit per channel with the presets with many of the modes. The results can exceptional. An added advantage of 32bit mode with the presets is that upon converting back to RGB you are offered the HDR toning panel and the colors can be tweaked even further by using edge glows as well as tone and detail and modifying the gamma and exposure and detail as well as more control of the saturation and vibrance (you can also simply just use some of the previous created settings to create interesting black and white and over saturated imagery. The key thing for using the gradients with Photoshop image modes is the image menu and modes and then selecting RGB + CMYK + LAB + Grayscale + Multichannel + Duotone etc. As well as 8 bits / 16 bits / 32 bits per channel if available. Bitmap image mode does not allow for the presets nor does indexed color though, of course, you can add the presets in RGB and then convert to bitmap to create many interesting halftone effects. When you convert back to RGB 8bit from 32bit or 16bit, an extra dialog will appear and that is the HDR toning panel and that is super useful with the presets. You can use the presets as well as the actual settings for the edge glow and tone and detail as well as shadow etc. The results can be quite varied and you can create unique colorful designs simply by using the HDR panel. It should be noted that if you want to blend the presets (such as using layers or the tool itself) then using CMYK or duotone or grayscale or 32bit depth will perhaps have less blends to choose from (you will see them disabled such as color burn and linear burn and screen and color dodge). You will also find that as soon as you change to LAB mode or 32 bit depth that some of the effects are not available to modify the generated color such as the excellent camera raw and filter gallery effects. As mentioned, you can always quickly revert back to RGB and continue to use the presets. You can use a number of adjustments with the generated colors in CMYK etc but again when you change to 32bit etc you will find that some of the adjustments are no longer available such as color balance, black and white, invert, posterize etc (though in some cases it is very hard to understand why and perhaps some of the effects and adjustments will eventually make it into the increased color depth / LAB etc. If you go into the preset editor in CMYK etc you will find that nothing much changes and you can change the cyan / magenta etc as before via the far right side of the color picker panel. Video tutorial about the subject of image modes by graphicxtras.com (youtube)

top

transparencyHow to add transparency / opacity stops and then use to create amazing grids and columns in CC 2019 2018 2017 2016 2015 2014 CS6 CS5 etc. For example, select GRD tool. Click the dropdown / preset picker along the top bar. Go to the opacity line of stops (middle bar, top). Click and add an opacity stop. Change the opacity setting to 0% etc and repeat this in different locations to add opacity / transparency to your preset and click OK. Change the transparency / opacity for the gradients by selecting the GRD tool and then the dropdown / preset picker along the top bar. Click one of the presets to go into the editor. Add the stops along the top of the bar of the preset stops (not bottom as that is for the colors) or change the stop's values. You can add multiple 0% stops (so you cannot see the color) but you can always set it to 50% or other settings and you can add one stop or multiple stops. Personally, I like to add 0% to both of the ends (left and right of the stops) of the main colors - setting the value to 0 and leave the inner stops to 100% or less. Note that this is not always the ends of the bar but the first stop on the left and the last stop on the right. This is perfect for creating circular designs or ring designs as well as strong single lines (unless you create alternating multiple 0% stops to create columns of color or multiple rings, for example 0% 100% 0% 100% 0% etc. Of course, you can set the stops to any value depending on the results you want to achieve. You can set one stop at one end at 100% and another at 0%. Or set the opacity stops closer to the center. You can also use the midpoints to add more or less of the color by moving the small diamond in between the opacity stops along the top bar. Just select the midpoint and move back and forth to change the amount of color you see. The number of midpoints is two if you have three stops, so always one less than the number of stops. Select the midpoint between the stops (between two of the stops along the top bar). Move that towards or away from one of the stops (top bar). The color spreads or fades depending on the direction. Click OK and then apply the preset to the document. Video tutorial on the opacity / transparency for the preset by graphicxtras.com (youtube)

top

single lineHow to create a single straight colorful line using the presets and modifications to the stops ? Select the GRD tool and click the preset picker for the tool. Click a preset and you will be in the editor. Set the stop (top bar) for 20 at 0% and 50 at 100% and 80 at 0%. Set the color around the 50 in the middle of the preset bar. Click OK and set to linear and then apply the preset to a white background (or any other color). The area shown in white is the area where there is 100% transparency so if it had been blue or black as a background, blue or black would have been displayed. You can use the stops to create a lovely opaque spot but the rest of the preset is 0% and will make no impact on the image. How do create this. Go to the editor again and then set the first opacity stop to 0% (far left) and the far right opacity stop to 0% also. Once you have done this. Go to the center (50%) and add an opacity stop at 40% of 100% and another opacity stop at 60% at 100%. Set the opacity midpoints for each to be really close to the stops as well otherwise the result will be more blurry. Add some color stops in the center as well. If you want a strong black edge then set the color of the 60% stop to black and set the other stops to greens or blues or whatever. Click the new to save it. Set the blending to normal and set to radial and then apply the preset across the image multiple times

top

bricksYou can create a grid of the preset by using a new layer. Create a preset with only one edge with 0% opacity stop and the rest of the design in full 100%. Create multiple color stops to the left side of the preset in the editor. At the 50% point, create a strong black stop. Place the 0% stop very close to the 50% mark. Go to the GRD tool and then select the diamond type and normal blending mode and create the design holding down the shift key to constrain and draw at 45 degrees. You should then have a square full of color on your new layer. Go to the move tool and then hold the alt / option key down to duplicate that square design and repeat and fill the artwork with your squares either aligning them or overlapping to create a square themed background. You can quickly remove opacity stops by going to the opacity side of the bar in the editor and dragging them off the bar. The preset then just uses the two opacity stops at the side of the removed stop. If the two adjacent stops are 100% and 100% then you will see 100%. Likewise if 0% and 0% then you will just see 0%. If 100% and 0% then the result will be a blend between the two and the result will depend on the midpoint.

top

A typesquick guide to the Photoshop gradient types (radial, linear, diamond, reflected, angle etc). Select the GRD tool in toolbar (before you can select the different types in such as linear type, diamond etc). Go to the top bar beside the presets dropdown Select the linear, angle, radial etc. Apply using this type via the GRD tool. The type is accessible as soon as you select a tool such as the fill content or the GRD tool itself. You can then click and use and combine. You can find the settings along the top bar for the tool. Types : Linear / radial / mirror etc + Opacity + Presets + Blending mode (duch as normal, darken, difference, lighten, exclusion etc) + Reverse / dither / transparency. You can apply the presets as radial / mirror / angle / reflected / linear and though that seems limited, you have to remember that you can also combine the results by using opacity as well as blending modes as well as masks etc to create 1000s of different designs from that key set of types. The types have not be updated for a while and some applications such as Sumopaint have a number of additional types (as has Painter). The PS help guide offers more explanation about how the colors are mapped to the image. You can use the radial / linear / diamond etc settings in a variety of tools in PS such as via the fill layer as well as PS layer effects as well as the GRD tool and else where in the application.You can apply the linear across, down, up, down, diagonally, from any angle. The origin of the linear type can be anywhere, off document as well or you could use guidelines to add the preset at any position. You can use blending modes (such as difference, exclusion, lighten, darken etc) as well as transparency in the preset to re-apply the preset over and over to the same document or layer. All kinds of colorful combinations of linear (as well as blends with others) can be created. You can extend the length of the preset to the document and beyond. You can also angle the linear preset. Hold down the shift to constrain the angles to 45 degrees etc. You can also apply effects and adjustments to modify the linear effect With radial, you can set the origin as well as different lengths of the preset. Again, you can combine them depending on opacity and blending modes as well as transparency stops in the actual preset. You can click the document to define the start of the colors and stretch out to within the confines of the document or layer or beyond the confines of the artwork and then release to generate the radial design. You can also apply effects and adjustment layers etc to the radial effect. The radial setting is superb for all kinds of frame designs especially when combining it with transparency. With angle type, You can control the position of the origin as well as the angle as you apply the tool. You can hold down the shift key to define the angle to 45 degrees etc. If you want to avoid that ugly seam then you can always set the stops at the ends to the same color. Reflected creates a mirror of the current preset - though this depends on how it is applied - if you add it from one end (left to right) to the other (or top to bottom) then you will see the mirrored effect otherwise not. Use guides to quickly find the center via the view menu). You can also use selections to say create a column of reflected presets - select one half and fill and select the other half and fill again with the preset added to the center of the selection instead of the document. The diamond type can be used to create a square effect as well by just holding down the shift and applying it at 45 degrees and not at 0 degrees etc. Of course, it can be used at any angle and length of preset as well as any origin point, inside or outside of the document or layer. You can use selections to create an area for one preset and the inverse selection for another. You can combine them for even more amazing designs. Select the tool, select a preset, apply, set a different blending mode such as darken and re-apply. Change to diamond or linear and then apply again and again to create far more complex color designs that would be possible from a single application. If you combine the types / presets using blending modes such as darken or screen etc (set that while you are adding the presets via the top line blending modes dropdown), you can create stars, polygons, crosses etc. The combination on the right uses a number of color effects along with the multiply mode as well as difference mode. You can add the result to a layer and then duplicate that layer and use it again and again. You can also drag the result to the CC libraries and have a folder of colorful objects that can be quickly accessed again and again in your projects and perhaps also use in tools such as After Effects if you use them as part of the Creative cloud. They can be used to create unique skylines, backgrounds, overlays, effects and more. Shapeburst type is available only via the layer effects panel and the stroke setting. The shapeburst follows the shape's path. You can set the position as well as the size of the shapeburst (such as inside, center, outside) Video tutorial on the subject of types by graphicxtras.com (youtube)

top

3d modelsHow to create extreme 3D models using Photoshop gradients via the 3D depth maps in CC 2019 2018 2017 2015 etc ? Basic steps include select the GRD tool in Photoshop for the creation of the 3D model. Select a preset. Select the blending mode for the gradients (such as difference). Apply gradient again perhaps using a different origin or length etc or perhaps change the gradient to a radial gradient to create even more extreme color for the 3D model. Apply effects etc as required. 3D menu then new mesh from layer followed by Depth map to and select the "Sphere" option. Now you have the model, you can rotate it, simplify it, transform it, blend it, create an instance but the key thing is the export to other apps such as Poser. Of course, you do not need to use the sphere option but I have always found that creates some of the more interesting depth maps. There are many different designs you can create via the menu and new mesh from layer and depth map such as the depth plane. You can then rotate that, scale it and much more. Go to the properties panel and you can also change the style of the plane to set it to a depth map or sketch etc. You can also select the background via the key panel and then go to the properties and set it to different materials as well as different illuminations and ambient settings. You can also create an unusual combination where both sides are the same by using the two sided plane option. All the other settings are available such as surface style etc. Great for a mirror effect. Solid extrusion creates something like the single but it is solid instead. A combination of the basic extrusion and the single plane. Great for type. Two sided extrusion creates a lovely solid extrusion with both sides matching. Sadly, there appears to be no way to increase the extrusion or setting to set the extrusion. You just get the default setting. The cylinder option creates a lovely abstract cylinder design that would look good on a table or mantelpiece. Again, you can use the defined color or you can edit the colors or use one of the material presets supplied. I often find sphere option creates the most abstract and weird and wonderful designs. As with all the creations, you can also duplicate them and create instances of the artworks and then combine them in multiple ways. You can also flatten the artwork afterwards and use the layer as just a normal layer and combine with effects etc. There is also new extrusion from layer command which can also be used with gradient layers. The most basic as it just generates a cube with the design but you can modify the extrusion depth as well as add twists and twirls etc. If you want to export the 3D model to another application. There are a number of formats such as OBJ etc to choose from and that can be exported to Poser etc. 3D menu and then Export layer and Select OBJ etc. You can also create slightly different and unusual artworks by using the presets and blending modes such as difference combined with adjustment layers as well as effects such as blurs to create a perhaps more subtle design. Video tutorial on the subject of creating 3d models by graphicxtras.com (youtube)

top

blendsHow to blend Photoshop gradients multiple times using blending modes to create amazing colorful designs in CC 2019 2018 2017 2015 etc tutorial ? For example : Select the GRD tool in toolbar. Select a preset to use with Photoshop blending modes via preset picker. Goto to the blending modes and select difference or darken. Apply preset to document. Apply the preset again and the blending mode will blend the pixels with the original apply. This can be repeated over and over perhaps varying the mode to darken or difference. Using a single preset and then combining that using different blends can result in millions and millions of unique colorful images and backgrounds and overlays. There are infinite number of possible combinations as well as possible presets so you can create a vast range of super colorful designs that can be used as backgrounds, posters, models, CD covers and more. Personally, I find the results of a subtle two stop presets much better than using a very complex 20 or so stop one. At first you may find the results of the merge are a little unpredictable but after a few test runs I am quite certain that you will see how to mix the tool and settings with a more predictable result. If you then use multiple different presets in the same way, literally billions of unique artworks can be created but in many cases, more and more applications can result in a very complex and unusual design but if that is what you want (and the artwork can then also be manipulated further with effects such as blurs to reduce some of the complexity). Apply the GRD tool from the toolbar. Create a new layer via the layer menu and apply a new preset as well as change the origin and angle etc as required for that preset. Go to the layers panel and set to difference via the top menu commands. Flatten the layers and then go to the filter menu and apply a blur or filter gallery effect such as poster edges. The combined result is often worth it and certainly often better than any single apply of the tool. PS has a number of different tool settings but if you really want to create some truly unique colorful merges than I would recommend also checking out the wonderful Sumo Paint which includes multiple bands and spirals as well. Other tools such as Painter also has some really amazing features in the same area and they can be combined in countless ways using the same approach as PS. With the latest version of Painter you can now interactively modify the tool. Same with PSP. You can apply the GRD tool at different start positions as well as using different lengths and angles or perhaps fuse the color designs with changes to the apply for the tool such as using the linear followed by radial style and fusing that with the result with additional diamond type preset applications. You can also use different presets and bind those together also. For example - Apply the preset as linear. Set to difference. Go to the types and set to radial. Create with a very small length to create a 'bubble'. An even better approach to use the 32bit color with the blending modes and presets (go to the image menu and mode and select the 32bit) and then convert back to 8bit etc at a later point though the number of options is slightly less than 8bit, the beauty of the merging of the presets is probably worth any loss of the lesser used settings (I am certain everyone has their favorites). You also get to manipulate the end result using the HDR toning when you convert back and that can create even more stunning color effects in seconds and the result can be manipulated in countless ways as well as simply selecting a preset from the dropdown. You do not need to use the GRD tool at all as you can also do much of the above using the menu command and the fill content found in the layer menu. You can also do the same combinations in the layer effects menu though I must admit the interactively of the toolbar can result in better images. The menu commands also mean the designs are on layers and are still live and the presets can then be tweaked and re-bound and merged in numerous ways, something that is often lost with the more destructive toolbar. You can, of course, capture the mixing of the presets and the changes of the merging as a script and re-play this at a later time. Create a quick selection using the elliptical marquee tool. Apply the preset such as as in radial type and use the difference or lighten etc and create a colorful design inside that selection. Copy the created spherical design and paste. Shift that layer and then using the move tool and alt / option duplicate the layer multiple times and shift them throughout the document. As they are layers you can also go to the top of layers panel and change that to difference or lighten etc. Also you can use effects such as liquify as in the example on the right. Video tutorial on the subject of blending modes by graphicxtras.com (youtube)

top

Contours contoursand how to create them using Photoshop gradients in CC 2019 2018 2017 2015 2014 etc. Custom shape tool or ellipse etc to create a shape to support the contour gradient and shape option and apply shape design as a layer. Layer menu and Layer style and select Outer glow style. Click the gradient option button if it is not already selected and set the blend mode to normal and opacity 100% and technique precise and spread 0 and size 250. Select a preset with multiple stops (not just one or two) for the contour in Photoshop. You can use multiple stops to create the inset / offset effect. Once you are in the layer styles panel and the outer glow. You will see a preset picker / dropdown. Click that to display the editor for the presets so you can see the stops that make up the colors of the design. Go to the bar in the center of the panel and click the bottom of the editor bar to add a stop. Change the color via the color setting on that panel. Click in different positions along the editor bar to add more stops to the line. If you want a more even effect then go to the editor bar and click at 0% and 10% and 20% etc and set the color from green to black and green to black and so on alternating the colors. You can make any number of variations by simply setting the positions to 0% 5% 10% 20% 50% etc as well as changing the color alternating, perhaps use two blacks to one color combinations etc (up to you). Click the new button to save it to the panel. Once you have that inset / offset set of stops, you can then either click OK to add the result to the outer glow panel as well as click the new button to add it to the current presets in the editor panel. The result works best when you manipulate the range setting found in the outer glow panel at the bottom and also using precise for the elements technique. You can apply this preset then to the selected shape. It should be noted that you don't have to perform the above in the outer glow panel, the generation of the stops can be done while selecting the styles overlay, fill content etc as well. If you have the design as a layer, you can save the artwork to your current CC library. You can also turn the artwork into a smart object via the layers menu and smart object and convert and then you can also add effects such as camera raw filter as well as color adjustments to modify the designs in millions of ways. You can also transform the design in many ways such as warping it or scaling or rotating it. The design uses multiple stops of brown and flesh and added to a black star burst artwork. The design was then converted into a smart object via the layer menu. The artwork was then copied multiple times via move tool and alt / option key and then re-positioned and re-sized Video tutorial on the contour subject by graphicxtras.com (youtube)

top

newHow do you create a new gradient in Photoshop tutorial, Photoshop CC 2019 2018 2017 2015 CS6 etc. Select the GRD tool in toolbar (you can also use other sections such as layer styles as well as edit menu preset manager and fill layers and access the presets and the preset editor). Goto to the top left of application along top bar. Click the presets picker dropdown to enter the editor (not the little dropdown arrow as that just shows the presets). Once in the editor, you can modify the existing stops as well as add new stops and delete stops and change the colors and opacity and a slight change can have quite a dramatic result. Once you have done all the various changes you can then save or create a new preset. Click "new" button to create new preset. Click OK to exit the editor unless you wish to create more presets - you can probably add a near infinite number of presets to the panel though the more you add, the longer it will take to read all the resources as well as for you to search for your favorite presets. If you create a lot of presets in the editor, you might like to move your favoite presets to the top of the presets and you can do that by going to the preset manager in the edit menu and move the presets around in the panel (sadly there is currently no most recent used gradients displayed in the panel). The preset manager also makes it a lot easier to select a lot of the presets and delete them in one go. In the editor, go to the colorful bar in the middle of the editor panel. Color stops are along the bottom row. Opacity stops are along the top row. Stretch out panel to fill a lot more of the screen (makes it easier to select and create more complex color effects with the editor). Click on the top of the bar to create opacity stops to select and move existing entries. Click away from an existing stop to add an opacity stop. You can change the value of the opacity and location at any time via the edit fields below the bar at the bottom of the editor. To remove an opacity stop, just drag the stop of the bar. The opacity stops can be set between 0 and 100%. Zero percent and the stop is totally transparent. Click on the bottom of bar to create color stops. Click on existing bottom stops to move and select them. Double click the color stops to change the color as that will display the color picker for you to choose a color. Click away from an existing color stop to add a stop and then change the color as modify the location by dragging or using the location field at the bottom of the panel. You can see that you are adding a stop as the cursor will change to a hand. Changing the location via the location field is often easier than dragging the stops especially if you want to space them out 5% 10% 15% etc or perhaps 5% 15% 30% etc. The edit fields for the stops is found in the bottom half of the panel and you can change the location of the stop (you can also use the up and down slider to move the location so the stop will change from 10% to 11% as you click the up and down slider). You can change the color via the color picker or use the eye dropper which is active while displaying the picker (which sadly does not allow any access to the bar itself so it is not possible to select the current color of a stop). As you select a stop, you will see the color field and the location for the new gradient change. Once you are happy with the preset, click the "new" button and you will see your work added to the last entry in the panel (any modified preset will not be changed or saved so if you don't add the preset then you will just lose any of your changes as soon as you click a different preset). Mainly been talking about solid type but there is another type, and that is noise. Most of the examples on the page have been for the solid type but noise is pretty good for all kinds of things such as creating weird and wonderful scratchy designs, coarse designs, oddball color effects and more. The noise type adds a lot of additional features such as roughness and randomized color (pity some of those features are not in the editor for the solid as well). You can modify the roughness - if it is low then the result is a fairly nice smooth change of colors but if the roughness is set to 100% the result is a lot of sudden color changes. You can also click 'add transparency' which adds to the noise a selection of gaps or transparency. You can also restrict the range of colors used in the noise by using the sliders at the bottom by moving the minimum and maximum controls. Put the red minimum and maximum together at 0 and you will see no red in your noise preset. You can also change the color model and use HSB etc so by reducing the saturation sliders to 0 you can de-saturate the noise preset. Usefully there is also a randomize button to randomize the noise. Each and every time you click the randomize you can click the new button also and add a vast range of new noise presets to your panel (it is a pity the randomize button is not available for the solid and randomization of stops). For the solid type, you can also modify the midpoints for the color stops as well as the opacity stops. Go to the bottom (color) of the bar or the top (opacity) and you will see a little diamond in between the stops and they are the midpoints for the stops. You can shift this right or left to sharpen or blur the color or the effect of the color. Only the end points don't have any left side or right side midpoints. The midpoints are also available for the opacity stops as well and you can control how much or how little of the color is used and how it fades away. Once you have finished creating the color set (and remembered to go to the right side menu to save it), click OK and exit and apply the preset using the fill or fill content or layer effects etc Video tutorial about the gradient subject by graphicxtras.com (youtube)

top

alternatingHow to create a colorful alternating gradient in CC 2019 2018 2017 2015 2014 CS6. Goto to the GRD tool in toolbar for the repeat / alternating preset. Click preset picker. Goto to the bar and set two opacity stops at 0 and 100 with 100% opacity. Goto to the bottom of the bar. Move the first stop to location 0% and set color to blue (via color panel) and move the second stop to location 10% and set color to yellow. Remove all the other stops by dragging them off the bar. Click the first stop again and then click along bar at 20% and 40% and 60% and 80% and 100%. Click the second stop again and click along the bar at 30% and 50% and 70% etc and Click OK. Apply the colorful preset via the GRD tool. Of course, you can vary the color of the design as well as varying the distances and you can always apply them in numerous ways such as an ellipse style or diamond style. Once you have applied the preset to the document whether via the tool on the toolbar or the fill content layer or layer effects in the layers menu, you can also add adjustments to the result and modify the colors in even more ways. Go to the layer menu and new adjustment layer and select hue / saturation and then give it a name and set the blending mode and opacity and then click OK and then go to adjustments panel and set hue / saturation etc or click colorize and then change the hue / saturation etc. You don't have to create a preset that is just 0 5 10 15 etc you can also create one that is 0 1 2 4 7 etc or 0 10 12 14 20 22 24 etc. The easiest way to do this is to use the location setting but you can also stretch or expand out the editor panel. Video tutorial on the subject of alternating presets by graphicxtras.com (youtube)

top

How to fill layeruse fill layers in Photoshop CC 2019 2018 2017 2015 CS6 etc. New document for the fill layer content. Layer menu and New fill layer and Gradient. Give the gradient fill layer a name and click OK. Select a preset for the fill layer content. Set style such as linear and Angle and Scale and then click OK. Access them via the menu listed above and create one or more. Now you have the content, it can be used in many ways such as a normal layer (though you cannot apply effects etc to them using opacity as well as blending modes. You can also mask them and combine them with underlying images etc. If you want to re-edit the entry such as change th origin or change the preset, double click the preset thumbnail in the layers panel. You can also turn them into smart objects and then add smart filters such as twirls as well as adjustments etc. Go to the same menu and down to the smart object category and then convert to smart object. As a smart object, you can always edit the content by double clicking the little smart object icon in the panel. You can also add transformations to the content so you can distort it or apply perspective or warps etc. The content is still available to edit. Select the entry in the layers panel and you will see a little white box beside the colorful content. Select that white box, it is the mask. You can fill it with any such as shapes, brushes, effects such as camera raw and much more. The mask allows more or less of the background to show through. Video tutorial on the fill layers subject by graphicxtras.com (youtube)

top

How to framescreate frames and borders using Photoshop gradients ?. A variety of methods can be used with CC 2019 2018 2017 2015 2014 CS6 etc ? Open image and select the rectangular marquee tool and select inner part of the image and then select menu and invert. Select GRD tool and apply to the inverted area / image frame. Copy and paste the frame gradient region. Layer menu and layer style and drop shadow to finish the create of the frame and then flatten. 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. 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. The approach to creating the design on the right was by using the gradient tool and using a preset set with transparency and using it with linear mode. The key thing is to go to the editor for the preset and set a strong color (orange, blue etc) on the left side of the tool editor and have 100% opacity and then set the vast majority of the rest of the preset to opacity 0% (the right stop). Once you have done this, use the tool and apply the color around the edge (left, top etc in sequence) and change the color for the main 100% opacity stop to blue, green, yellow etc as you go around the edge. Depending how much of the preset you have set to 0% will be reflected in the end result of the colorful edge. If you have only a thin sliver of color in the preset then you will only have a thin sliver of color appear. If you want to have it parallel to the edges then hold down the shift key as you apply the preset to the image. Example showing how to use transparency presets to create the border is on the left. You don't need to use the presets directly but you can use the result of the preset added to a single layer and then duplicated over and over around the edge of an image. You can control the distribution of the edge so you can add as many or as few as you wish. 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. The generated layer does not have to be round, it can be any type of layer and the easiest way to generate the layer is to use a selection and fill that with the gradient colors and then copy and paste to generate the layer. You can also use type as a great source for selections and filled layers by using the horizontal type mask tool or the vertical type mask tool and then using that with filled colors to create the layer to be used to fill the edge. 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 such as vignettes. You are not limited to just a black vignette as the gradients can be set to any color (and you can also combine it with opacity and blending modes to add the vignette in many additional ways with the underlying image). 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. All kinds of amazing frames can be created by using shapes and also combining the shapes with gradients. As shapes can be in any form, you are not just limited to linear frames but all kinds of weird and beautiful artwork such as perhaps Celtic designs or embellishment designs and more. Go 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 (or use a more elaborate custom shape for the core of this design but the linear artwork is great as an example design as on the right) 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. You don't have to create just a single line or object around the edge of the image, you can duplicate the lines or duplicate the custom shapes and create rows and columns of the same (or different designs and again filled with different or the same gradients). You can perhaps apply the lines as above but add to the line as well such as adding circles filled with the same colors to create a sort of pulsed light around the edge of the artwork. As you can also select all the items around the edge and add them into a single or multiple smart objects via the layer menu convert into smart object, you can also add effects to the design such as gaussian blurs or halftone dots and then use that around the edge of the image. Using smart objects has the added advantage of the ability to add adjustment layers to the artworks and the color adjustments can change the frame colors in seconds via a simple change of hue / saturation color adjustment or exposure or vibrance or any of the other tools included in the adjustments menu. You can then edit the properties of the objects via the layers panel. Selections are great way of adding color to the frame of any design. Create 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 You can, of course use any selection so it does not need to be a rectangular frame but by using tools such as color range or the tools such as elliptical marque tool or the quick selection tool or using features such as combining multiple selections, all kinds of selections can be generated and then filled with the colorful designs. You can also combine those generated colorful designs with effects as well and brushes. Select the elliptical marquee tool and create a selection in the center of the image and then use the selection menu and inverse and then fill that design with gradient tool applications such as linear, radial etc. Change the blending mode to darken or difference or exclusion etc and apply again and again until you have generated an amazing colorful background for your frame. Now go to the filter menu and apply any of the effects such as render and lens flare or filters in the filter gallery. You can also combine it with brush strokes such as using mixer brush found in the tools to smudge and blur all the generated colors. Another way to use the selections is to use the edit menu and paste special and paste into. The key thing here is that you have something to paste into the selection and as you can paste anything, all kinds of colorful images can be created. Photoshop is pretty good when it comes to gradients but other applications such as SumoPaint and Painter and Clip Studio have a greater range of different graduated effects and they can be used to generate a design and then selected and then copied back into Photoshop by using the paste special. Say you have Painter, well start that application and then create a large new document (same size or greater than the original image you want to paste into) and go to the gradient tool and select the spiral option at the top of the application and select one of the express paint options (these then apply a painting effect to the color design with different levels of strength). You can then click the OK and then use the select all command and edit menu and copy. Go back to Photoshop and then go create a rectangular marquee selection and select inverse that and go to the edit menu and paste special and paste into. You will now have the design created in Painter in your frame. Using Painter in this example but the other applications such as Sumo Paint also come with a lovely selection of features to create unique colorful designs that can be used over and over in other projects. You can use the transparency in the preset (see the colorful edges and shapes for the preset). Gradients come with a mix of color stops and opacity stops. Where the opacity stop is less than 100% then you will see more or less of the underlying image (of course, you can also use blending modes and opacity for the entire preset but that is not the same, the result is very different). The key thing with the preset is that it has a 0% opacity stop at the left and right end. That preset can be quickly added to a new layer. An alternative to this is to just create a layer via the new layer command and fill with a gradient with no transparency and then just squeeze the design using the layer transformation and create a thin colorful line that can be used as an edge. Create a new layer via the layer menu and then apply the GRD tool (with a preset filled with transparency or not and if not, squash it with the transformation tools) 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). You don't have to use just one layer per edge. You can quickly create a new layer (on top of the image) and fill with the transparent gradient and then use the duplicate command (found in the layers menu or just hold down the alt key) and repeat this multiple times (more than the four edges). The design can then be position around the edge of the image but instead of a single layer per edge, add more than one layer per edge. You can then shift the individual layers to create all kinds of complex and intricate designs. In the example on the right, a single new layer was created and filled with the preset with a couple of color stops in the center and opacity stops of 0% at the ends (most of the preset was then transparent). The layer was then duplicated four times to create multiple steps for one edge. The four layers were then selected and converted into a smart object and the smart object was then placed around each of the edges to create the frame. The great thing about the smart object approach is that the preset can be changed at any time and adjustments can be added to the smart object to re-color the artwork so an orange border can be turned into a green or blue one in seconds via the adjustments. Selections can be combined with layer effects to create your unique colorful frame. Haven't mentioned layer effects but they can be used to great effect as the layer effect gradient overlay can be edited at any point and 1000s of presets can be quickly applied to create a never ending stream of unique borders. With the latest version of layer effects you can also add multiple entries and multiple blending modes to the frame design to create even more unusual and beautiful artworks. You can also add multiple shadows. You 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. You can also create more complex frames by using the same selection approach as above but duplicate the frame layers. Obviously of little use if you just add them on top of each other (unless using them with blending modes) but you can always transform and rotate and shift and scale the generated layer and by using a variety of layering methods, stunning artworks can be created for your original image. You can also change the color of the overlay as well as the shadow direction and add bevels (varying) to the layer. For example, create a layer using the inverse selection and copy and paste and go to the layer menu and layer style. Select an overlay. Hold down the alt key and duplicate that layer. Re-size and rotate the layer. Go to the layer styles and change the angle or type etc for that overlay (otherwise the result may be very similar for each layer). Repeat this as required. Video tutorial on the subject of frames by graphicxtras.com (youtube)

top

Learn how to create ghostly / spooky type / text in CC 2019 2018 2017 2015 etc. Fill ghostlybackground with black via edit menu / fill for the ghostly spooky type. Create type via the type tool in Photoshop using white (filling most of document). Flatten. Filter menu and Gaussian blur (40px perhaps but depends on size of type and document). Select the GRD tool in the Photoshop toolbar. Select the preset (Black, white) via the preset picker (set to default gradients via reset). Set style to linear and blending mode to overlay. Apply gradient over the type from top to bottom of the document (vary origin point) for the spooky effect. Filter menu and liquify and select the forward warp tool (set brush size to a large value). Warp the type in different directions. You can warp the characters in numerous ways. Another option is to use the edit menu fade after you perform the liquify filter (found in the filter menu) and set the opacity to 50% and the blending mode to lighten and you will have a ghostly shadow character effect. You can use a combination of filters such as the blur and liquify. Firstly select the object and then go to the layer menu and smart objects and convert. Apply a gaussian blur from the filter menu and then go to the liquify. The forward warp tool is a good tool to warp the characters in the direction you want but the bloat tool adds a final touch. Click OK. Video tutorial on the ghostly type subject by graphicxtras.com (youtube)

top

mapsHow to use gradient map adjustments in Photoshop CC 2019 2018 - CS5 CS4 etc to apply amazing color effects on images etc. Image menu and Adjustments and gradient map. Select a preset from the preset picker panel (you can load other libraries so you can load more than the current selection and you can also use the preset editor to change the existing presets) and select dither and reverse as required and then Click OK. Or go to the layer menu and new adjustment layer. Select the gradient map and select a preset. Best option is to use the adjustments via the layer menu and use them as adjustment layers. Used as a layer, the map is a live and non destructive and can be tweaked and modified at any point in the creative process. You can change the preset at any time via the properties via the layers panel. You can create your own presets or you can obtain additional presets and they can be used to apply super colorful effects, black and white effects, surreal effects and many more to any number of images as well as underlying layers and text / type images. The tool maps the tones of the image to the presets. The darkest parts of the image will be mapped to the far end of the stops; the lightest parts of the image will be mapped to the other end of the preset stops. Once applied that is really it (it has the least controls of any adjustment perhaps other than invert). You can use the image menu adjustments and map and then go to the edit menu and fade. The map doesn't offer that much functionality beyond changing the preset (such as adding new stops and moving stops and deleting them within the editor mode) used, the fade allows you to manipulate the result of the map with blending modes and opacity. It is a pity that functionality was not included in the panel in the first place (as well as the ability to shift the preset etc). Of course, the preset can have more than just two stops (and many of the basic presets are often two stop presets) and you can use this to create truly surreal effects simply by going to the presets picker for the current added layer and then changing the stops and adding new ones and removing existing ones (see our other tutorials for the editing of the presets). If you have a slightly blurry image, the effect can often create some truly weird and wonderful surreal color effects in seconds. HDR toning adjustment is found in the image menu only. Go to the image menu and adjustments and HDR toning. The HDR feature as well as camera raw is pretty useful in combined with the effect especially as you can add some interesting color blurring effects which can then be combined with the map effect. If you want to create more subtle color effects with the maps then probably sticking with a sharp image and only a few stops in the preset. You can use the map layers in 16bit mode (but sadly not in 32bit mode). If the map is used as an adjustment layer, the layer can be blended using different blending modes such as difference and the result of the blending can radically change the image as well as the underlying layers and text / type. The blending can be changed at any time via the blending mode dropdown in the layers panel. You can also change the layer's opacity. The generated layer can also have a mask added so the effect can be changed for one part of the image and the rest of the image will have no color effect applied at all. You can change the mask at any point via the layer menu such as disabling it. You can also use tools such as the brushes to add to the mask of the mapping so more or less of the color effect is displayed. If you have a super colorful image and you want the color effect to turn the image into a black and white image in part of the image then apply the black and white preset via the dropdown and then create a layer mask via the layer menu and add black or gray to the image to change the amount of black and white colorization added to the image. You can apply multiple map layers to the artwork and they can then be modified at any point. You can also re-order all the layers so the color manipulation can be changed at any point. You can also remove the layers at any point as well as well as disable them (so they are still there but just not reflected in the end result). You can use the feature with time lines and videos (go to the window menu and select timelines and then create a video timeline). Simply change the video timeline into a smart object via the layer menu and smart objects command and then apply the effect to the video and the entire video can have a totally amazing color effect added in seconds. The rendering of the video is relatively quick compared with adding an effect such as a blur which changes more than the color of the pixel. You can also enable the layer mask and layer mask position in the time line and then change the position of the mask for the layer to modify the colors applied. As a layer, the GM can be modified further by layer effects such as adding bevels and satin and glow effects to the color changes and shifts. The result of the color shifts as a layer can also be exported via the color LUT export and the result can be used in other applications. Please check out our videos section / tutorials on youtube to find out more about this powerful feature in PS and also to see a lot of examples how they can be added to images etc. Video tutorial on the map adjustments subject by graphicxtras.com (youtube)

top

How to install Photoshop gradients in CC 2019 2018 - CS5CS4 etc. How to quickly load themload install open

Select your GRD files that you want to load and install) file (s) and copy. Go to the applications or program files folder (mac or PC). Expand the Adobe / Photoshop application folder. Go to the "presets" folder. Paste or place the GRD files into the "gradients" folder to install the gradients. Select the GRD tool in Photoshop toolbar. Start up the application. Go to top of the application and open the presets picker dropdown. Access the GRD file via the right side menu of the presets panel and load the gradients. The presets can also be placed in the user's section to avoid any issues with administrator passwords etc. The locations for the user accounts are (not that XXX means 2018 or 2019 2020 depending on the version of PS you are using). ~ / Library / Application Support / Adobe / Adobe Photoshop XXX / Presets (for the mac) and users \ XXX \ AppData \ Roaming \ Adobe Photoshop XXX \ Presets etc (for the PC). You can load them and install the presets from any folder but it is probably best to add them to the presets folder. You do not need to install them into any particular folder but if you do add them to the standard folder you will then see the names of the presets listed in the presets panel for quick access. This is a quick and easy way to load and install the presets and instant access to the colorful designs. As soon as you select one of those named files in the list, the presets are added to your panel and you can then use them in multiple ways in the application. Personally, I generally use the panel and the right side menu and select the Photoshop gradients' load / replace commands and load the GRD files via that as I have a central location for all my GRD files and I can then load them as I require them instead of having a huge long list of names to scroll through. The same menu is available whenever you use one of the tools that uses the GRD files. You can also install / load them via the preset manager via the edit menu. Select the preset type in the dropdown. You can then load them (appending to the existing set) by selecting the GRD files. You can load them via a number of tools in the application : Fill layer command + Presets manager + Overlay section in layer styles + GRD tool + Fill command etc. Once you have load the presets into the panel, you can then select them and use them via the tools. If you purchase our collection set of 32,000 amazing color effects, you can add all the GRD files to the presets folders and when you go to the right side menu of the picker panel, all the file names will be shown. Video on the subject of installing the files by graphicxtras.com (youtube)

top

How to typefill type with colorusing gradients in Photoshop CC 2019 2018 2017 2015 CS6 CS5 etc. Create some text using the type tool. Layer menu and layers styles and go to the Gradient overlay panel. Select gradient from dropdown and style and angle - with the latest version you can also add multiple presets to the fill of the type and mix using blending modes. Click OK. The quickest way to add the color effects to ABCDE etc is to use the layer styles and the overlay or stroke or glow etc. You can then use the style and angle and length of the preset to modify the color of the text design. While it is active and displayed, you can use the layer style controls to manipulate the origin and angle as well as change the preset applied to the characters. The feature is live so can always be altered at any time by going to the layers panel in PS and accessing the overlay and changing the settings there. You can also use the type masking tool and apply presets to that in countless ways. To use the masking, simply select the tool in the toolbar and then set the size and font etc and then click the document for the origin of the characters. Create the characters and then go to the GRD tool in the toolbar and select a preset from the preset picker as well as set a style such as linear or radial and then apply that to the selection and you can apply it multiple times with different styles and presets as well as using different opacities and blending modes to create either a basic set of super colorful characters or a very complex design inside the ABCDE etc. With the latest version of CC you can now add multiple overlays to characters in the layer styles dialog by using the '+ to add an additional preset overlay and you can then using blending modes within the layer styles dialog to create all kinds of super colorful items and these can also be saved to the styles panel as well as stored in the CC libraries for future use. All kinds of designs can be generated by combining multiple sets of characters with the presets. You can also convert the combined overlay (from the layer styles) and characters into a smart object via the smart object command in the Photoshop layer menu and then combine the effects with smart filters as well as smart adjustments and you can then add additional shapes and GRD presets to that and also combine the results with blending modes and more in a smart object which can also be placed into the CC libraries. The key thing is that the characters are still live (and can be edited and changed from ABCDE to ABDFK etc) and the layer style and applied overlay preset can be modified at any point. The smart object approach is also useful if you wish to add a quick extrusion with the letter artwork and overlay via the 3D menu, The smart object can have smart filters and adjustments added. You can also just combine the artwork with the background via the flatten command and then add brush strokes and other effects to the characters such as adding LUT adjustments as well as many other adjustments such as filters (camera raw etc) or hue and saturation filters and more. You can also just expand the characters and turn them into a normal shape via the convert to shape command and then use fill content etc as with any regular shape layer. Select the custom shape tool (as well as keeping the characters selected) and then go to the top of the application and change the fill / stroke etc. Once you have selected the correct content (not patterns or solid etc) then you can then change the characters at any time by just double clicking the entry in the layers panel. Video tutorial on the type / presets subject by graphicxtras.com (youtube)

top

How do originyou apply a vertical gradient in Photoshop CC 2019 2018 2017 2015 CS6 CS5 CS4 etc ? Goto to the GRD tool. Goto to the presets panel / dropdown and select a preset. Set style to linear (you could also use the mirror / reflected style as well). Click top of the image in Photoshop. Drag down and hold shift key down for the vertical gradient. Release mouse at bottom of image. You can, of course, have a different origin point (perhaps 200 pixels from top or 300 pixels) and release at any point before the bottom of the design. The preset can be a solid color preset with no transparency. It could be made of many opacity stops. You can start from the bottom up as well. The key thing is the shift key and up or down to apply it vertically. There are 1000s of different preset. There are trillions of images. Clearly, presets can be applied to any image in countless ways. The example on the right is but one. Go to the GRD tool and then Go to the preset dropdown. Select a preset set from right side menu (select Photographic toning). Set the style to linear. Set the blending mode to screen. Apply from top to bottom + hold shift key. Release mouse. You can create all kinds of abstract designs using tools such as selections. Select the rectangular marquee tool and then create a long and thin selection from top to bottom. Go to the GRD tool. Select a preset and then Select linear style. Apply preset from top to bottom and hold shift key to constrain the preset to straight down. Go to the Move tool. Hold down alt / option and duplicate and move selection. Repeat numerous times and you will then fill the entire image with these thin lines of colorful vertical design (you can vary the positioning of the duplicated designs in countless ways) to create something like the blue design on the left. Another approach to the GRD tool would be layer styles. You can create a rectangle layer and then go to the layer menu and layer styles and add a gradient overlay which can then set the angle to 90 degrees and set the style to linear. Click OK. Duplicate the layer and then modify the origin position of the style by re-displaying the panel by double clicking the panel via the layers panel. Another approach to the above would be to use a fill layer and set the preset style to linear and set the angle to 90 degrees or 270 degrees and then use that once or multiple times to create all kinds of vertical designs. Selections can also be used in combination with the colorful presets. Firstly create a thin selection filling the entire length of the image from top to bottom using the rectangular marquee tool. Go to the GRD tool and then select the linear style and hold down the shift key and apply the current preset from top to bottom (perhaps starting outside of the selection and beyond on the other side). Shift the selection to adjacent the original selection (from left to right or right to left) and then repeat the application of the preset but change the origin point and finish point (still hold down the shift key). Move the selection by using the rectangular marquee tool again and repeat fills until you fill the entire image with many different preset filled lines. Of course, all kinds of variants can be created using effects combined with the presets and perhaps using left to right presets instead of up and down (or vica versa) or making more complex lines by combining presets with different blending modes such as difference. Video tutorial on the vertical gradient subject by graphicxtras.com (youtube)

top

gradient overlay Photoshop stylesHow to use Photoshop gradient overlays and layer styles / effects for CC 2019 2018 2017 / 2015 CS6 CS5 CS4 tutorial. Select a layer as long as the layer has something in it (if not, you can always fill it with either the GRD tool or use the edit menu and fill command and black fill). Go to layer menu and then select the Layer style command. Select gradient overlay. Change settings of the layer style in Photoshop for shape as well as click '+' to add more than one overlay. Click OK. The key thing is having a layer, without that then there are no styles and no gradient overlay. So create a layer via the new layer command. It also helps if there is something in the layer, if it is a blank design then there is nothing to add the effects to. So just go to the edit menu and fill command and then fill the entire design with white or black or any solid color. To apply that, go to the layer menu and then layer style and select the overlay. You can then change the settings for that such as blend mode, opacity, actual preset, align, style / type, angle, scale etc. One thing you will notice if you are using the most up to date versions of the application is that there is a little '+' at the side of the entry for the overlay and if you want to add more than one overlay then click that. OK, once you have clicked the '+' then you have two (or more entries and to see the interaction between the different entries then the easiest way is to use the blending mode / blend as well as opacity. So if you have three entries then the two topmost entries can have blending modes and opacities such as difference and 50% opacity to allow the lowest entry to be seen. Each of the entries can also have a different angle and origin point and scale as well as different preset and also type so one of the overlays can be linear and the another can be radial and the other angular and they can each be located at different start points (which can be shifted at any time if you change your mind). If you only fill a part of the layer then that part will display the overlay. Goto the empty design and select part of the design (in the example the selection is a rectangular marquee tool but it could equally be any number of different and more complex selections). Goto the edit menu and fill command and fill with white or black and then go to the layer menu and apply another overlay (as described above). In the example, you can see two entries and they have been blended by using the difference blending mode for the top entry. You can click the layer and select it and then hold down the alt key and duplicate the design and repeat that duplication over and over to create multiple entries of that presets combination. You can convert the artwork into a smart object via the layer menu and smart object and convert. Once converted, the designs can then be manipulated by using effects such as filter and distort and twirl. If you use a selection and fill that with black on a blank layer, you can also add the overlay style and then convert that into a smart object. Once it is a smart object, the preset is distorted as is the filled area so you can generate all kinds of weird and wonderful designs using selections. You can also quickly use the gradient overlays with type. Create some type via the horizontal type tool and then re-size the design as required. Goto the layer menu and layer styles and use the gradient overlay. You can then manipulate the origin, angle etc of the preset added to the current selected type. All kinds of amazing type designs can be created by using the overlays. In the example you can see multiple type entries duplicated with the same preset added. You can keep all the presets the same or you can modify each of the designs in turn. You can also use the gradient overlay / styles with a layer with an added mask. Create a design as before as a single layer and then with that layer selected, go to the layer menu and layer mask and reveal all. Once you have the mask in the layers panel, select that entry and then add brush strokes and shapes etc to display more or less of the gradient overlay. All kinds of complex masks can be added to reveal more or less of the artwork. If you want to change the mask, you can change it at any time by editing it. If you want to modify the actual overlay style then go back to the layer thumbnail. Video tutorial on the of gradient overlays using layer styles by graphicxtras.com (youtube)

top

How rainbowsto create a quick rainbow in Photoshop CC 2019 2018 2017 2015 etc. Open document or new document for the creation of the rainbow. Select gradient tool in Photoshop toolbar. Goto the gradient presets picker and click and select the "transparent rainbow" (reset the gradients if this is not available via the right side menu). Move the opacity and color stops on the right away from their 100% position and shift the other stops so the colors are still equally spaced for the rainbow. Click the radial gradient type (adjacent to the gradient presets picker) - perfect for rainbow creation. Click the reverse box (the rainbow gradient is actually the reverse of a normal gradient). Layer menu and new layer. Draw the gradient filling the entire document. Shift created layer to required position. Filter menu and blurs and gaussian blur (set value as required). Set opacity to 50% for the layer via layers panel (blending to overlay perhaps). Layer menu and layer mask and reveal all. Select the layer mask icon (adjacent to layer thumbnail in layers panel). Set foreground color to black. Select the rectangle tool. Draw a black rectangle in the layer mask cutting off the bottom half of the colorful design - that can vary to how much of the art you want to remove. You now have a rainbow that you can save to the CC library and re-use in your projects in CC 2019 2018 2017 etc. Another way to produce the design would be to use the gradient in fill content via the layer menu. Select the same GRD preset as before and apply the reverse option in the content panel. You can change the scaling as well as the position of the origin and you can also modify the stops by clicking the preset editor. Click OK. You now have a single layer which can be used with any background, solid color or image. Now convert into a smart object via the layer menu. Layer menu and layer mask and reveal all and go to the mask thumbnail in the panel and apply a black pixel rectangle to the bottom half of the gradient. As the layer is stored as a smart object is can be updated at any point to change the transparency. You can also alter the mask at any time to fit in with any image. You can create a double effect in the sky simply by duplicating the fill content. Duplicate the layer. To make the effect look more convincing it is probably best to add some opacity to the first layer and set that to 50% and the second and larger layer set to 20% as you want the other color design to be fainter. Increase the size of the second layer but then go and edit the stops (the reason to create it as a smart object as this makes editing a whole lot easier). Video tutorial about the rainbow subject by graphicxtras.com (youtube)

top

spiralHow to twirl a gradient and create a spiral preset ? There is a limited range of different types and it would be great if there was a spiral but there is a twirl filter and that is probably the easiest way of creating a spiral type using the current preset. Apply the preset using linear or radial etc type and then go to the filter menu and distort and use that filter. It is not the best spiral in the world though but you can always apply the effect multiple times with the same value (use repeat). An easier way to create the spiral is to use the elliptical marquee tool and create a quick circular selection and then apply the filter to that. You can then create the spiral in a particular part of the preset. In the example, you can create a very small selection on top of the applied preset and apply the effect. Move the selection to another part of the preset and apply the filter again and repeat in a different location.

top

adjustmentsHow to re-color the Photoshop gradients ? You can keep the presets as is but you can always re-color them. You can modify the individual color stops via the editor. If you don't want to alter the individual stops, you can also use the adjustments via the image menu as well as adjustment layers via the layer menu and adjustments such as hue and saturation. You can apply the preset to a layer and then use the layer menu and smart objects and convert to smart object and then apply effects as well as adjustments (image menu) to that colorful preset. Select a layer and apply a preset. Go to the layer menu and smart objects and convert and then go to the filter menu and select the camera raw and then modify the temperature and tint or use the tone curve and adjustments and click OK. As it is a smart filter, you can change the color for the preset at any point.

top

selectionHow to use gradients with selections in Photoshop ? Select the GRD tool and select the type and preset to apply. Draw the preset across the document. Once you have your preset added to your artboard or layer, you can then use a selection such as the rectangular marquee tool or the elliptical or use polygonal tool or use the select menu and select by color range etc. You can then add new presets to the selected area. You may like to use the select menu and feather command to add a feathering to the selected area and then add the colorful preset to the area. You don't have to initially apply a preset at all, you can add the selection and then add the preset to that area. You can use the selected area filled with preset and copy (via the edit menu) and paste the design as a new layer and then duplicate that design throughout the image as layers which can then be blended and finally merged / flattened with the original image. As you can fill the selection with all kinds of presets, all kinds of colorful artwork can be generated and added to a specific area of the document. You can also combine the colorful design with colorful adjustments via the image menu as well as adding effects such as camera raw and oil paint to the selection. You can also use the presets to fill type so go to the type tool or the horizontal type mask tool and add some type to the artwork. Go to the GRD tool and fill the type with the current preset (or select a different preset from the dropdown).

top

abstractHow to create an abstract disjointed gradient design in Photoshop ? Create a rectangular selection using the rectangular marquee tool. Fill the selection with a gradient (linear, radial etc) and then edit menu and copy and paste. You now have a new layer with the same design. Go to the layer menu and smart objects and convert to smart object. Hold down the alt / option key to create multiple copies of the colorful layer. Place those layers over the entire document and fill the artwork so you can't see any background. Now go to the individual smart objects and rotate at different angles by using the bounding box. If you can't select a layer, go to the layers panel and select there. Using the artworks as smart objects means the preset can be changed at any point by double clicking the smart object thumbnail (any of the layers) and a new preset can be added and all the smart objects will be updated to the new design. You don't have to create a square design or rectangular design, you can create multiple layers using irregular designs or circular designs or star selections and they can then be duplicated and spread over the entire document. The key thing to create an abstract disjointed design is to use edges of design with the preset (so don't add any feathering so there is no blending of the artwork layers)

top

fadeHow to fade type by using Photoshop gradients as a mask. Goto the type tool and create some type, a few lines or a single line or even a single word. Set the font, set the color of the type etc. Once you have your type design. You will see that it is a layer in the layers panel. Select that layer and then go to the layer menu and layer mask and reveal all. Now in the layers panel and entry, you will see the addition of the layer mask. Select that thumbnail. Go to the gradient tool and select the foreground to background preset. Set the foreground to black and set the background to white in the toolbar. Apply the preset from bottom to top and hold the shift key down to keep the preset vertical (or horizontal etc - been mentioning up and down, you could equally fade the type left to right or right to left or top to bottom or at 45 degrees etc). Depending on how much or how little of the type you want to see and how quickly you wish the characters to fade, move the origin point away from the bottom of the document / layer. If you want most of the type to be faded then go to quite close to the top of the type block and then apply the origin point upwards. You can also control the length of the applied preset by releasing it quickly before you get beyond the top of the type block or perhaps have the fade applied across the entire design by going above the type block. You can repeat the preset multiple times (and if you are using the normal blending mode and the preset without any transparency in the preset). The type is live so you can change the wording as well as the size of the design and you can change the mask at any any point. You can also create more unusual fades to the type by adding effects to the layer mask such as ripples and waves etc (not all filters are available to the mask). You could also create many more complex fades by using radial presets or difference blending mode etc.

top

Free basic set / free TPL Photoshop presets gradients / red presets / noise presets/ free reflected themed presets A selection of free gradients that you can use in the your projects. Simply add them to the correct presets folder and then access them via the load / replace functionality or via the preset manager.

top

black whiteHow to create black and white designs ? You can start using any of the presets with the GRD tool and apply them to the document and then go to the image menu and adjustments and black and white. Alternatively, you can apply the Photoshop gradients and then go to the image menu and mode and grayscale. Or use image menu and adjustments hue / saturation and reduce the saturation. You can also use the filter menu and camera raw filter to reduce the saturation. You can also use the presets with tools such as Andrew's plugins and grayscale tool. However, an alternative would be to just a use a preset made of black / whites / grayscales such as the black, white default preset (third preset in the reset). Select that preset and set the style to linear or radial etc and then set the blending mode to difference. Apply the tool across the document with different origin positions as well as different lengths (and angles if you are using linear). The example on the adjacent uses the black and white preset with two stops and uses the blending mode of difference. The result is then saved using a 8 colors only for a a rough contour effect. The design can then be modified by any number of effects such as cutout. You can also add to the preset by clicking on the preset selector and entering the editor. Add additional stops to the bar in the center (bottom for the color stops, top for the opacity). Click and create only black and white stops by first selecting the black stop and then clicking elsewhere to generate black; click the white and repeat click below the bar to create new stops of white. Apply the new preset to the artwork again using the blending mode difference (or exclusion or darken or lighten etc). You can then further manipulate the result by using various filters such as camera raw filter such as changing the exposure (don't touch the temperature or tint if you wish the result to still be grayscale / black and white) as well as contrast, shadows, blacks, clarity, dehaze etc. You can then add a variety of different effects to add twirls and distortions to your black and white artwork. You can then use this as a wonderful mask as well as layers and overlays and textures and much more.

top

ridgesYou can use the presets as solids as well as noise with Photoshop gradients. You can create the noise presets via the editor. Go to the type field and select noise. The noise allows for the addition of roughness + color model + range of the color + restrict colors + transparency and a wonderful option to randomize the noise. You can create 1000s of different noise presets simply by using the randomize button. If you want to create a grayscale noise effect then go to the HSB color model for the noise and set both sliders to 0 and then click randomize and all the presets will be grayscale. You can create nice smooth presets by dialling down the roughness to 10% and if you want very rough, set the roughness to 100%. You can also add in transparency to the preset by the add transparency to ON. Once you have generated your noise preset, you can then apply as normal such as radial or linear as well as combining the noise with blending modes such as difference to create all sorts of combinations. You can also smooth the results of any blends by using effects such as blurs and oil paint. The image adjacent is the result of such combinations of the same noise presets and oil paint and then combined with the 3D depth maps and plane mode. You can then also add additional effects to the end result 3D to create all kinds of interesting texture and depth designs for your images (you can also use the result as a layer or mask etc)

top

How to paintedcreate a painted gradient / jittered paint look from the presets in Photoshop ? They can be too clean and clinical. If you want to create a more painted look with the presets you can always apply effects such as Photodonut plugin to turn the artwork into a sketch or rough illustrations but you can also use the tools available within the application such as snapshots and art history tool. Select the GRD tool and then select a type such as radial and select a preset and then apply it using the tool. Once you have your design, goto the history panel (found in the window menu) and then create a snapshot. Select that snapshot for use with the art tool by clicking the left side of the panel beside the snapshot entry. You can now go to the art tool and then goto the brush settings panel and set the various shape dynamics such as angle jitter and set the brush stroke to use (I generally just use the standard soft round and set to a low value) and also set the style to loose medium etc as well as set the blending mode (difference or normal etc) and tolerance (as default) and then paint on the preset via the snapshot. As you can create multiple snapshots with different presets, you can then goto the history panel and select different snapshots perhaps of the same preset but with different origins and lengths etc. You can then paint on the colorful design to create a more unusual painted look. Another great feature of the snapshot is that you can rotate the image but the snapshot remains as was, so go to the image and paint on the preset as before and then go to the image menu and rotate by 90 degrees the current image and then paint on part of the preset / snapshot and then rotate the image again and paint on the preset / snapshot (perhaps with the same style and brush though they can be changed as can all the brush settings) and then rotate the image again and repeat and all kinds of designs can be created from one basic applied preset via that first snapshot. As mentioned, you can also create a selection of different presets with the same preset or different presets or perhaps with the preset and effects added and they can all then be used as a great source for all kinds of painted colorful backgrounds. Video tutorial on the subject of painted look (youtube)

top

More about gradients via Adobe

 

Commercial use. Secure sales by shareit.com (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ graphicxtras.com