Photoshop tutorial: Discover Photoshop’s hidden filters

Per Gustafsson explains how he created this Chinese Dragon-inspired artwork using Photoshop’s lesser-known tools

Intro


In this tutorial we’ll look at some of the illustration techniques used by Swedish designer and artist Per Gustafsson. You’ll learn how to use them, what to create out of them, and how to tweak them on your own. 

See also: 86 Best Photoshop tutorials

Per explores some of Photoshop’s less well-known tools, including the Polar Coordinates filter, the Exclusion blending mode and the Channel Mixer adjustment, to create striking creative effects that are impossible – or at least tricky and time-consuming – using regular, day-to-day tools.

The tutorial also explains how to add depth to artworks using only Photoshop’s layer tools, without using any 3D or special plugins. You’ll learn about filter effects and ways of using tools you can apply on anything you work with in Photoshop. 

Time to complete

3-4 hours

Tools

Photoshop CS4.1 or later

Step 1

STEP 1

Starting on a empty canvas, create your first layers. Use the Gradient tool to make a background that shows where your points of light and dark will be. We’ll also use these to enhance your layer effects.

See also: 86 Best Photoshop tutorials


Step 2

STEP 2

Create a circle on a new layer and fill it with a radial gradient. Duplicate the layer and then move them around the composition in a flowing shape of a body, neck and head. Use some colour adjustments (Image > Adjustments > Hue/Saturation) to add variety. Merge these layers. 

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 3

STEP 3

To get a more distorted feel, we’ll use some distortion filters on a duplicate of the layer. Use the Polar Coordinates effect (Filter > Distort > Polar Coordinates) to pull the circles into a swirl. 

See also: 86 Best Photoshop tutorials


Step 4

STEP 4

I’ll be using these elements for the background as well as a subset for the main artwork. To create a more muted background from these elements, add a new layer of a solid mid-green, then give the layer a blending mode of Hard Light.

See also: 86 Best Photoshop tutorials

To adjust the tone of this, duplicate the solid layer and experiment with a Hue/Saturation adjustment (Image > Adjustments > Hue/Saturation) and the layer’s opacity.


Step 5

STEP 5

Duplicate the layer with the main circles layers and move the new layer on top of the others in the Layers panel. This will form our dragon.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 6

STEP 6

Select all, copy merged (Cmd/Ctrl + Shift + C) and then paste a layer on top of everything. Apply an Exclusion blending mode, which applies the colour with a low opacity to all areas, and all of a sudden you’ll have a much smoother image with a totally new vibe.

See also: 86 Best Photoshop tutorials


Step 7

STEP 7

To further experiment with the overall colour tones, apply Channel Mixer and/or Selective Colour adjustments (Image > Adjustments > Channel Mixer and/or Image > Adjustments > Selective Color). These filters work best when you just get stuck in and play. 

See also: 86 Best Photoshop tutorials


Step 8

STEP 8

Once again, duplicate the circles we started off with, and move them again on top of all the layers. To balance out the contrast, add a solid yellow (#fff199) layer with an Exclusion blending mode to make it all more consistent. Use a Polar Coordinates filter to the latest duplicated set of circles and position it over the dragon’s ‘body’, with some ‘tail’ sticking out.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 9

STEP 9

If you think that the contrast is still too strong, add a solid grey, black or white layer at the top of the layer stack and apply the Color Layer blending mode to it, dropping the opacity of this layer too.

See also: 86 Best Photoshop tutorials

This is a simple but effective way of adjusting contrast in Photoshop, and is also very useful for working with photos.


Step 10

STEP 10

To improve the depth and add a mystic feeling to the artwork, include a solid red (#d61b4d) layer and use an Overlay blending mode. Also paint the eye of the dragon in a bright purple onto a new layer.

See also: 86 Best Photoshop tutorials


Step 11

STEP 11

To make the wavy lines, use a thin white brush and paint freehand onto a separate layers. Apply a Wave filter (Filter > Distort > Wave) to some of them. Paint some with the red used in Step 10, then add a blending mode of Color Overlay to integrate them into the composition.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 12

STEP 12

It’s now time to add details and set a focal point for the illustration. Turn Snap To Grid on (View > Snap To > Grid) and create a circle on a separate layer by selecting the Elliptical Marquee tool. In the middle point, hold down Alt + Shift to mark up a circle, then try a variety of different strokes and fills. To make it blend in, experiment with different Layer effects until you find one that works. Repeat this process to create multiple circles.

See also: 86 Best Photoshop tutorials


Step 13

STEP 13

To add more depth to the artwork – and add a ‘wing’ to the dragon – we want to add an element with greater highlights and shadows to give it a more solid ‘3D’ look to it. First, I’ll create a patterned texture for it. Use the Rectangular Marquee tool to select 20-pixel-high row across the whole image. Select Edit > Define Pattern, then fill a new layer with this pattern.

See also: 86 Best Photoshop tutorials


Step 14

STEP 14

Apply a Polar Coordinates effect (Filter > Distort > Polar Coordinates) to the layer twice to get a smaller, more abstract element. Tweak it using the Transform tool, and use an Exclusion blending mode to integrate it into the composition.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 15

STEP 15

The final step always involves playing with details until I’m happy. Clone the ‘3D’ elements and the lines, and move most of them up to the top of the layer stack, so that the dragon appears to emerging from smoke and lightning. Experiment with different blending modes – sometimes duplicating layers with different modes – until you find the right mix of abstract texture and defined form.  

See also: 86 Best Photoshop tutorials


About the artist: Per Gustafsson

STEP 16

Modern Style is a site that features the digital creations of Swedish designer and artist Per Gustafsson. He’s always experimenting with different techniques, and randomly distorts elements, trying to push the limits in digital abstract art.

See also: 86 Best Photoshop tutorials

Contact

modernstyleco.com