Wednesday, December 8, 2010

Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

In this tutorial, I will show you how you can utilise the amazing power of image adjustment layers to make colour, contrast and lighting change for any chosen image in Photoshop, by walking you through the design process of this man jumping scene.
The reason I put up this basic tutorial is that lately I have receive some requests from people wishing to learn some techniques involved in using adjustment layers.
Along the way, not only I will be using image adjustment layers techniques, but also I will show you some skills I use to create break-apart effects, pen tool and layer blendings. Have a try!
Here is a preview of the final effect of this tutorial:  (click to enlarge)
jump-scene-flatten-2-final


OK let’s get started!

To complete this tutorial, you will need the following stock:
Jump

Step 1

Load the “Jump” stock image into Photoshop, double-click on the background layer inside the layer pallatte to unlock it. Then create a new layer called “bg” , fill it with black colour and put it under the background layer we just unlock.
Use whatever selection tool you perfer to clear out the surroundings, and leave just the jumping man on the canvas:
1 clear
It doesn’t really matter if the selection isn’t perfect. The tutorial is not about teaching you how to make the perfect human selection (However if you do want to learn, here is a tutorial for you).

Step 2

Now let’s head straight to the image adjustment layers. You will find those options under Layer > New Adjustment Layer > … , as shown below:
2 adju
In this tutorial, I will be using three adjustment layers to retouch this jumping man: colour balance, curves and brightness and contrast. In my opinion, these are probably the most frequent used adjustment layers you will be using for whatever design you’re doing.

Step 3

Let’s go ahead and apply those adjustment layers. From bottom to top,
Color Balance
2 col bal
2 col bal 2
Curves
2 curves
Brightness and Contrast
2 bc
And you will have the following effect:
2 effect
You will see now the colour tone and the lightness of the image are completely changed, just by adding those three adjustment layers. And the good thing about them is that you can have more flexibility if you do want to make changes later on, because the original layer is not altered.
Also, because those adjustment layers are in fact layer, you can apply mask, or change the blending mode for them, to experience different result.

Step 4

Now I will show you a quick way I use to create this cool dis-integration effect. Firstly let’s create a custom brushset.
Select a 5px, soft round brush, and apply the following brush dynamics to it:
Shape Dynamics
4 sha dyn
Scattering
4 scat
and tick Noise, Airbrush and Smoothing options.
Now load the selection of the jumping man layer by Ctrl + left click the thumbnail image of that layer, click the rectangular marquee tool, then right-click inside the selection and choose “Make work path”:
4 make work
Then define the Feather as 2px, and you will have the following effect:
4 path
After you made the work path, create a new layer called “stroke” and put it just under the jumping man layer, then click on the Pen Tool icon, and right-click on the work path and choose “stroke path”:
4 pen
Make sure the brushset you just created is still selected and choose “Brush” in the next window, leave “simulate pressure” option un-checked.
Change the layer blending mode of this stroke layer to be “Screen” and drop the opacity to 40%. You will now have this effect:
4 effect

Step 5

To create some motion for the image, we can duplicate the “stroke” layer from the previous layer once, drag the duplicated layer to the top of the jumping man layer, and apply the following radial blur:
5 mo blur
Change the blending mode to “Hard Light” for this duplicated layer, and duplicate it once again. You will now have this effect:
5 effect

Step 6

To add some more effect to the image, we can grab this Debris brushset and create a new layer just below the “Brightness and Contrast” adjustment layer, and paint some debris on it:
6 debris
And that’s pretty much it for this tutorial! I added some abstract lines stretching from his arm to make this image more vibrant. This require some basic use of the Pen Tool, if you’re interested, I have a pretty neat tutorial here showing you how to make this sort of effect.
Here is the final effect I have for this tutorial: (click to enlarge)
jump-scene-flatten-2-final
Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.
Cheers and have a nice day!


share this article to: Facebook Twitter Google+ Linkedin Technorati Digg
Posted by Keyla Eff, Published at 1:09 PM and have 0 comment

No comments:

Post a Comment