How To Create An Abstract Freestyle Image In Photoshop

Posted on 04. Nov, 2009 by Olson in Photo Effects

into1 How To Create An Abstract Freestyle Image In PhotoshopWelcome to another free Adobe Photoshop tutorial,today we are going to create an abstract Freestyle Image using textures and your Lasso tool.  I’ll be explaining in detail on how I used Photoshop’s tools  to achieve the final effect, also I will add some extra tips on how you can make your work stand out and look more special.
Bram Vanhaeren is 19 years old and shares the same passion as his older brother, Graphic design. I’ve been developing my style since my first pen tool experiments in Illustrator about 5 years ago. My style ranges from simple illustrations and typography to mixed media artwork. When I’m not making art, I enjoy going out with friends, train together with my brothers for the next Athletics competition and I can’t resist spending my money on clothes and new fancy accessories. I’m currently a Freelance Graphic designer under the name Into1.be

Freestyle01 Main How To Create An Abstract Freestyle Image In Photoshop

1 How To Create An Abstract Freestyle Image In PhotoshopOpen your file and drag a paper texture stock to start working. Nobody likes to start working on a plain white background, right? I searched for “paper texture” on sxc.hu to find some nice textures

Freestyle 11 How To Create An Abstract Freestyle Image In Photoshop

2 How To Create An Abstract Freestyle Image In PhotoshopKeep your layers organized, I think it’s very important if you work with big .psd and lot’s of layers. Now you can easily find layers back and work faster. So keep this in mind and try to stick with it.

Here you can see how I named my first groups.

Freestyle 2 How To Create An Abstract Freestyle Image In Photoshop

3 How To Create An Abstract Freestyle Image In PhotoshopI choose 2 stock photo’s from deviantArt where I will play with. I want to freestyle the whole piece so that means play with the models and make something new.

You can see what I did with the 2 models in the picture below. I just cut and paste few parts and played around with it till it fitted.

Freestyle 2 1 How To Create An Abstract Freestyle Image In Photoshop

4 How To Create An Abstract Freestyle Image In PhotoshopAs you can see I had to duplicate parts and place them in the correct space so you only see the panther texture on her clothes.

I also changed the colors with Color Balance and Hue/Saturation. It’s easier to get the same skin colors when you saturate the pictures a little bit more.

5 How To Create An Abstract Freestyle Image In PhotoshopOnce you think you got everything in the correct space, it’s time for our next step.

Freestyle 5 How To Create An Abstract Freestyle Image In Photoshop

6 How To Create An Abstract Freestyle Image In PhotoshopAdd a new layer, take a soft round black brush with opacity of 10%, and now try to brush the correct shadows so you blend all the different parts into 1.

7 How To Create An Abstract Freestyle Image In PhotoshopAlso keep in mind where the lightning is coming from, this is very important if you’re working with shadows.

The lightning is coming from the left so brush bit more on the right side where my arrows points at with number 7.

Freestyle 6 7 How To Create An Abstract Freestyle Image In Photoshop

8 How To Create An Abstract Freestyle Image In PhotoshopNow have we finished our new model, next we going to start adding some fresh objects and depth. I searched for some green leaves on sxc.hu and found a perfect stock to work with.

Cut out few leaves and place them in front of the model and behind the model. You can also change the colors if you want.

Freestyle 8 How To Create An Abstract Freestyle Image In Photoshop

9 How To Create An Abstract Freestyle Image In Photoshop I placed some bigger leaves in front of the model and blurred them (Gaussian blur) this adds depth to the whole image.

10 How To Create An Abstract Freestyle Image In PhotoshopPlace some smaller leaves in the back and keep them sharp. So it looks they’re flying next to our model.

Also add few little leaves in the back and blur them a little bit. Now you just created depth in your artwork.

Freestyle 9 10 How To Create An Abstract Freestyle Image In Photoshop

11 How To Create An Abstract Freestyle Image In PhotoshopThe next thing that we are going to do, is fill our model with a grass texture. Try and look for a stock of green grass. I found a really good one and will use it here.

Maybe you don’t believe me it’s real grass because of the image quality, but trust me, it’s grass.

Freestyle 111 How To Create An Abstract Freestyle Image In Photoshop

12 How To Create An Abstract Freestyle Image In PhotoshopNow select your model layer by (shift +click on layer) as soon as you do that you will see a selection around your model. Just select inverse and hit delete.

If you won’t you can use another pattern, with the selection still active on your model layer right click and choose fill from the menu, next choose your pattern and click ok. (this is optional)

Freestyle 12 How To Create An Abstract Freestyle Image In Photoshop

13 How To Create An Abstract Freestyle Image In PhotoshopOk, now change the layer style to Overlay, you might already like the effect but we are going to play a little bit more with it.

Freestyle 13 How To Create An Abstract Freestyle Image In Photoshop

14 How To Create An Abstract Freestyle Image In PhotoshopFirst thing let’s change the colors, to do that go to Image>adjustments>hue/saturation and play with the colors until you find a nice color combination. Here is what I used.

Freestyle 14 How To Create An Abstract Freestyle Image In Photoshop

15 How To Create An Abstract Freestyle Image In PhotoshopI changed the opacity of my grass layer a little bit because I found it stand out a little bit too much. Next step is cut out some of the grass layer. Just do something random.

Get your Lasso Tool and draw a bad circle or something, erase this selection from your grass layer and make nice effects. I erased a little bit of the models arm and face.

Freestyle 15 How To Create An Abstract Freestyle Image In Photoshop

16 How To Create An Abstract Freestyle Image In PhotoshopNext steps are easy and fun. Add a new group and call it color fun or something. Now add a new layer and chose a big round soft brush than start brushing around her butt with a crazy color.

When you are done change the layer style to screen or lightning by doing this you create some amazing and interesting effects.

Freestyle 16 How To Create An Abstract Freestyle Image In Photoshop

17 How To Create An Abstract Freestyle Image In PhotoshopOk I took my pen tool and made a random selection behind my model to add more contrast. After I filled this selection I took a brush with a softer color to add a sort of gradient on it.

Just play with it people. This step are not necessary of course.

18 How To Create An Abstract Freestyle Image In PhotoshopAdd some white brushes behind our model, to give it this grungy effect. You can make your own brushes by painting and scanning your paint strokes or download them.

You can see I added a typo and placed on of my brushes over it.

Freestyle 17 18 How To Create An Abstract Freestyle Image In Photoshop

19 How To Create An Abstract Freestyle Image In PhotoshopAlright easy fun step, Draw a new selection with your lasso tool and use this effect; Filter>Distort>Twirl I have to admit it takes a while till you find a nice twirl, but it’s a quick and fun filter that you can use later.

20 How To Create An Abstract Freestyle Image In PhotoshopI always like to add these dark spots in my work, I took my Lasso tool once again and draw a paint looking selection and filled it with our dark blue.

Freestyle 19 20 How To Create An Abstract Freestyle Image In Photoshop

21 How To Create An Abstract Freestyle Image In PhotoshopThis is the final round, the following steps consists of objects I liked to add. Here I created a rocket looking object made of 3 different layers, every layer was made with my Lasso Tool and filled with a pattern.

22 How To Create An Abstract Freestyle Image In PhotoshopI took a small soft round brush to sketch parts of her hair to add colors, not necessary but I tough It was fun to do.

23 How To Create An Abstract Freestyle Image In PhotoshopI draw a balloon, added a texture over it and brushed with a white round soft brush to add lightning.

24 How To Create An Abstract Freestyle Image In PhotoshopI illustrated some armbands to make her look sexy.

Final Result :

Freestyle01 final How To Create An Abstract Freestyle Image In Photoshop

EXTRA:

Let’s add some experimental blur. We have our final result, now save it and save as under yournameofthework_blur.psd or something. Flatten image and duplicate your layer.

1 How To Create An Abstract Freestyle Image In PhotoshopThen go to Blur>Gaussian Blur and try to find a nice blur radius. Click ok.

2 How To Create An Abstract Freestyle Image In PhotoshopI just selected a triangle looking selection and deleted this part in the blurry layer. You can cut more parts from this blurry layer. This is my extra final result.

Freestyle extra How To Create An Abstract Freestyle Image In Photoshop

Final Result : Bulr added

Freestyle final How To Create An Abstract Freestyle Image In Photoshop

For more info visit Bram’s portfolio:http://www.into1.be/

OM I like to thank Bram for producing this cool Adobe Photoshop tutorial and i hope that you guys have learned some new skills along the way because we at TUTORIALBOARD.NET BELIEVE THAT YOU’VE GOT TO KNOW MORE!
Please leave your comments for anything related to this tutorial. Also make sure you Subscribe to our Feed or Follow Me on Twitter to stay updated to the lattes tutorials, news and interviews in the graphic community.

HEY!! DON’T FORGET TO CHECK OUT THIS COOL TUTS!
Ripping & Tearing Poster EffectGRUNGE ART i1 How To Create An Abstract Freestyle Image In Photoshop
Share It

Spread The Word:
  • RSS
  • Facebook
  • Twitter
  • StumbleUpon
  • Digg
  • del.icio.us
  • Technorati
  • Reddit
  • Propeller
  • Google Bookmarks
  • Yahoo! Buzz
  • Yahoo! Bookmarks
  • LinkedIn
  • Mixx
  • MySpace
  • BlinkList
  • Sphinn
  • Netvibes
  • Meneame
  • Netvouz
  • MisterWong
  • Blogosphere News
  • NewsVine
  • email

Related posts:

  1. How To Create A Stencil Look In Photoshop
  2. Create A Painted Effect Look With Displacement Maps In Photoshop CS4
  3. Create A Light Trail Effect in Photoshop
  4. How To Create A Ripping And Tearing Poster Effect
  5. Create eye-catching PHOTO-FILLED TITLES in Photoshop

21 Responses to “How To Create An Abstract Freestyle Image In Photoshop”

  1. kevin shu

    04. Nov, 2009

    Cool piece! Looks Great. I like this a lot. I’m going to have to try it Thanks!

  2. Yorn sereyboth

    04. Nov, 2009

    Great tutorial! Quality stuff thanks

  3. Don

    04. Nov, 2009

    it’s very nice ! good job
    Thanks for your hard work.

  4. Victor

    04. Nov, 2009

    impressive…Liked the outcome!

  5. Linda

    04. Nov, 2009

    Nice techniques,
    It’s a really great tut!!!

  6. Robin

    04. Nov, 2009

    Wow, this is great tutorial well done, l will try this in the morning.

  7. Adrian

    04. Nov, 2009

    This is wonderful, very useful tips !
    Well done.!

  8. Jon Bergan

    04. Nov, 2009

    Wow cool tutorial…great outcome! Keep up the good work guys.

  9. frank06

    05. Nov, 2009

    nice…nice…very nice :)

  10. Tina

    05. Nov, 2009

    to tell the truth i couldn’t complete the tutorial because it doesn’t explain in detail on how to do each step “what tools to choose and where to find them”….:(
    …but than again i’m a newbie :p

  11. Alexander

    07. Nov, 2009

    i have to admit it’s a bit hard for newbies to complete the tutorial but overall it’s a good piece..

  12. frank06

    11. Nov, 2009

    freaking awesome!!

  13. kevin

    12. Nov, 2009

    me parecen de lujo estos tutoriales, he visto unos cuantos y me parece imprecionante el trabajo de ustedes… saludos desde manizales… sigan asi, excelente

  14. Sam Logan

    15. Nov, 2009

    Love the effect and the texture techniques used to create it, thanks for the great tut.

  15. Smashing Buzz

    19. Nov, 2009

    amazing photo manipulation with tips and tricks.

  16. sam

    20. Nov, 2009

    very nice tutorial…i think i will give this one a try..

  17. Aleksandar

    02. Dec, 2009

    I love this.

  18. huynhminhtri

    02. Jan, 2010

    I love it , but I used free Picassa instead of Photo-expensive-shop .
    Well , it’s work too, depend on your imagine .

  19. tomboy

    26. Jan, 2010

    Awesome!

  20. Catherine

    11. Feb, 2010

    Hi,

    Useful techniques. Nice stuff. I am going to try these. :)

  21. Alex

    21. Feb, 2010

    Awesome! Thanks

Leave a Reply