Photoshop tutorial: Create dynamic, lightning-filled background for character art

Take your lighting effects to the next level, creating a deep, rich background for this fantastic rising sumo wrestler image

Intro


A small character can tell a big story – but traditional character art can be rather flat and one-dimensional, tending towards a cartoonish feel.  

See also: 86 Best Photoshop tutorials

In this tutorial, Ricardo Ajcivinac shows how to recreate this brilliant image, and how to give your character art extra punch by using lighting and layer styles.

The principle of this tutorial is to create a complex background with a focal point that hints at a story behind a character. Once you’ve mastered it, it’s a highly versatile technique.

Light effects are very trendy these days but you can avoid clichés by mixing them with something different and interesting; the result will always be an amazing image that gets everybody’s attention.

Time to complete

2-3 hours

Software

Adobe Photoshop

Project Files

Please visit the desktop site to download the project files.

Step 1

STEP 1

Create a Photoshop document measuring 934 x 1,280 pixels and fill the background layer with a greenish grey (#bec7bb). Paint this with a large yellowish grey brush (#c9c3ad), then create a new layer.

See also: 86 Best Photoshop tutorials

Set the blending mode to Soft Light and paint with a black brush around the top right corner, and white brush for the middle and bottom.


Step 2

STEP 2

Download the cloud brushes created by JavierZhX on deviantArt then load them. Create a new layer and use the brushes to start creating some clouds in white and various tones of grey.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 3

STEP 3

Create a new layer, and download the nebula brushes created by Matkraken from deviantArt.

See also: 86 Best Photoshop tutorials

Load the brushes as shown on the palette and use the different settings to make some stars in the sky. Next create sofog around the central area where we’ll be placing the character.


Step 4

STEP 4

Go here and download the lightning brushes created by *Adaae-stock. Load the brushes and paint lighting forks around the area where you are going to set your character. Double-click on the layer in the Layers Palette to open the Layer Styles dialog box.

See also: 86 Best Photoshop tutorials

In the Drop Shadow menu, set the blending mode’s opacity to 65%, the angle to 120º, and tick both the Use Global Light and the Layer Knocks Out Drop Shadow boxes.

In the Outer Glow menu, set the blending mode to Screen, the opacity to 75%, the colour to solid, and the range to 50%. The drop shadow should be #ff7814, and the outer glow should be #fffecc.


Step 5

STEP 5

Create a new layer and set the blending mode to Soft Light, then use a round brush to add some black in the corners. In a new layer, use an off-white brush to add some dots around the lightning, then copy the layer styles you applied in step 4.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 6

STEP 6

Create a new layer and, using the polygonal lasso tool (L), make a selection like the one you see here – with one side straight at 45º. To do this, hold Shift and move the cursor to create a perfectly angled line. Now pick a round white brush and brush a little around the straight line.

See also: 86 Best Photoshop tutorials


Step 7

STEP 7

Repeat Step 6 until you have a number of striking diagonal lines going across the image like the example shown above. Open the Layer Style dialog and in the Outer Glow menu, set the blending mode to Screen, the opacity to 77%, the colour to solid, the technique to Softer, and the range to 30%. The glow’s colour should be #ff0000.

See also: 86 Best Photoshop tutorials


Step 8

STEP 8

Create a new layer and, using the Polygon tool (U) set to three-sided shapes, create a triangle.

See also: 86 Best Photoshop tutorials

Set the layer fill to 0% and its blending mode to Overlay. In the Layer Styles palette set the values to those shown in the screengrab. Repeat this three times to get three triangles in separate layers.

Advertisement. Article continues below

Step 9

STEP 9

Open abstract lines.psd from the download, and copy-and-paste these into the area where the figure will be. Set the layer’s opacity to 17%.

See also: 86 Best Photoshop tutorials


Step 10

STEP 10

Create a new layer and make some white lines at a 45º angle, using the Line tool (U) set to two pixels wide. As in step 6, hold Shift to make a straight line. Now the background is completed.

See also: 86 Best Photoshop tutorials


Step 11

STEP 11

Now open the Rise of Sumo character from the download, copy it and place it where the abstract lines are so that it’s above all the previous layers. With the Magic Wand tool (W) make a selection around the character and invert the selection (Cmd/Ctrl + Shift + I), create a new layer and fill the selection with black.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 12

STEP 12

Set the layer fill to 0% and open the Layer Style dialog. In the Outer Glow menu, set the blending mode to Screen, the opacity to 75%, the colour to solid, the technique to Softer, the size to 16 pixels, and the range to 50%. The colour should be #c6faff. Set the Inner Glow palette’s settings as shown immediately above, in #fefecc.

See also: 86 Best Photoshop tutorials


Step 13

STEP 13

Create a new layer and use the Matraken Nebula brushes to add some stars and fog around the character and the top. Add the layer styles shown in these screengrabs (drop shadow #ff570d, outer glow #fffecc).

See also: 86 Best Photoshop tutorials


Step 14

STEP 14

Create a new layer and set the blending mode to Color. Add some red and blue around the character’s head and the top lightning with a round brush. In a new layer, set the blending mode to Soft Light, and paint a little around the top right corner with black. Create another layer and do the same, this time adding more black around all the corners and some around the character.

See also: 86 Best Photoshop tutorials

Advertisement. Article continues below

Step 15

STEP 15

Create a new layer and fill it with black. Add some noise (Filter > Noise > Add Noise) and set its opacity to 40%, then erase small areas  around the character and the top and bottom lightning. Now go to File and save your image as a JPEG document.

See also: 86 Best Photoshop tutorials


Step 16

STEP 16

Now open the JPEG file you created and download the free Actions set 50 Photoshop Postwork Actions by Manicho from here. Experiment with these to get different colour results: when you’ve found one you like, you’ve finished.

See also: 86 Best Photoshop tutorials