Announcements
You are here: Home ı Tutorials ı Abstract ı Fly High – Light Effects Tutorial + Video

Fly High – Light Effects Tutorial + Video

In this tutorial I will show you how to create a beautiful abstract artwork using light effects, a few fractal images, a custom brush and some cool post editing techniques. Enjoy.

Final result preview

Resources

Download details

  • HTML tutorial
  • Video walkthrough included
  • Original PSD file
  • Stock images: model only

Step 1

Open the woman stock image in Photoshop and resize the height to 4000px and lock the aspect ratio to keep the proportions. I decided than in this case it’s not necessary to use the Pen Tool (P) and separate the woman from the background because in this particular case the background looks very good: well lit, it has texture and the color is OK. If you have a slow computer you can use a smaller size canvas.

Step 2

Right away I started painting the first light effects. These will work as a base to develop the rest of the effects and to establish a direction and get a stronger composition. Use a big soft brush and Color Dodge blend mode for these first light effects. See image below.

Step 3

Now you can add the first fractals. I used some great stock images I found on deviantART but you can use your own if you have or search for others. You can also include 3D renders if you like.

The blend mode that I used for the fractal images was Screen but Color Dodge also works well. If the fractals need more contrast when using the Screen mode, use Levels of Curves to increase the blacks. You can change the color of the fractals using Hue/Saturation and change the Hue. Place the fractals as shown in the image below.

Step 4

Keep adding light effects using the Brush Tool and the Color Dodge blend mode. The original idea was to create a sort of explosion of light bursting out of the woman’s chest but in the end I went for something easier. With the help of those fractal bubbles I wanted to achieve a sort of an abstract effect of the soul getting out of the woman.

To make the effect stronger I added 2 more light effects (Orange and Green) above the woman’s chest. I also added more lights on the lower part of the image using Purple and Turquoise (ocean green). See image below.

Step 5 – Shatter effect

Now I will show you how I made the shatter effect on the womans legs. I found some cool 3D render stock images from http://www.graphic-travelling.com/ and I used those. I selected one of the renders and pasted it over my image.

3D render - Fly High Tutorial by psdbox.com

Next, I created a layer mask for the 3D render and I used a splatter brush to create smaller pieces and also to create some holes and let see the woman’s body through. It looks good without the layer mask too, so it’s up to you.

Once I had the 3D render ready, I duplicated the layer of the jumping woman and I placed it as a clipping mask over the 3D render and moved it around until it looked good. I also added another light here over the shatter and grouped all layers.

If you want more shatters, just duplicate the group and place it as you like. Next I added another stock image of a water trail

Step 6

I traced a path with the Pen Tool (P) and then I converted the path into a selection and using a big soft brush I painted a few lines along the outer edge of the selection to get those faded white lines.

Once you painted as shown above, change the blend mode of the layer to Overlay. I duplicated the shape, flipped it and placed it on another position. Try adding a bit of drop shadow to one of the shapes you just created and see how it looks.

Step 7

Adding the square bits is quite simple. All you need to do is select the default square brush and tweak the settings a bit. Increase the Shape Dynamics to almost 100%, set Angle Jitter to about 60%. Activate Scatter and set Count to 1 and Scatter to 1000% Both Axes. If the separation of the squares is still not enough increase Spacing to about 400%. Once your brush is set, try with different diameters and paint a few lines with white as in the image below. The blend mode used is Overlay.

Step 8

I added a few colored butterflies. Each butterfly has it’s own outer glow effect because I wanted to have even more light effects. The Blend Mode of the Outer Glow effect is Color Dodge.

Step 9

To finish I created some vector-like lines using the Polygonal Lasso tool and the Shift key in order to draw at 45º angle. Then I applied Motion Blur again at 45º angle and created those fading lines. Then I changed the blend mode to Overlay and duplicated the shape a few times.

Step 10

Now let’s go with the “post production”. In this step I took the final image (selected the entire canvas with CTRL+A and then Copy Merged from Edit>Copy Merged or with the shortcut Shift+Ctrl+C) and pasted it on a new document.

The purpose of this step is to give the image a final punch and create contrast between lights and shadows and also between the colors themselves.

After pasting the merged image on a new layer I turned it into a Smart Object (it’s optional) and then I applied my favorite light filter: Lighting Effects from Filter>Render>Lighting Effects. I used the following settings.

Last but not least I added a Gradient Map adjustment layer with Opacity 35% and Soft Light. This will affect the colors. I used the settings shown below.

And if there are people that still wonder why I did step 10 the answer is on the preview below. Hover your mouse over the image below to see before and after step 10.

This is all for now. If you have any questions post a comment and I’ll try to help you. Also feel free to subscribe to my RSS or follow me via twitter of facebook. You can share this article as you like ( not copy it to another website).

About Andrei Oprinca

Hello, my name is Andrei, I was born in 1988 and I'm a self taught graphic artist (I don't consider myself an artist though, I'll have to check for the definition of that). I write Photoshop tutorials about all the techniques I know and I also provide my brushes and also stock images and other resources. I hope you like my site.

91 comments

  1. Web Tasarım, İstanbul Web Tasarım, E-Ticaret, Google Reklamları

    I feel this is among the most important info for me. And i am satisfied studying your article. But wanna statement on some common things, The site taste is great, the articles is actually nice : D. Excellent activity, cheers

  2. Hi Andrei .
    Thank you for all your tutorials. Love them all specially this one so nice and simple. The only problem is that 3D shatter & water render seems to be no longer available from the link you
    provide. Any help would be nice.
    Regards
    Juraj

  3. Thanks! This is really simple and sweet.
    visit

  4. Hi,

    I am trying to follow this tutorial and when I add a fractal, via place , I cannot access the levels section, they are all greyed out. The fractal image is desaturated a bit. What am I doing wrong?

    Thank you for your time and help :)

  5. Hello Andre, its a nice and simple tutorial, however i couldn’t download the shatter effect image :( unfortunately, please help me with this

  6. Really liked this tutorial and how you gave this image a very modern edge / feel to it… thanks for sharing your talent !! inspired !!

  7. try to include some new attitude design

  8. Hi, Andrei, Nice to meet You.
    Can I learn with you about this design? and How?
    You know I really like this and sorry if I’m wrong.

  9. Hi, anrei, how did you do that movement fract effect in step 3 ?

  10. Hi Andrei, thanx for the great tutorial
    But Can you upload the stock image that you provided to us for FREE,
    the link you Gave me isn`t Free
    Would answer me Please ?

  11. Nyc tutorial we will use it in our website

  12. Thanks a bunch for the tut ,I learned a lot really appreciate you taking the time to make it

  13. I cannot find the bubbles and butterflies any where I am really frustrated I need this for a school projected and you don’t have links any where!

    • If you check the fractal pack that I gave you on the links you should easily find it. It’s image 3-5 from that pack. Please be more careful it’s all there.

      As for the butterflies its as easy ass going to deviantart and search for “png butterflies”.
      I think it’s not that difficult to find that.

  14. I haven’t followed this tut on this image Andrei, but I have used a few of the techniques that I have learnt from your tutorials, so wanted to share it with you. Thank you for sharing your talents with everyone. :)
    http://www.flickr.com/photos/8078381@N03/6845315598/

  15. I used brushes and a different starter image to learn these techniques…I’ve been a PS user for awhile but I learned a thing or two here…thanks! http://flic.kr/p/bpx8iq

  16. Another awesome tutorial Andrei, thanks so much :)

    Here is my result, I used a different model & went for a more pastel style of colouring
    http://www.flickr.com/photos/8078381@N03/6968425775/

    Have a great weekend

  17. very difficult but I have to try it
    thank you for this very useful tutorial

  18. Great tut, thanks.

    Maybe its cool if we can upload our versions of your tut? :)

    I want more! ;)

    Gr

  19. I love your site and your design. :D

  20. it’s great i am going to try like this

  21. Amazing color composition this inspirational thank yu so much for sharing with us!!

    • Thank you so much. I’m preparing something a lot cooler than this. I will start writing the tutorial soon. After valentine’s day.

  22. Exactly what i was looking for.. Great tutorial!!

  23. very nice

  24. I’m really loving your site. Thanks for all this it has helped me a lot!

    Sahil

  25. This is wonderful! I wish the same files worked the same on a light colored background. Thanks for sharing this detailed information. It’s so creative!

  26. Hey thanks alot all the work is so perfect and only a thing where can i find the butterflys its the only one that i cant find?

    Thx 4 everything!! =D

  27. Hola…!!! Usred es un caballo

  28. Stunning! would it be possible to post the psd files? that would be amazing!

  29. Very nice I’ll try this soon

  30. That was a good easy and simple tut.. the combination of colors tat u have used is spectacular, n the lights too. Im gonna try it. Expecting more tuts from you.

    Thank you for the share

  31. Wow, amazing tut, thanks for shaing

  32. hi Andrei
    thanks
    very nice tutorial

    My URL : http://www.7psd.ir/

    If you agree to be , my website to exchange link with your website

  1. Pingback: 30个罕见的优秀Photoshop教程 | 站长站

  2. Pingback: Световые эффекты в Фотошоп | Лучшие новые уроки фотошоп 2013 скачать

  3. Pingback: Fly high-using photoshop | Tutorials Get

  4. Pingback: 25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop – The World of Hacking & Security | Kzic.NET

  5. Pingback: Apply a Special Lighting Effect for an Image | Tutorials Get

  6. Pingback: Resize&Watermark Multiple Images Automatically in Photoshop CS6 | PSD Box

  7. Pingback: 国外25个优秀photoshop炫光特效制作教程推荐 | 彩云屋博客

  8. Pingback: 30个值得收藏的PHOTOSHOP教程_平面设计-随意设计

  9. Pingback: 优设(UISDC)-优秀网页设计联盟-SDC-听讲座,聊设计,在这里

  10. Pingback: 30个罕见的值得收藏的Photoshop教程 | 我们爱网页设计

  11. Pingback: Fly High (PS Tutorial) | SpinyBack Webdesign

  12. Pingback: 25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop « Do hoa Viet Nam | Tutorials photoshop

  13. Pingback: 25 Helpful Tutorials for Lighting Effects in Photoshop | myngl.info

  14. Pingback: 108个终极收藏的Photoshop教程 | 我们爱网页设计

  15. Pingback: BbitVN Store – Download – 25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop

  16. Pingback: 25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop » CardPsdVN.com

  17. Pingback: My Blog » 25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop

  18. Pingback: 40 Killer Photoshop Effects « « MegaTeacher | Let's start learning MegaTeacher | Let's start learning

  19. Pingback: 25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop | BongDenSang.info

  20. Pingback: 25 Photoshop Lighting Effects Tutorials | Design Inspiration

  21. Pingback: 25 bài hướng dẫn về hiệu ứng ánh sáng trong Photoshop « Vn Art Web

  22. Pingback: 25 Helpful Tutorials for Lighting Effects in Photoshop

  23. Pingback: 25 Helpful Tutorials for Lighting Effects in Photoshop | Design Web Development Joomla Magento Wordpress Prestashop blog posts

  24. Pingback: Helpful Tutorials for Lighting Effects in Photoshop

  25. Pingback: 25个有用的Photoshop灯光效果教程 | 我们爱网页设计

  26. Pingback: 25 Helpful Tutorials for Lighting Effects in Photoshop | CS5 Design

  27. Pingback: 25 Helpful Tutorials for Lighting Effects in Photoshop | Vandelay Design Blog

  28. Pingback: 40 Amazing List of Photoshop Tutorials | DezineGuide

  29. Pingback: 30个罕见的优秀Photoshop教程 | 莲娜用户体验研究日志 Lyna UED

  30. Pingback: Photo Effect Tutorials for Designers by Photoshop

  31. Pingback: 25 Unique Photoshop Tutorials to Pep up Your Photos | Powerweave Studio

  32. Pingback: Fly High – Light Effects Tutorial + Video | Creative Photoshop Tutorials

  33. Pingback: 40個殺手級的Photoshop特效教學 | BBD | the Big Bang of Design

  34. Pingback: ohyesdesign – OhYesDesign

  35. Pingback: Взлетай высоко вместе с Фотошоп | PhotoshopTeacher

  36. Pingback: 30个罕见的优秀Photoshop教程 | uedchina 专注于用户体验设计

  37. Pingback: Pixel Legacy – 30 tutoriales para principiantes y medio-avanzados.

  38. Pingback: 50+ Superb Color Correction & Photo Effects Tutorials

  39. Pingback: 30 Mükemmel Ücretsiz Photoshop Dersleri | internet, tasarım, teknoloji ve kültür

  40. Pingback: Light Effects in Photoshop - GFX WARRIOR / GFX WARRIOR

  41. Pingback: Highly Recommended « vollgemaiert

  42. Pingback: Christian Andolf » Blog Archive » Another test with layers and blending

  43. Pingback: 2 impresionantes Tutoriales de Photoshop CS5 que debes practicar | Photoshop y Tutoriales

  44. Pingback: Newscast for October 16th, 2011 | The Webcast Beacon Network

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Scroll To Top