Preview

Creating the Spoiled Princess Fashion Poster

Nov 23rd in Illustration by Constantin Potorac

This is another collaboration with Toma Alin Gabriel. In this tutorial you will learn how to create a fashion advertisement poster. We'll be combining multiple images, finding the perfect stock, and unifying it with just the right colors. Let's get started!

PG

Author: Constantin Potorac

I am a freelance designer living in Romania. I discovered the beauty of design a few years ago. Since then I have dedicated my time to becoming a great designer (work in progress)!

Final Image Preview

Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month.

Tutorial Details

  • Program: Adobe Photoshop CS4
  • Difficulty: Intermediate
  • Estimated Completion Time: 2 hours

You can view the final image preview below or view a larger version here.

Video Tutorial

Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial.

Resources

For creating this illustration you'll will need a top quality element from Go Media. Also I would like to thank all the other photographers and artists for the great images that they created: Model, Box, Horns, Bag, Bracelet, Jewelry, Watch, and Phone.

Introduction

Fashion illustrations are unique and special. For this I have gathered a few great illustrations that can inspire you more: BLACC360, Pete Harrison, Bram Vanhaeren, and Alberto Seveso.

This fashion illustration requires a few stock images and the most important one is the model stock that you will eventually have to transform from that innocent woman into a devilish woman. The other elements are just a few things that represent the woman's must have objects that we created exploding out of a small box.

In the end you will have to add a few colors and some dark effects that will represent a transition between the space scene and the actual background. Then a few more color adjustments and image corrections will make this illustration just as we want it to be.

Step 1

First of all create a new document. If your intention is to print this poster on a large size you might want to consider creating the document using a large size like 1900px by 2600px and 300dpi. Now fill the background with black.

Step 2

Next you need to create a lighting effect over this background. To do this go to Filter > Render > Lightning Effect and use the below settings. Basically you will have to just play around with the numbers until you get some effect that satisfies you.

Step 3

Create a new layer. In this layer you will create a few Lens Flare Effects. To do this go to Filter > Render > Lens Flare like in the image below. Then repeat the step 2 to 3 times to make the effect more powerful.

Step 4

Now you need to create another layer and make sure that you have your background and foreground set to black and white then go to Filter > Render > Clouds. Then set the layer to Soft Light and Opacity to 30%.

Step 5

Now it's time to apply some color to your background, to do this go to the selected layer's Color Balance and use the image below for the color reference. You should obtain some sort of reddish color. Next add some Vibrancy to your background. These have all been changed from the Adjustments menu.

Step 6

Import the image with the girl into Photoshop and use the Pen Tool (P) you need to extract part of her body like below and place it into your document.

Step 7

Next you need to double-click the model layer to enter the Blending Options menu. In this menu you will have to add Inner Shadow, Outer Glow and Inner Glow. The images below will give you the exact information you need.

Step 8

Cutting the model and placing it just like that into the background looks kind of strange, and cutting off the next effect you are going to create will not make much of a difference, but it will give the illustration a more interesting look. I am talking here about creating the interior of the model... just a piece of material that will look like the jacket she is wearing.

For this you need to make a selection like below and fill the selection with #2d343e. Now that the shape has been created, you need to make sure the layer is behind the model and double-click on it to enter the Blending Options and add the next settings.

Step 9

It's time to insert the graphic elements. Start with the circle element. First create a circle using the Eclipse Tool and then multiply it obtaining a square shape like below. Merge all circles into one layer and place the layer below the "model" layer. Also you will need to set the following Blending Mode to the layer: Gradient Overlay 50% and Opacity of the layer at 50%.

Step 10

Use the floral elements that you bought from GoMedia, or one of your choice, and add a few of them into the document. As you can see in the image below, they are not very detailed and cleanly placed but that is not a problem because you will come back and adding details later on as you proceed.

Step 11

Time to add some colors and flares. Create a new layer over all the rest of the layers, and use a big brush size set to white to create a flare like below. Set it to 50% Opacity.

Step 12

To make this more interesting you need to create three separate layers and place them into a folder named "circles." For each layer you need to create a round selection, then use the brush with different colors and sizes for each of them. Create soft color circles like below. Set the folder to Pass Through and 70%. In the end you will set it to Multiply as you will see that will make the colors more interesting and they will blend in with the rest of the composition better.

Step 13

Let's add some more elements to the background. Create a new layer and place it behind the model and all the rest of the elements, but keep it above the background layer. Use the Rectangular Marquee Tool and make simple lines like in the image below and fill them all with white.

Step 14

With the line layer selected you need to go to Filter > Blur > Motion Blur and apply a -90 degree Angle and a 10px Distance. Repeat the step but this time add a 0 Angle and 500 Distance.

Step 15

Next pick the Eraser Tool (set to a big size and with the edges soft) and use it to erase the center and some of the edges of the lines. You will also have to reduce the Opacity of the layer and for a more interesting look duplicate the layer. Move it slightly above the other and decrease the Opacity more for both.

As you do this, you'll notice the lines starting to disappear, but at the end of this tutorial you will see in the final result that the lines will start to be very visible. That is because in time you can go back and adjust each layer to your needs or maybe apply extra layers on top of them to make them stand out.

Step 16

In this step you'll start adding the elements that burst out of the box. Basically, just open up the images mentioned in the introduction of the tutorial, cut them out, and place them into your composition. One extra thing that I have done for the moment was to add a simple shadow to the box that you will eventually come back to later on, and add more effects over it and make it blend in more.

Step 17

Continue adding elements.

Step 18

Now you will create a more interesting element. Something like the Omega Code. For this use the Pen Tool (P) and create the triangle and don't worry if the lines are not symmetrical.

For creating this exact shape you will have to make a lot of duplicates and apply Motion Blur for some of the shapes to create an illusion of movement.

Step 19

Open up the horns image and cut them out of the actual image and place them into your document on top of the model's head. You will make her look like some sort of devil. In total she will have four horns on her head.

To make them look better you need to transform them into Black & White, then add a slight Inner Shadow to them.

Step 20

Applying one color to the whole image and changing the mode can dramatically change the aspect of the final image. For this you need to create a Layer Fill using this color #be04af. Then set it to Screen and set the Opacity to 30%. This layer must be on top of all the rest of the layers created so far.

Step 21

The second color effect is to create a new layer, then use a soft brush, just apply colors on the layer as you see below. In the end, set the layer to Screen and Opacity to 30%.

Step 22

Create another layer and fill it with #01b387. Then you need to create a Lens Flare effect by going to Filter > Render > Lens Flare and use the settings below. Repeat the step 2-3 times. In the end set the layer to Overlay.

Step 23

Next you need to select some areas of the model's body and using the Pen Tool (P). You need to cut off some shapes and place them into your document like below. Just add some simple graphic elements.

Step 24

The composition is basically finished at this point, but to make it more interesting you will need to change some elements, add some more effects to the background, and change the blending style of the colors.

First of all return to the small dots that you have created in Step 9. You will have to duplicate that set of dots two times and change the colors to red and blue. Overlap these two sets, but move them slightly so that they are not perfectly aligned, then set them to 50% Opacity and merge them.

Next move them over the original dots set and over the model and set them to 50% Opacity and Overlay.

Duplicate the layer.

Duplicate the layer again but this time leave it to Overlay and set it to 100% Opacity.

Step 25

Next it is time to make the background more interesting. First create a new layer and place the layer on top of the background but behind the model layer and other elements. Fill the layer with black and erase some center parts of the black layer using the Eraser Tool (E). Erasing a few parts of the layer is just for helping you decide a shape.

Now you will have to use a cloud brush that you can find over the Internet or maybe in your own gallery. The ones I used can be found here: DeviantArt. Using this brush you need to mask the image leaving a very nice transition between the old background and the new black effect.

As you notice on the images there are small dots on the black element that represent the stars, these can be easily created using the Noise effect. Create a new layer and fill it with black, then go to Filter > Render > Noise. To create the noise more to your needs go to Levels, and dragging the slider left and right you will decide how many stars you want over the background.

Step 26

The final step of this tutorial is to add some final color adjustments. To do this you need to save the image as a JPG and then open the JPG separately. Go to Channels and select the Green Channel. Copy the Channel by pressing Command + A to select the entire image then Command + C then go to the Blue Channel and Paste the Green Channel over it by pressing Command + V.

The color effect is applied. To see it go back to the RGB Channel.

Step 27

What is left is to add two more Curves Adjustments. Create the first Curve and add the next settings.

Using a black, soft brush you will need to draw over the girls face and neck in the mask to cover up the curve effect in that area, as the effect lights up the face too much.

Step 28

And then apply the last Curves effect and you are done.

Conclusion

You can view the final image below or view a larger version here.

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Justin November 23rd

    why does a spoiled “princess” have horns. she the devil princess or something? interesting techniques, but, not all to crazy about the final result of certain elements. not terrible though.

    ( Reply )
  2. PG

    Pavel Shimansky November 23rd

    Liked the effect!

    ( Reply )
  3. PG

    xRommelx November 23rd

    great tut

    ( Reply )
  4. PG

    xRommelx November 23rd

    nice techniques, but i don’t really like the final result

    ( Reply )
  5. PG

    snnaqvi November 23rd

    Good technique

    ( Reply )
  6. PG

    Rose November 23rd

    I quite liked the process from step 15-25, but the final result seemed too heavy on the teal.

    ( Reply )
  7. PG

    ruben November 23rd

    nice tut, i do like the outcome, except for the text…

    ( Reply )
  8. PG

    Anna McMahon November 23rd

    I absolutely love it. I love Photoshop and illustrator and everything else Adobe puts out. But my weakest link is always the pen tool. I know, it makes everything difficult. I am getting better though. So hopefully I can do something like this spoiled Princess fashion poster soon.

    ( Reply )
    1. PG

      diego November 24th

      Spam girl of social network

      ( Reply )
    2. PG

      Constantin Potorac November 24th

      You need to practice with the Pen Tool… trust me it is worth it and actually it is not a hard tool once you get used with it.

      like your blog ;)

      ( Reply )
      1. PG

        adil December 7th

        absolutely pen tool is the most interesting and important tool.

        united-tutorials.blogspot.com

        c mine..

  9. PG

    Toma Alin Gabriel November 23rd

    She`s a little bit evil.. ’spoiled’

    ( Reply )
  10. PG

    Sacha November 23rd

    I can’t really tell what the bottom part’s supposed to be… and the lens flares effects are… well..

    The author probably has a lot to teach us about photoshop, but I have to say I wouldn’t hang that poster on my wall.

    ( Reply )
  11. PG

    Amarelo November 23rd

    great!! nice tut!

    ( Reply )
  12. PG

    aMs November 23rd

    not bad, but looks like mass unnecessary steps

    ( Reply )
    1. PG

      james November 23rd

      Not really a result from this tut, just you spamming..

      ( Reply )
    2. PG

      chris November 26th

      ..i bet this is isn’t grandmix..

      just some bastard who uses othe’rs name.

      ( Reply )
  13. PG

    mamun_Bangladesh November 23rd

    nice and nice i will try it now them i will inform

    ( Reply )
  14. PG

    jake November 23rd

    someone said they dont no why she has horns, i took it as she has horns cos by being spoiled turned her into a devil, makes sence to me, i actualy like this final design! nice work

    ( Reply )
  15. PG

    fat_anarchy November 23rd

    Nice. I think this one looks really good. Keep up the good work. Some people are saying they dont like the final result, but thats down to personal taste. The important thing about a good tutorial is that it shows you various effects/techniques, and how to do them yourself, and hopefully use them in a way you would prefer on your own projects. This tutorial has done that.

    ( Reply )
  16. PG

    arnold November 23rd

    I always see that model, lol.
    nice tut btw.
    techniques might come in handy

    ( Reply )
  17. PG

    David Puerto November 23rd

    I’m feeling bullet’s results more.

    ( Reply )
    1. PG

      spiderm0nkey November 23rd

      Heh. It’s just a shame that Bullet likes to spam his stuff. He has some good work, I just don’t like spammers.

      ( Reply )
  18. PG

    FatalEmbrace November 23rd

    I really like the outcome. I’m definitely trying this.

    ( Reply )
  19. PG

    Jasmin Halkic November 23rd

    Very nice tut. Thanks.

    ( Reply )
  20. PG

    sarah r November 23rd

    awesome tutorial dude! I loved it

    ( Reply )
  21. PG

    piyanistil November 23rd

    woow very very nice thanks

    ( Reply )
  22. PG

    josh November 23rd

    Take out the swirls and the text and it would be awesome. Really beautiful colours!

    ( Reply )
  23. PG

    AEVION November 23rd

    Constantin… glad to see you’re back man!

    ( Reply )
    1. PG

      Toma Alin Gabriel November 24th

      Hello, Constantin and I’ll show you more tutorials soon!

      ( Reply )
    2. PG

      Constantin Potorac November 24th

      Back and getting a lot of work ready ;)

      ( Reply )
  24. PG

    Jean Cluade Van Damme November 23rd

    Wack …

    ( Reply )
  25. PG

    quepasacontigo November 23rd

    what the hell am i looking at here?

    ( Reply )
  26. PG

    ksquared design November 23rd

    seriously… horns? is she the devil or something?

    ( Reply )
  27. PG

    jun November 23rd

    1. PG

      devDsine November 24th

      hey jun! that’s a gud one!

      ( Reply )
    2. PG

      jc December 1st

      looks good. better juxtaposition and eye for color than the one in the tutorial. With that said, this is a nice tutorial, nice techniques that one can take away from.

      ( Reply )
  28. PG

    Anton Agestam November 24th

    Like this a lot! Will try it out some day!

    ( Reply )
  29. PG

    Callum Chapman November 24th

    Great tutorial – love the colour scheme!

    ( Reply )
  30. PG

    Amarelo November 24th

    greeeeeeaaaat!!!!

    ( Reply )
  31. PG

    neil November 24th

    “spoiled princess” seems to mean lifeless, bored, and crap model. The gormless apathy look has been completely overdone, deserves to be consigned to the rubbish bin, and photographers/art directors should look for something that says something more interesting than “vacant model earning money for next coke hit”.

    Great tutorial though. Nicely written, nice effects. Cheers.

    ( Reply )
  32. PG

    tstaires November 25th

    what font did you use for this?

    ( Reply )
  33. PG

    Toma Alin Gabriel November 25th

    The font is ‘Madonna’

    ( Reply )
  34. PG

    umer November 25th

    i am not that hyped. The elements are not jelling quiet good. Seems more like an exercise in overlay!

    ( Reply )
  35. PG

    SaTiN November 26th

    awsum tute! i might try this without those horns :]

    ( Reply )
  36. PG

    jeedoo November 27th

    哦~~ 太漂亮了啊~~

    ( Reply )
    1. PG

      Rodolfo bassetto December 20th

      i totally agree.. ;)

      ( Reply )
  37. PG

    sqlim November 27th

    no this photo… AGAIN! nice tut tough.

    ( Reply )
  38. PG

    Bob November 28th

    Beautiful effect!

    ( Reply )
  39. PG

    Chelsea November 29th

    I attempted this and even though I changed a few things I think it turned out better than I thought it would :D

    ( Reply )
  40. PG

    Autonomy November 29th

    Nice tutorial. Not a fan of the overall picture but I do like your style and effects.

    ( Reply )
  41. PG

    Marla November 29th

    The name doesn’t seem to fit but I like the tutorial and will give it a try on some recent senior images. I’ll change out a few things but I look forward to seeing how this turns out.

    ( Reply )
  42. PG

    Denise December 2nd

    Great tutorial! I used your overall technique to come up with a really nice image! Thank you!

    ( Reply )
  43. PG

    andrea December 3rd

    this is nice like no other

    ( Reply )
  44. I like is jpg..

    ( Reply )
  45. this is thank you.. :)

    ( Reply )
  46. PG

    Parisian December 11th

    Cool and easy guide, very professional but also simply to learn, many cool trics and fast commandos.

    Thanks!

    ( Reply )
  47. PG

    LadyUranus January 10th

    Here’s my results, sans text: http://ladyuranus.deviantart.com/art/Angel-A-149994820

    I wish the tutorial had longer explanations– I’m all for just giving the bare bones so everyone’s result is different, but I was often guessing as to how the end result came about, especially with some of the mask layers.

    ( Reply )
  48. PG

    Percy Yeah January 19th

    emmm what about the background cluds =S
    you never show how to put them

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    January 19th