Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

Posted on August 31st, 2009 under Abstracts,Photo Effect

Want to save on your exam? Then go through testking 70-640 questions and testking 70-642 answers prepared by experts plus try out our latest testking 642-902 test engines.

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 500x261 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 500x319 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 bal1 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

2 col bal 2 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

Curves

2 curves1 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

Brightness and Contrast

2 bc Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

And you will have the following effect:

2 effect3 500x328 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

Scattering

4 scat Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 500x433 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

Then define the Feather as 2px, and you will have the following effect:

4 path 500x342 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 500x248 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 effect3 500x362 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

Change the blending mode to “Hard Light” for this duplicated layer, and duplicate it once again. You will now have this effect:

5 effect1 500x379 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 500x360 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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 500x261 Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

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!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54 Design Abstract Surreal Text Effect with Metal Texture in Photoshop VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect
  • http://ricardofx.deviantart.com/ ricardofx

    STEP 5: very good, great trick!

    I had not thought about this trick.

    rfx

  • Divyesh

    9Ce work b@dDy

  • http://www.smashingdownloads.com/2009/08/31/23-brilliant-adobe-photoshop-tutorials-that-you-shouldnt-miss/ 23 Brilliant Adobe Photoshop Tutorials That You Shouldn’t Miss | Smashing Downloads

    [...] 1- Create an Abstract Style, Vibrant Jumping Man Scene (Tutorial) [...]

  • shoco

    Low quality

  • http://cssbrigit.com/CNews/entrada/2009090103345959 CSS Brigit | Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop

    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…

  • http://www.itechart.com/Pages/Subsections/FlexDevelopment.aspx Flex developer

    Way !! Super!!! Great post… thanks

  • mike

    ok a made exacly till the step 5 but a don`t have glowing efect of brush it`s black how made it?

  • http://sendlinks.com/23-brilliant-photoshop-tutorials-that-you-shouldn%e2%80%99t-miss/ 23 Brilliant Photoshop Tutorials That You Shouldn’t Miss

    [...] 1- Create an Abstract Style, Vibrant Jumping Man Scene (Tutorial) [...]

  • Fabio

    Nice effect, but I don’t know how to create a brushset as written at step 4. Maybe you should write down your tutorials in a step-by-step mode, in the future. Thank you.

  • Andy Dinh

    Nice work. I really need something like that.Thanks for share

  • Jefferyfish

    Careful on step 5. The blur used is a radial blur not a motion blur. I was also having a hard time getting the brush setup exactly as James did. Probably just me.

  • James

    @jefferyfish: I changed it to radial blur just now, thank you so much for pointing this mistake out :)

  • http://www.clickecover.com Koji@ ebook cover software

    Very nice Post! Really love it your post! thank you very much for your Information

  • http://rendermarket.com/2009/09/22/sozdanie-abstraktnogo-arta/ Создание абстрактного арта — Дизайн-блог студии SA design. Уроки, практические советы, обзоры

    [...] PSD Vault Перевод – [...]

  • http://lindsayangel.com Lindsay

    nice tutorial…great site!

  • 谢彬——X_B

    做的非常好! 向你们学习。

  • vcastilla

    wuau..! i do not speak english..!
    and understood perfectly
    congratulations..::: great post…!

  • Esther

    Thisis freaking amazing, thank you XxX

  • Esther

    This is so amazing, i love this website. thank you

  • http://mxparts.com.br/blog/?p=1011 Os melhores tutoriais de Photoshop 2009 | MxParts – NetAdventure

    [...] Tutorial Link [...]

  • http://www.forum.festivalhue.com/f16/20-thu-thuat-photoshop-dang-xem-nhat-tu-truoc-toi-nay-p2-12534/#post19430 20 thủ thuật Photoshop đáng xem nhất từ trước tới nay (P2)

    [...] radio cổ bằng Photoshop 14. Hiệu ứng thần thoại 15. Hiệu ứng nước văng 16. Tạo hiệu ứng trừu tượng, lạ mắt cho bức ảnh 17. Nghệ thuật Typography 3D 18. Hiệu ứng chữ 3D phong cách hoàn toàn mới 19. [...]

  • http://minht115.wordpress.com/2010/02/20/20-th%e1%bb%a7-thu%e1%ba%adt-photoshop-dang-xem-nh%e1%ba%a5t-t%e1%bb%ab-tr%c6%b0%e1%bb%9bc-t%e1%bb%9bi-nay/ 20 thủ thuật Photoshop đáng xem nhất từ trước tới nay « Trang thông tin, kiến thức và hình ảnh tổng hợp

    [...] 16. Tạo hiệu ứng trừu tượng, lạ mắt cho bức ảnh [...]

  • http://centraldaarte.com/?p=62 Central da Arte – Tutoriais para você se divertir

    [...] 16. Create an abstract style, vibrant jumping man scene in Photoshop [...]

  • http://bluewebstyles.com/2010/03/nhung-thu-thuat-photoshop-dang-xem-nhat-tu-truoc-den-nay/ Những thủ thuật Photoshop đáng xem nhất từ trước tới nay | Blueweb_LifeBook

    [...] 16. Tạo hiệu ứng trừu tượng, lạ mắt cho bức ảnh [...]

  • http://www.certxpert.com MCSE

    nice post

    thanks MCSE

  • http://www.venkey.com Venkey

    Excellent tutorial Thank you very much………………….

  • http://Website PETER

    very cool !!!