This tutorial focuses on using a simple photo, but with a little extra effort you can achieve some amazing results using very complex photographs. This tutorial will teach you how to easily create swirly works of art, and give the appearance that it is entirely composed of vector shapes, following an increasingly popular design technique.

This is the image we’ll be creating:

swirly-masterpiece

The first you open the original picture below (source: from fatoe.com, sorry i can’t find the original picture of the girl):

1

Now to work on your image’s background. Make a new layer and fill it with black.

Duplicate your original photo layer and put it on top of the black one (see picture below).

2

Set the layer’s blend mode to Hard Light.

3

Select the last layer (from the above picture)  and then go to Edit > Define Pattern.

Define your pattern as ‘Girl’ or whatever you want to call it.

4

Now grab a free swirly brush set such as this one. Create a new layer above your hand layer called ’swirls small’. Then use various swirly brushes from your set to brush over your hand. I used a purple brush color just to highlight where I’d placed my brush strokes. Try to use as many of the brushes as possible, varying size and positioning to create a random mess of swirls covering most of the hand. Don’t worry about going over the edges!

5

Extra Styling: For a good effect, try in this layer to use small brushes. Make another layer above and name it ‘swirls big’, and use bigger size brushes.

Go to Layer>Layer Style>Blending Options. Add a drop shadow to your swirls just to give them slightly more depth/impact.

6

Now for both layers with swirls, go to Layer>Layer Style>Blending Options and change the Pattern Overlay like in the picture below.

7

Now hide the background layers like in the picture below. Your layers should look like this:

8

I would suggest the burn/dodge tool on the edges to give them slightly more depth.

And we’re done! You can see the final result below. This technique can be applied to any image using any vector shapes. The key to making it look convincing is matching the vector objects to the shape, contours, and flow of the object image they’re to be wrapped around. It’s an odd effect, but I hope you were able to gain something from this tutorial, and good luck with your own work!

swirly-masterpiece

Design Inspiration: Alberto Sevenso

Download the Photoshop .psd File

download-psd





Roman AlexandruAbout the Author: Alex Roman

I’m a 21-year old independent graphic artist based in Romania, Bucharest. I design beautiful, engaging user experiences and intuitive user interfaces for the web. I really love what I do. Want to hire me? Follow me on Facebook or Twitter.



  • TOP 40 Sexy and Beautiful Photoshop Tutorials | Free Computer Arts Tutorials says:

    [...] Stylish Swirly Effect Photoshop Tutorial [...]

  • topix says:

    Very Nice tutorial… I will share to my website
    Thanks for sharing

  • lunetmedia says:

    awesome work.. thanks for sharing

  • Jac says:

    Love the idea but despite my best efforts and re-reading every instruction- all I got was the mess of swirls (and some great new brushes) when I hid my backgrounds.

  • Nenia says:

    I didn’t get it. help please?

  • lil-wiktoria says:

    thankk you i love it!!!!!!

  • Joshua Cipto says:

    thanks…

    nice photoshop =)

  • Shamima Sultana says:

    nice tutorial..thanks for the post..

  • paco says:

    the model is called angelique boyer

  • Ben says:

    Nice tut! Here is my rendition! http://bit.ly/9z4KwZ

  • Aarson Web Design says:

    Thank you for your demonstration. It has inspired me to try some things of my own. It is amazing the things we can do today with technology.

  • Photoshop CS5 Wannabe says:

    Thanks Roman
    nice photoshop tut

    thanks for sharing

  • Matthew says:

    That’s some amazing result right there. You just blew me away. Great technique, thanks for sharing!

  • Marion says:

    great stuff mate, thanks for keeping it free.

  • Callum Martin says:

    Very nice tutorial! It turned out great.

  • Emahallo says:

    Great tutorial, efficient effect! Thx for sharing!

  • Danielle says:

    This probably one or the coolest tutorials i have ever seen. thank you for such wonderful stuff.

  • Jenna H. says:

    That’s sick. Nice one man.

  • Ridwan Santoso says:

    Fantastic, and surprisingly easy. Thanks so much for sharing!

  • kailash says:

    Oh my God. This is so easy and the result comes out great. Many thanks for this tut :D

  • Arnaud Alves says:

    Fantastic! Amazing! Perfect! thanks for the tutorial!

  • Liv Madsen says:

    Wow, this looks awsome, well done and thanks :)

  • Jermayn Parker says:

    How great is this tut! I was trying t oachieve this effect but I’ve failed… until now!

  • Timothy says:

    Hey… finally! I was waiting for a tutorial like this for a long time now. Thank you very much for sharing.

  • Rohil Sinha says:

    This is really great . i love this site keep on.

  • Gorny S. Needa says:

    omg wicked! love it :x

  • Heatherina says:

    Been looking for this kind of digital art for ages! Keep it up! Please do post some more enlightening stuff for us! All the very best!

  • Vaidya says:

    My imagination already are thinking about many other things, what can be done with this technique! Thanks!

  • Andrew says:

    I rarely feel excited seeing tutorials and outcomes – but this is sick, I am trying it out!

  • David says:

    Excellent colors. May I also suggest Livebrush.com in relation to creating these wonderful patterns.

  • Keith says:

    I just stumbled upon this site(don’t know how I haven’t found it earlier) and it’s freaking awesome. This tutorial is great and so are your other tutorials! Very easy to follow yet a lot to learn from all of them and also they’ve got some awesome end results! Thanks so much Alex, I will definatley keep reading around here.