Skateboarding and Photoshop

Final result

Source materials:

STEP 1. Create a new document (1100 x 800px). Move the texture of crumpled paper to our document, centered:

Reduce the opacity of this layer to 50%. Next, apply a layer mask and on a layer mask using a grunge black brush, process the edges of the paper, creating a smooth transition with a basic white background.

Download the set of watercolor brushes 1 at the link at the beginning of this lesson. Draw a few strokes with a black brush with a very low opacity over the paper-textured area:

STEP 2 Download the ‘Ramps at Skatepark’ image at the beginning of this tutorial and paste it on our document:

Shift the image with the ramps to the left part of the document and apply a layer mask to this layer using a black brush and watercolor brushes from the set, hide the edges of the image with grunge slopes.

Apply adjustment layers to the ramp layer. Levels (levels) and Color balance (color balance). Use each adjustment layer as a clipping mask, so the adjustment layer will affect only the underlying layer, not the entire image.

Settings for the adjustment layer Levels (Level): 40 / 1.13 / 223

Settings for the adjustment layer Color balance (Color Balance):
Sveta (Highlights): -6 / 0 / +9
Mid tones (Midtones): -1 / +1 / +18
Shadows(Shadows): -13 / 0 / +13

Repeat the same technique, once again using skateboard skates, but on the right side of the document:

STEP 3 Download the image of a funnel for skateboarders at the link at the beginning of this lesson. Name this layer ‘circle ramp’.

Trim and position as in the screenshot below:

Add a layer mask to the ‘circle ramp’ layer, and then on the layer mask using a black brush and watercolor brushes from the set, hide most of the image. You can process most of the image in grunge style, but save the back wall to create the overall structure of your composition:

Apply adjustment layers to the ‘circle ramp’ layer. Levels (levels) and Color balance (color balance).
Settings for the adjustment layer Levels (Level): 62 / 0.88 / 238

Settings for the adjustment layer Color balance (Color Balance):
Sveta (Highlights): -6 / -1 / +5
Mid tones (Midtones): -13 / +6 / +9
Shadows (Shadows): -2 / 0 / +9

STEP four. Download the image of the stairs in the skatepark, move the image to our document, placing it to the left of the ramps:

Apply the same technique that you used when processing the ramps using a black brush on the layer mask to process the edges of the image with the stairs:

For a layer with a ladder, apply adjustment layers Levels (levels) and Color balance (color balance). Settings for the adjustment layer Levels (Level): 15 / 0.95 / 252

Settings for the adjustment layer Color balance (Color Balance):
Sveta (Highlights): -9, 0, +6
Mid tones (Midtones): -32, -1, +12
Shadows (Shadows): +6, +11, +13

STEP five. Flip horizontally with the stairs and repeat step 4, just place the stairs on the right side of the document:

STEP 6 Download the image of Skateboarder 3, move it to our document and place it approximately in the center of your composition:

Use any selection tool that you like best to separate the skateboarder from the background. I used the tool Lasso(lasso tool), because A skateboarder is a relatively simple object to highlight:

Next, on the skateboarder layer, apply adjustment layers Levels (levels) and Color balance (color balance).

Settings for the adjustment layer Levels (Level): 15 / 1.09 / 206

Settings for the adjustment layer Color balance (Color Balance):
Sveta (Highlights): -8 / +2 / +12
Mid tones (Midtones): -19 / +12 / +8
Shadows (Shadows): +6 / +6 / -4

STEP 7. Download the Skateboarder image from the link at the beginning of this tutorial. Separate the skateboarder along with the rail from the background. Next, copy and paste the selected skateboarder image onto our main document.

Name this layer справа skateboarder on the right ’:

Next, apply a layer mask to this layer. Then, using a black grunge brush (one of the watercolor brushes), process the edges of the rails in a chaotic manner. This is a very good way to add an abstract touch to your composition:

So, you guessed it! It’s time to apply adjustment layers. Levels (levels) and Color balance (color balance) to the ‘skateboarder’s right’ layer.
Settings for the adjustment layer Levels (Level): 17 / 1.24 / 235

Settings for the adjustment layer Color balance (Color Balance):
Sveta (Highlights): -22 / -5 / +11
Mid tones (Midtones): -32 / -1 / +5
Shadows (Shadows): +9 / -8 / -11

STEP 8. So duplicate the ‘skateboarder’s right’ layer. Adjustment layers will now affect your duplicate.

Go to the original layer, which is located below and then go Filter – Convert for Smart Filters (filter> convert for smart filters).

Next, go Filter – Blur – Motion Blur (filter> blur> motion blur), apply motion blur, set the value Bias (distance) 100 px and an angle of 18 degrees.

You will notice that the motion blur filter blurs our image in both directions. We want to create the feeling that the skateboarder slides down the railing while in motion.

To achieve this, apply a layer mask to the motion blur layer. On the layer mask hide the blur except for the area immediately to the right of the skateboarder. Basically hide the blur to the left of the skateboarder / railing, as well as any blur on the railing itself:

STEP 9. The skateboarder looks good, but I want the railing to be a little darker and richer. Let’s see how to achieve this without losing image quality.

Let’s start by creating a new adjustment layer, but this time DO NOT create a clipping mask.

Settings for the adjustment layer Levels (Level): 57 / 1.00 / 233

Without the use of a clipping mask, the correction will affect the entire image.
However, we will fix this using layer masks!

First, select the layer mask so that it is active, then fill the entire document with black color, hiding the correction layer correction.

Next, using a white brush, paint over the area of ​​the rails so that correction layer appears only in a specific place:

Voila! By using a special technique on a layer mask, we made a correction without losing quality!

STEP 10. Repeat the exact same technique that you used for the справа skateboarder on the right ’, to another image of the skateboarder, which will be located on the left side of your composition:

STEP 11. It looks a little weird that the rails are flying in the air, even if we consider that this is part of an abstract plot.

To fix this, open the image Rails for Skateboarders, then select and copy / paste the support rails. Make sure the layer with the support is located below the ‘skateboarder’s right’ layer.

At the moment, the support for the rails is located incorrectly, the angle does not correspond to the direction of the rail itself.

To fix this, just go Editing – Transformation – Distortion (edit> transform> distort) and change the angle of the bearing. Also apply a layer mask to the layer with a support and on the layer – mask using a black grunge brush, process the vertical support beams to combine the support with the main background.

Now apply an adjustment layer to the rail support, remember to use an adjustment layer as a clipping mask.

Settings for the adjustment layer Levels (Level): 70/1 .00/243

STEP 12. Repeat step 11, also add a support for the left rails:

STEP 13. Create a new layer, name this layer “watercolor strokes”. Place this layer below the skateboarder layers (including the right and left skateboarder), but above the layer with the background and the layers ‘support for the rail’.

Using watercolor brushes, apply several different blue strokes throughout the image:

Create a new layer, name this layer “bleaching / darkening”. Create a selection that will cover all your watercolor strokes and fill with 50% gray, go Editing – Fill – 50% gray (edit> fill> 50% gray).

Next, change the blending mode for this layer to Overlap (overlay). Then, using watercolor brushes, apply strokes of white and black (using a brush with low opacity). This effectively brightens / darkens your image without losing image quality.

In the screenshot below, you can see the ‘bleaching / darkening’ layer under blending mode Normal (normal):

Next, convert the “bleaching / darkening” layer into a clipping mask. Due to the transformation of the layer into a clipping mask, your brush strokes light / dark ’will only be visible on your watercolor strokes:

Next, change the blending mode for the ‘light / dark’ layer to Overlap (overlay):

STEP 14. Select the layer with watercolor strokes and the layer ‘lightening / darkening’ and press the Ctrl + G keys. We will group the two layers into one group.

Next, apply a layer mask to the group (you can apply a layer mask to the groups, not just individual layers). This means that the layer mask will act on all layers that are located inside the group.

Use a brush on the layer mask of your group to make the image look like in the screenshot below. The idea is to simply soften the blue strokes and create a smooth combination with the main background:

STEP 15. Create a new layer, name this layer ‘watercolor splashes’. Make sure that this layer does not belong to the group that you created in Step 14.

Download the Watercolor Brush Set 2 from the FanExtra website at the link at the beginning of this lesson.

Spray brushes from the kit you downloaded behind the skateboarders and under the wheels of their skateboards. We use spray to focus on their movement and energy:

STEP sixteen. Let’s add one more stingray to the forefront of our composition to complete it.

On one of the images with skateboarders, highlight the construction of a ladder, copy and paste on our document, placing your composition in the foreground. Make sure that this layer is on top of all layers with watercolor splashes:

To the layer with the stair slope, apply a layer mask and on the layer mask process the black part and the side parts with a black brush to combine it with the main background:

Next, apply adjustment layers. Levels (levels) and Color balance (color balance), apply each adjustment layer as a clipping mask.

Settings for the adjustment layer Levels (Level): 79 / 0.87 / 201

Settings for the adjustment layer Color balance (Color Balance):
Sveta (Highlights): -12 / 0 / -2
Mid tones (Midtones): -1 / -49 / +13
Shadows (Shadows): -15 / -6 / -4

STEP 17. Next, create a new layer, name this layer “bleaching / darkening”. Let’s go Editing – Fill (edit> fill) and fill the layer with 50% gray. Then, change the blending mode to Overlap (overlay). This mode will hide your fill with 50% gray, but will allow you to make light correction without harming your image.

Use a soft black brush, about 10% opacity to create shadows and a soft white brush to lighten.

In the screenshots below, you can see the ‘bleaching / darkening’ layer under normal blending mode and blending mode Overlap (overlay):

STEP 18. To complete the work, apply the last two adjustment layers. Make sure NOT to apply them as a clipping mask, as we want this correction to be applied to the entire image:

Settings for the adjustment layer Curves (Curves):

Curves (Curves): (See below)
Layer opacity (Layer opacity): 50%

Settings for the adjustment layer Gradient Map (Gradient Map):

Gradient(Gradient): default: black to white gradient
Opacity layer(Layer opacity): 15%
Blend mode for layer (Layer blend mode): Normal (Normal)

And we finished the lesson!

You can view the final result below. I hope you enjoyed this tutorial and would love to hear your opinion on the technique of performance and the result.

Final result

Like this post? Please share to your friends: