Create a Magical Four Piece Stardust Composition

Create a Magical Four Piece Stardust Composition

Tutorial Details
  • Program: Adobe Photoshop CS3+
  • Difficulty: Beginner
  • Estimated Completion Time: 1 Hour
Download Source Files

Final Product What You'll Be Creating

For whatever reason it is always fun to create composite images that use star fields as a backdrop. Star fields have a unique ability to make a composition look mysterious and even magical. In today’s tutorial we will demonstrate how to create a 4-piece stardust composition using textures and masks. Let’s get started!


Resources

The following resources were used during the production of the tutorial:


Step 1

Let’s begin by making a 1000×900 document. Place the first image, Girl 1 into your document. We’ll be resizing this photo slightly, so press CMD+T and type in 90% for the width and height. To keep track of our layers (because there will be 4 photos), rename the layer to “Girl 1″.


Step 2

Now take Girl 2 and place it into your document. We’re going to be using this image twice so press CMD+J to duplicate it. Press CMD+T on the newest image and resize that to 60%. Rename the regular sized image “Girl2″ and the newly resized image (the one we just resized to 60%) to “Girl 2 Resized”.


Step 3

For our last picture place Girl 3 into your document. Once again press CMD+T and resize it to 50%. Rename this layer to “Girl 3″.


Step 4

Make sure your pictures are all correctly named, then we’ll begin to assemble them. I like to move pictures around and have a variety of smaller and bigger pictures to balance the blend. Assemble your blend according to the picture below, or if you can think of something better go for it! But if it ends up looking better than mine, let’s just keep that on the downlow ;)


Step 5

Before we begin fill the background of your document with black.


Step 6

Because we’re using a black background, setting the layers to “Lighten” will help us blend better because they show through. Set all of the image layers to “Lighten”.


Step 7

Select “Girl 3″ and press CMD+T. Then change the angle of the image to -6.4. Once you’re done, move “Girl 2″ a few pixels to the left so it’s closer to all the other images.


Step 8

We’ll now begin the base of this graphic by blending. You can blend in a variety of ways, but the best way to do it is to use masks. This way, if you make a mistake or feel the need to change something in the picture, you can easily do so. Since we used lighten, it’s a bit easier to blend because we can see where everything comes together, but we need to refine some things. So go ahead and make a mask first on "Girl 2" by clicking the Vector Mask button on the bottom of the layer palette.


Step 9

Select the mask, and then you should see your color palette change to black and white. Black erases your photo, and white adds it back on. Go to your brush tool and select a default 200px diameter round brush, 0% hardness. We want a nice soft brush so blend everything in nicely. Begin to erase away the edges of “Girl 2″ so it blends smoothly with the rest (use black). I’ve marked the places in red you should erase. Erase the areas marked in red.


Step 10

Now repeat this step for the rest of the images until they’ve been blended together well. On "Girl 1" create a mask once again, and then erase the areas shown.


Step 11

On "Girl 2 Resized" create a mask once again, and then erase the areas shown.


Step 12

On "Girl 3" create a mask once again, and then erase the areas shown.


Step 13

Now we’ll make some revisions. Go back to the “Girl 1″ mask and delete the bottom part of the picture as marked. It’s good to go back and make sure everything blends well, sometimes you might miss things!


Step 14

Now we’ll make our final revisions. Go back to "Girl 1" and delete the bottom part of the picture as marked. In addition to this, select layer "Girl 1", press CMD+T and rotate the image at -13.6.


Step 15

I just noticed that “Girl 2 Revised” now has a sharp edge because we rotated the photo, so go back to your mask and erase that part so it’s blended.


Step 16

Now that the base of the blend is finished, we can now begin adding textures to it. Now in these steps you can make masks and erase that way, but I’m just going to go ahead and erase with the eraser tool. Take this Moonchilde Ries Nebula and place it onto your document. Press CMD+T and resize the image to 50% and rotate it at -33.0.


Step 17

Set this nebula layer to Lighten, and then using a 200px 0% hardness round brush (in your defaults) erase away the highlighted red areas.


Step 18

Place this Moonchilde Nebula Stock 2 onto your document. Set the layer to Lighten and begin erasing around the edges and the areas highlighted.


Step 19

Place this Moonchilde CosNebula Stock 2 onto your document. Set the layer to Lighten and begin erasing around the edges and the areas highlighted.


Step 20

Place this Hameed Nebula onto your document. Set the layer to Lighten and move it around to your liking.


Step 21

Place this Moonchilde Fuego Nebula onto your document. Set the layer to Lighten and erase the highlighted areas with your round brush.


Step 22

Now we will need to adjust the color and brightness/contrast levels. The way you colorize your graphic can make a huge difference in the final result. There are quite a few colorizing layers in this, but all of them are necessary for the final outcome – so let’s begin! Go to Layer > New Adjustment Layer > Gradient Map and select a black to white gradient. Then set that to Soft Light at 100%.


Step 23

After this, go to Layer > New Adjustment Layer > Levels. Match your settings to mine.


Step 24

Now, go to Layer > New Adjustment Layer > Channel Mixer. Match your settings to mine, and then once you’re done change this layer setting to Lighten at 51%.


Step 25

Almost there! Now we’re going to add a nice color scheme to this. I like to use gradient maps because they’re good for just that. Go to Layer > New Adjustment Layer > Gradient Map. Create a gradient going from colors #d11c72 to #dd4e1a. Once you’re done change this layer setting to Hue.


Step 26

Nearly done (I really mean it this time!) Go to Layer > New Adjustment Layer > Channel Mixer. Match your settings to mine, and then once you’re done change this layer setting to Overlay at 41%.


Step 27

Now Go to Layer > New Adjustment Layer > Hue/Saturation and simply change the Saturation to +18.


Step 28

To further enhance your image (this step is optional) you may flatten your image, duplicate the layer (CMD+J) and then go to Filter > Other > High pass. Set the High Pass at 1.2 (you can play with this number) and then set that layer to Overlay and it should be nicely sharpened :)


Final Image

Your final image should look similar to the one below.

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

    The final image looks really nice :) creative !

  • http://aevion.net AEVION

    I love galaxies and stars. They always look so cool!

  • daniel b

    This is one of the best tutorials on here, but you definately did some mistakes. The image contrast was perfect in step 22, the colors were perfect in step 25 but in the following steps u changed everything to an unpresessional looking artwork. The final version contains way too much pure black and too much contrast.

    Although, really great technics

    • Belinda

      I actually like the way the image looks in steps 23/24.I think thats where I might have left it myself.

      But I do love the tutorial and the methods used.

    • http://www.funk.com DB Hater

      Mistakes? This is someone’s original piece of artwork. How are there mistakes?

      Although this is not my style of art, I think this piece is detailed and well put together, aside from all the other garbage on this website. The finished piece looks far better than Daniel B’s comments.

      “Unpresessional?” “Technics?” Bro, I think you’re looking for “unprofessional” and “techniques.” “Technics” is an electronics brand. Before you criticize, you should check yourself on your sub-standard intelligence.

      • alex

        You didnt seriously create a name just to throw hate at this guy did you?

        Thats some serious dedication to destroying somebodys soul :D

    • Jon Jaques

      Although the final image is a little red for my tastes, I have to agree with DB hater.. :)

      You can’t really say someone made a mistake on a original work of art. Also, depending on how one interprets the image, who’s to say this isn’t a distant galaxy that emits a high amount of gamma-ray bursts? This would produce a noticeable red-shift. Just kidding.

      But seriously.

  • http://www.3degreedesigns.com Jeff

    Nice tutorial… good use of blending and masks to get that look.
    Reminds me of the movie posters from the 80′s and early 90′s….

    • http://www.swimchick.net Jess
      Author

      Thanks so much :) I love to blend!

  • http://SARAH.HELPTOSERVE.INFO Sarah William

    Great tut…really interesting..like the output image very much…good work..keep it up..

  • JohnM.

    SOLID!

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

    I like your work. Thanks so much :)

  • Melissa

    Perfect as always Jess! I would be pretty much satisfied with the results at step 23, but it’s good to see that there are always more options to work with! Thanks so much!

  • Kyle

    Really nice!, i was a little worried at the start but it turned out great!

    More tuts like this!

    • http://www.swimchick.net Jessica
      Author

      I’m thrilled you like it, and will definitely be writing more. Thank you!

  • Fifi

    The tut here getting worst and worst. He/she should stop at step 23. The final image of this tutorial look ugly. It looks too bloody. This tut need to learn more about how to use color properly.

  • http://www.leuldeoras.ro Leul de Oras

    Don’t you think it would have been more useful if you actually explained things more, as in “we need to reduce the blues and put in more red because [insert reason here]” ?

    I mean, the way the tutorial is written now, it’s more like a source of inspiration, rather than something you learn from.

    In any case, thanks for the effort, nice work flow and nice outcome, you just need to polish your teaching skills, a bit. :)

    Cheers!

  • http://www.thewebtuts.com Web Tuts

    Tutorial added to the web tuts !

  • http://www.tutoriallounge.com Tutorial Lounge

    too much detail you sharing in this basix tutorial, but i think this is completely professional techniques you sharing.

  • http://cyanide-hosting.net Ace

    holy smokes! that’s a real cool design.. can’t wait to try,.

  • Davide

    really good but…you use Internet Explorer!!!! (screnshoot n°4)

    go Firefox

  • Marko

    Nice end product. I think that this is the kind of tutorial which is all about exploration, one which can lead to a brilliant piece of work (depending on the composition) or one that leads to the final piece looking a mess, to put it bluntly.

  • MASTER

    Nowdays u cant do anything without space/stars images

    think about it

  • http://www.markmayers.co.uk mark Mayers

    Great tutorial for using masks, and a lot of steps for a ‘basix’ tutorial. I also think the end result has the ‘wow’ factor! Well done!

    • http://www.swimchick.net Jessica
      Author

      Thank you Mark! Masks were very confusing to me at first, so I’m happy I was able to write a good tutorial for teaching others how to use them (hopefully without any confusion!).

  • nick

    i don t think that is good it seems like a old picture of a grand ma when she was young !!! so kitch
    and like i said in a older tuts it was like 2 years before people start puting stars on backroung.

    http://www.digitalartsonline.co.uk/tutorials/index.cfm?FeatureID=1738

    question : for what you will use this pics ?

  • Miki

    Its nice. Not AMAZING, but nice.

  • http://pixobox.net Haffy

    omg woww! jess u are AMAZINGG! :D i’ve been following ur site for a few years and ur tutorials are greattt! especially this one, im gonna try it out soon :] <3

  • Veruca

    I’m going to have to say after step 23 it should have stopped. It looked fine there, but as it kept going it started to look a slightly amateur. IDK, it’s a great example of beginner work, so I would think this is helpful for someone just starting out in Photoshop. This is a great tutorial on how to blend properly. Good job!

    • http://www.swimchick.net Jess
      Author

      Thank you Veruca. And I agree that I could have stopped and it might have looked better, but I have a bad habit of needing to colorize things to a certain extent. Will keep that in mind for my future graphics.

  • Nini

    I love the toturial.
    Now I tried to do this with another color (red) but when I blend my pictures they get overcolored.. Does this only work with black?

    • http://www.swimchick.net Jessica
      Author

      Do you mean the background color? Since you’re setting the pictures to lighten, it is recommended you use a black background because the pictures don’t change their original colors.

      • Nini

        Yeah that was what I meant. There is no way to do it with another color? Thanks for you reply

  • http://www.swimchick.net Jessica
    Author

    Nini, You could set a background color of your choice and then make a new raster layer, put it behind the pictures (which would be set to lighten) and then use a 0% hardness round default brush and use the color black under the images which would make them show through. Hope this was clear! Feel free to email me if you need any help or are confused.

  • adry

    it just like dandruff from the pretty girl

  • Marvin

    I think this tutorial is very well done no matter what others say about it! Excellent job, I’m gonna keep coming back to PSDtuts if i keep seeing tuts like these :)

  • Splitter

    Very nice result! Thanks for sharing this tutorial.

  • stephanie

    Super !!!!

  • http://ady20079.deviantart.com ady20079

    Very good composition and idea, i have tried your tutorial with some photoshos of my girlfriend and the outcome was great, thank you for tutorial.

  • http://www.SeyriFilm.com Watch Movies

    Thank’s..

  • http://www.boberika.com Bobeirka

    I’ve done quiet a few tutorials and this is definitely one of the better ones as the image turned out how it was suppose to – Great step by step instructions – THANKS!

  • Carmela Anzelmo

    Great tutorial! Awesome =)

  • Varun SIngh Chauhan

    Awesomest tutorial………. Never knew how we can use the black color and the Lighten blending option.

    Thanks

  • http://www.soaked-designs.us.tt Iris

    I love the final result! Very creative :) xxx

  • anien

    nice!! really love this tut! :D thanks!

  • http://100 Nana

    What a gorgeous tutorial !
    So great. Thank U Sir.
    :)
    from mongolia

  • Sonya

    Great tutorial and great work!! And thank-you for explaining it so well…which is more than what I can say about a lot of other tutes lol. You made everything so easy to understand and as a beginner it really helped me learn some great new techniques, that I will definitely be using again. :-)

  • http://www.gdesignsrd.com/ Geosh

    Thanks for this great tutorial.. i just finish my example for someone so important that this tutorial will look perfect for her

  • ali

    Thanks very much!!!. Very impressive tutorial. Looks beautiful.

  • Collin

    I’m glad I’m not the only one who thought this looked kinda gross at the end. Shoulda stopped at 21, the second picture of 21 is prime. Either way, thanks for the tutorial! I gleaned some good tips from it!

  • bittu

    i like it verry much. thank!

  • Antonio

    Great tutorial man. It works

  • Ritzsammy

    Awesome tutorial, I love it.

  • http://twitter.com/struky struky

    good

  • megan

    not even close. mine turned out like garbage.