Create a Beautiful and Dramatic Scene With Photo Manipulations

Create a Beautiful and Dramatic Scene With Photo Manipulations

Tutorial Details
  • Program: Adobe Photoshop CS+
  • Difficulty: Beginner
  • Estimated Completion Time: 20 Minutes
Download Source Files

Final Product What You'll Be Creating

Today we will learn a number of techniques to help you add drama to a photo manipulation. We will to do this by learning how to combine two pictures to create a picturesque background, how to draw long hair manually using Photoshop brushes, as well as how to add some adjustment layers to add dramatic effects to the final image. Let’s get started!


Resources


Step 1

Create a new file, size 1600 px wide and 2122 px high at a resolution of 300 pixels/inch. Paste field to new file.


Step 2

Add layer mask. Activate gradient tool. Draw linear gradient from black to white.


Step 3

Zoom in until you can see all the details. Paint unneeded background with black to remove it.


Step 4

Paste sky underneath field layer. The colors will not match the field so we will have to fix it. From the adjustments panel click Color Balance with setting shown below.


Step 5

Download the girl picture. Create new path and with pen tool draw path around her. Avoid selecting her hair. We’ll just recreate it in a few steps.


Step 6

Hit Cmd+Enter to convert path into a selection. Copy the girl and paste it into the new background. Press Cmd+T for transformation and while holding shift drag its corner until she is the appropriate size.


Step 7

Before we proceed with this tutorial, we will need to fix some small details. She has transparent sleeve and it has to reveal some background behind her. To do this, add layer mask, select soft brush with low opacity (10-20%), then paint it with black.


Step 8

Activate field layer. Select some field behind her. Hit Cmd+J to duplicate it to a new layer. Then hit Cmd+shift+] to move it to the top layer.


Step 9

Add a layer mask to the new field. For masking grass, Photoshop has a very useful brush in its default set, named Dune Grass. So, right click and select it. Remove the check mark in front of Color Dynamics.

Next, make sure your foreground color is set to black and layer mask is selected. Start painting until the girl looks like standing in the middle of the field.


Step 10

To strengthen the illusion that the girl is standing inside the field, it’s a good idea to have something in front of her. Change our brush to standard round brush, paint some flowers with white to reveal it.


Step 11

Now let’s draw her hair. But before doing that, make sure the layer mask is active. Paint her hair with black using a soft, low opacity brush until it is transparent.


Step 12

Load the hair brush set. This set consisted of some long premade hairs. Using the brush tool, Cmd+click her hair to sample its color. Open brush panel (F5), click and drag the inside preview box to rotate brush tip. Once you’ve found perfect size and position click to draw an instant long hair. To get a natural color, be sure to sample various color from the hair.

Repeat this step until you have enough hair.


Step 13

After step 12 you may find that the result isn’t entirely realistic. If you look closely you may find that there are repeating objects in her hair. This is a common problem when using premade brushes. The best way to avoid this is by drawing some hairs manually.

Grab the hair brushes set from here. Lower your brush opacity to 15-25%. If you use a tablet, then that’s a good thing. You can activate its Pen Pressure from the Brush Panels.

Manual painting is not easy. It may help to work with a lot of layers. That way you can always delete layers that you don’t like. Below are the steps I took while creating the hair.


Step 14

Now, we need to add some lighting to the girl. To do this we’ll use non-destructive dodging and burning. Hold cmd and click New Layer icon. Choose Use Previous, Mode: Overlay, and Fill with.

Activate burn tool, set opacity to 20% and start painting to make her darker. Do the same with the dodge tool for opposite effects. Remember, if you hold alt while dodge tool selected, then you’ll have burn tool. Same thing happen to burn tool.


Step 15

Now, I’ll add dark border around the image. Hit ctrl+A to select all. Click Edit > Stroke. Use very large width and click OK. Soften the border using Gaussian Blur with a very big radius.


Step 16

Hit ctrl+T. Hold ctrl and drag its corner until you find nice lighting.


Step 17

To add fake light draw a poligonal selection and fill it with white. Add very big Gaussian Blur and lower down layer’s opacity to 30%.


Step 18

Draw the girl’s shadow on the field.


Step 19

Grab the butterfly set. The butterflies are already in a transparent png file, so you just need to select it and drag it to the image. Resize it to match its proportion. Don’t forget to add shadows for a realistic look.


Step 20

Load the floral brushes. Try to experiment with the brush shape. Combine them to get a unique shape like I did here, then add some text in the English font found from dafont.


Step 21

For final adjustment, select the sky layer and use Brightness/Contrast to raise its Lightness. I also added an adjustment layer Photo Filter with a warming filter on top of the image.


Conclusion

I hope you have enjoyed this tutorial and learned something new. You can view the final image below or view a larger version here.

  • http://digitalshowcase.co.za Digital Showcase

    Wow! This is an amazing tutorial. Fantastic end result. Thanks!

  • http://manfa3a.blogspot.com/ amaradz

    joli leson :D manifique

  • http://www.webdevtuts.net Marcell Purham

    Great tutorial! Love the outcome

  • balwinder singh

    umm first :)

    It’s cool … GG on your tut dude :)

  • http://www.youtube.com/monstrousproductions Monster

    I found it a bit hard to follow in the tutorial, as if were to “skip to fast” some parts. More detailed explanation would have been much better. Nice outcome though!

  • Dave

    The girl has low contrast, ain’t standing in the gras. the shadow dosen’t fit and so on… quite bad.

    • http://www.evilonegraphics.com Trizicklo

      Dave, why don’t you give some positive and constructive criticism instead? If you look at the description for this tutorial it states it’s for “beginners,” not “experts.” The artist is not learning anything from your comment, instead it may discourage him from submitting any more tutorials that may be of great help to others.

      @Jeprie: I really like the whole concept. This is a peaceful piece of art and I love how you fixed the hair.

      Here’s a couple of pointers though:
      1. I agree with aMs (below) about the grass, it should be higher and not so condensed in the front area.
      2. Comparing the girl’s shadow to the one on the far right (flower buds) it seems a little to light. Also, some of the taller grass should be in front covering parts of it.
      3. The ray of light should be shorten so that it gives more contrast to the girl. If the ray should extend all the way to the girl, then the shadow should be sharper and darker.
      4. It seems the big flowers in front of her are being affected by the ray of light, but nothing a layer mask can’t fix.
      5. The “Love Mother Nature” graphic should be a lot bigger, it’s almost invisible at the moment.

      Keep those tut’s coming! ;)

      • http://desaindigital.com/en Jeprie
        Author

        Thank you for your in-depth critique.

        In my opinion the grass is a very thick and tall so it really covers the girl, but I guess I was wrong about this.

        You’re absolutely right about the light and shadow. I also should have made the text bigger.

        I suggest anyone who follow this tutorial to read this.

      • Dave

        I know is a tutorial for beginners and it’s done in 20 minutes. The artist didn’t put much effort in this piece, maybe he didn’t know better. The tutorial is maybe OK but the end result is quite bad. And if I would be a beginner, why learn bad compositing!

      • http://www.evilonegraphics.com Trizicklo

        Dave, if you were a beginner you obviously wouldn’t know anything about good or bad compositing in the first place.

    • http://www.peax-webdesign.com Graphiste

      I agree that the lightning result is a little bit strange…maybe the woman photo was not the ideal photo…too much difference between the light on her body and the environement …with much shadows…
      but nice step by step tutorial though

  • aMs

    Not bad. But she is standing in high grass, so the grass covering her front should be higher and not so tight. Beside that the shadow looks kinda weird.

    • http://desaindigital.com/en Jeprie
      Author

      You’re right. The grass should be taller.

      Thanks.

  • http://www.psdmaterial.com/ PSDMaterial

    nice but not excellent

  • http://childesign.deviantart.com/ Childesign

    You need to do more :D

  • pmp213

    The girl is so burned-out, yet the rest of the image is not. If she was really being lit up like that, much of the grass would be super-bright as well. The shadow doesn’t work, the grass in front of her (As others have said) needs a lot of work… Not the worst tut but could have been so much better with better source images and more attention paid to detail.

  • http://newarts.at Drazen Mokic

    Hm, i think i saw this work somewhere before but i really can´t remember where…

  • http://josecamposcr.blogspot.com/ Jose Campos

    Great tutorial, i like how you drew the new hair, i would like to read a tutorial about faces, painting faces, that would be a great one!

  • http://www.edilopes.com.br Edi Lopes

    è simples mas eficiente
    é bom sempre aprender tecnicas de iluminação
    desse tutorial eu gostei

  • http://www.uprinting.com/ Online Printer

    Wow, that is nothing short of fantastic! I love it. She seems free and alive with the wind in her hair and grass under her feet.

  • http://mlangella.com/ Manuela

    I think it is simple wonderful! I share it on my blog :)

  • http://www.moneymolder.com Andrew Goldie

    Great tutorial!….

  • arif

    I am a beginner…… I like this tuts……

  • http://www.mbt-outlets.com mbt mbt shoes

    Good article, this idea requires people understand! !

  • http://www.cdgn.co.uk Evil Uncle

    You don’t have to do it this way get a CS5 and use refine edge on hairs etc… New Photoshop rules!

  • http://www.behance.net/sandeepkothiyal Sandeep Kothiyal

    Great tutorial! nice nice

  • http://tournesia.com gusbay

    great hair selection, it’s so detail.. i like it.. good tuts..

  • Ammar

    nice :D

  • http://www.vvsol.com Lisa

    Very nice tutorial. Thank you for sharing your knowledge.

  • Lee Ann

    I am a beginner. I appreciate the tutorial. But I can’t seem to load the hair brushes. They don’t seem to be there when I click on the link. Then again, I am a beginner so maybe someone can help me out. Thanks.

    • Lee Ann

      Never mind; I figured it out. Very helpful for a beginner. Thanks!

  • http://idloveto.com.cn criss

    anyway great tutorial for beginners like me so thx so much for this tutorial~

  • http://www.newsever.com newsever

    great post.. awesome

  • Hayley

    I really liked this tutorial and I think it’s a great start for beginners! Great job, Mohammad! I followed the tutorial, but not exactly. My outcome was actually quite different.

    http://i63.photobucket.com/albums/h126/adreada_lynn/butterflywings.jpg
    (That’s my attempt.)

    I’m a beginner, and I know it’s not perfect…but it’s better than anything I’ve ever done. (I’m fresh out of high school, so I haven’t had any training in photoshop besides the basics in my Interactive Media class.) In all, I loved this tutorial, I love pictures that have a fantasy-esque feel about them. Thanks, I really appreciate it! =D

  • d u d e

    i am slowly getting short with words now

    great tutorial ………………………………

  • tom

    i cant even get past the first step. when i try to paste the image to my new file, it comes up small in the middle. i have tried to resize the image to the same pixels as the canvas but this doesnt make any difference. can anyone tell me where i am going wrong? it weould be greatly appreciated!

  • ruben

    was to get the ingredients how?

  • http://www.pato.pl/en/ photo editor

    My gosh! I’m lovin it! Almost shit my pants :)

  • http://www.psd-dude.com PsdDude

    I like the final result! It looks very nice!

  • http://www.bag-cool.com fashion

    very googd

  • http://www.bestuggprice.com pink ugg boots

    He was happy and comfortable back in his old home.

  • http://codingstreet.com Mustafa Hanif

    Nice tutorial, great hardwork. Thanks

  • bhavika

    Why not the grass follow the wind blow ?

  • http://zard.webs.com bayarr

    wow ,so amazing i haven’t seen such a thing like that

  • Charlene S. Reeves

    Where do u get the brushes?