Photoshop styles + tutorials

7000+ Photoshop styles / layer effects are a powerful feature of CC 2019 2018 2017 2015 CS6 CS5 CS4 CS3 etc. as well as tutorials on how to add strokes, save presets, install and load the Photoshop styles etc


Intro to the Photoshop styles


7000+ Style Presets to buy

How to Create frames using Photoshop styles

Installation and load of styles

Save presets

Add to strokes


Free styles

How to create drop shadows

How to use with type



Buy styles. Price :$6.49 US Dollars each set

BUY 4000 Photoshop styles / Layer Effects ASL V2 Styles for Photoshop and Elements

BUY 3000 Mixed layer effects ASL V1 gallery

BUY 140 Seamless ornament effects ASL gallery


Intro. The Photoshop layer styles can be used with layers as well as type layers and can be used to create wonderful frames and button designs and more. The presets include many different combinations of gradients, inner glows, outer glows, bevels, pattern overlay, contours, satin and strokes and many more. They can be applied as a one click effect in seconds or via the layer effects panel where additional shadows and glows etc can be added. You can modify the presets in countless ways to create a vast range of amazing designs for your works whether with shape layers as well as frames or brush strokes or with type and much more. The presets include metallic + intense + weird + basic flat + super colorful + surreal + gradients + lines and many more. All the effects are stored in standard ASL format and can be loaded into PS and PS elements via the presets panel as well as preset manager. All the presets on this site are royalty free, all are for commercial and personal use, all are by

Top of page

Recommendations. ... "From my perspective, using tools from Abneil for Adobe ® leads me to places and creations I would never have arrived at without them. The path itself is exciting and allows my artist's soul to play freely and happily." from Carol Goodell Bingham Farms, Michigan, USA Member: MacGroup Detroit/NAPP


Top of page

Frames. How to use Photoshop styles to create amazing frames in CC 2019 2018 - CS5 etc. Open image (create the frame via a selection) and then select rectangular marquee tool and select area of image. Select and inverse and edit menu and copy. Edit menu and then paste (this is the frame). Window menu and styles. Select a preset for the frame from the presets panel. Layer menu and flatten. You can also create it the other around by just using the initial selection as a layer and then applying the effects to the background layer (unlocked by duplication). You can also use the effects with a shape that has been cutout to create a frame. Go to the rectangle tool (or ellipse etc) and select the shape option via the top bar. Create a large shape bigger than the area you want to frame. Create another rectangle that is smaller than the original rectangle (or ellipse etc) and then select both of the shapes either by selecting the layers in the layers panel or by using the move tool to select both. Go to the layer menu and combine command and then use the subtract shapes at overlap command. You will then see through the two shapes and you have your frame. You can now go to the presets panel and apply a preset (such as the ones on this page) or use the menu commands to add bevels and shadows and overlays etc. You can then save the artwork layer to the CC library for future use. You can also duplicate the layer and create more complex structures with the preset. You can also use a variety of frame designs available from graphicxtras which can be found via the shapes section and by applying them as a shape, you can add presets to those to create all kinds of amazing frames.



Top of page

Install. How to install Photoshop styles in Photoshop CC 2019 2018 - CS5 etc- layer effects. Select the ASL files and copy. Paste into the Photoshop application folder 'presets' in the 'styles' folder. Start up Photoshop. Go to the window menu and select the styles panel and access them via that preset panel via right side menu. There are other options such as load them via  file menu and open command or via the panel load and replace commands. With the latest versions, they can now be installed in the c drive 'user' appdata roaming Adobe / Adobe ® Photoshop ® CC 2019 2018 2017 2015 CS6 folder presets 'styles' folder on the PC / Windows if you have a non privileged account though it does mean you have to select your current version of Photoshop (which may be 2017 2015 etc) and add the ASL files in that. On the Mac, if you have a non privileged account then you can add them quickly to the library section for your user account and into the 'application support:adobe:Photoshop 17:presets:styles' and again this will depend on the version that you are using. If you are using a privileged account then you can add them into the applications folder (mac) or program files (pc) and the 'adobe Photoshop CC 2019 2018 2017' Version dependent) presets 'styles' folder. Once they are in those folders you can then quickly access them by name via the presets panel for the presets. You can also load them via the edit menu and preset manager and select the styles section by using the load command



Top of page

Save. How to save Photoshop styles in CC 2019 2018 2017 2015 CS6 CS5 etc. How to save the styles to ASL files via the layers styles panel. Window menu and Styles. Right click any presets in presets panel not to be saved and delete. Goto to the right side menu and Save styles. Give the ASL file a name and store in your Photoshop styles folder for future use. Youcan Scale Photoshop styles. You can apply the preset to a layer via the preset's panel and leave it as the default setting of 100% scaling but you can scale the effect between 1 and 1000 percent via the layer menu and layer style and scale effects. A very small panel appears and you can enter a percentage and click OK. You can also scale the individual settings in many cases such as reduce the scale of the overlay though the scaling is independent of the other settings so changing overlay will not change any of the glow settings. Using scaling often results in quite dramatic different results from changing it from 100% to 1% to 1000%. You can use the scaling when the preset is applied to a standard layer or as a frame or to type as well as with vector layers and much more.

Top of page

Strokes. How to use Styles with strokes - you can add them to strokes but only if you apply the strokes to a layer and then apply the preset to that. The scaling actually comes in handy as it is unlikely the effects such as overlay etc will be just right for the applied stroke so a quick scaling of the preset will produce the perfect colorful stroke. As the presets include bevel designs, glows, tiles and much more, all kinds of amazing strokes can be generated by clicking the presets in the presets panel and the end result can then be manipulated further via the effects dialog such as changing the individual settings of the bevel and shadow etc. The key thing is that the layer is an empty layer as it is no point adding strokes to a totally filled layer as there will be no additional effect / stroke seen. Not all the presets work well with the strokes and some will require a little additional modification of the settings.

Top of page

Rasterize styles. You can rasterize any layer that has the effects added such as bevels and gradients and strokes added. Go to the layer menu and rasterize command and select the layer style command. You will then see the bevel / gradient etc vanished and you have a rasterized layer in your layer panel. Once you have rasterized that layer, you can then apply a new preset to the layer and then manipulate the overlay and shadow etc for that. As features such as the bevel allows only one bevel per layer, you can use the rasterization of presets as a way of building up multiple additional effects such as bevels and multiple patterns added to the artwork (as there is no + feature to add additional bevels at present). Once you have rasterized the design, you can also apply standard effects to the artwork. such as motion blur and others. One way around the rasterizing of the artwork, is to use smart objects instead by going to the layer menu and smart objects and converting to a smart object and then you can do much the same thing such as adding additional bevels and overlays and more to the currently selected object.

Top of page

Freebies. A selection of free presets in ASL for use in commercial and personal projects. Free styles CC 2019 2018 etc and Elements / 40 Free gradient themed styles

Top of page

Shadows. How to add shadows via Photoshop styles to layers / shapes etc ? Create a layer via the ellipse tool or rectangle etc and then go to the layer menu and layer style and drop shadow. Once you select that entry, the panel will appear. The entries on the left side will vary, you may already have an entry on their with drop shadow. To create a blurry drop shadow, increase the size setting for the shadow. Increase the distance and the shadow will be further offset from the initial object. You can also interactively modify the shadow distance as well as change the angle (which can be moved also by the angle dial). You can create a faint shadow by reducing the opacity. To create a 'light' effect instead of a shadow, go to the color and set it to something other than black (such as white) and then set the blending mode to normal. You can also change the contour for the shadow / light to create all kinds of different light and shadow effects. Click on the contours panel to display the contour path which can be stepped (creating a nice shadow contour) as well as sharp multiple contour lighting via the sawtooth and so on. Increase the output setting to create a brighter light via the contour. The lower the setting of the output and the lower the light. You can also change the input and that controls the sharpness of the light (closer to the midpoint of 50%, the blurrier the light). You can also add noise into the quality of the shadow (personally the noise looks very unconvincing and I would prefer to add the noise later via a smart effect). If you want to add more than one shadow there are a few ways to do that, such as click the '+' beside the drop shadow entry in the panel but you can also convert the artwork into a smart object and add a shadow and then convert that into a smart object and add a shadow to that and so on. The '+' is the easiest way. You can click the '+' and then manipulate the shadow such as change the angle, change the color, change the blending mode, change the contour, spread and so on to create yet another offset shadow / light. You can see multiple entries in the layers panel and you can disable the shadow via that panel as well as delete it by dragging the effect to the waste bin. To create some interesting variants of the shadow, go to the layer menu and LS and create layer. You will now see a new layer or two or three added to the layers panel. You can then go to the edit menu and transform and distort or perspective or warp or rotate etc. You can also duplicate the shadow layer multiple times. You can also convert the shadow into a smart object via the layer menu and convert command. You can then add the transform to the shadow as well as adding adjustments and also effects such as camera raw and liquify etc. You can also add an additional shadow to the shadow by going to the layer menu and LS and drop shadow for that layer. You can add even more complexity to the shadow structure by converting that into a smart object or using the layer menu and create layer command and so on. As the shadow can be a layer, the shadow can also be manipulated by adding a mask via the layer menu and layer mask and reveal all and going to the layer mask thumbnail and modifying the mask to change the generated artwork (by using gradients and brush strokes and effects to control how much of the layers is shown). The end result of all the shadow creation can be added to the CC library and then used in other applications such as After Effects and Illustrator.

Top of page

Type. How to use Photoshop styles with type? You can find all the presets loaded via the styles panel (window menu). Select a type layer or create some type and then go to the presets panel and apply any of the included presets. You can apply any of them but in many cases you may wish to tweak the results via the layer styles dialog found via the layer menu and the layer styles command. You can tweak the individual components such as change the applied gradient or overlay or stroke as well as bevel. You may also find the scaling of use via the same menu and select the scale effects. You will notice that some will not be scaled, only presets with bevels and patterns etc will scale, the gradients will not. Ok, you can find the effect added to the type may change radically (or not at all). You can add all the usual effects to the type such as gradient overlays, pattern overlays, bevels etc. Use patterns and gradients to add all kinds of super colorful combinations to the type (you can see many possibles in some of the freebie presets that we have added to this page). You can use multiple gradients (as well as a single pattern overlay) with the type to create amazing color fills for the design as well as for the stroke added to the type. The bevels and satin and stroke are great for all kinds of edge and lighting effects with the type. If you use the layer menu and smart objects and convert to smart object, the type is still live but you can add the layer effects as well as smart filters and adjustments into the mix. You can add multiple shadows to the type by using the drop shadow and then clicking the '+' to add multiple shadows in different colors and different angles as well as different distances and spreads and size as well as different contours. The results of the applied preset are live and can be changed at any point via the layers panel and clicking on the individual entries for the gradient etc. The type itself is also live so you can change the characters included. You can also save the generated preset to the preset's panel via the new command on the right side menu. The results can be saved to the CC library for use in other applications such as Illustrator and Premiere.

Top of page

Adobe styles more details