Creating the Spoiled Princess Fashion Poster
Download Source Files
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!
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 $19/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.



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.
Liked the effect!
great tut
nice techniques, but i don’t really like the final result
Good technique
I quite liked the process from step 15-25, but the final result seemed too heavy on the teal.
nice tut, i do like the outcome, except for the text…
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.
Spam girl of social network
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 ;)
absolutely pen tool is the most interesting and important tool.
united-tutorials.blogspot.com
c mine..
She`s a little bit evil.. ‘spoiled’
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.
great!! nice tut!
not bad, but looks like mass unnecessary steps
my result: http://grandmix.deviantart.com/art/The-future-colors-144531084
Not really a result from this tut, just you spamming..
..i bet this is isn’t grandmix..
just some bastard who uses othe’rs name.
nice and nice i will try it now them i will inform
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
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.
I always see that model, lol.
nice tut btw.
techniques might come in handy
I’m feeling bullet’s results more.
Heh. It’s just a shame that Bullet likes to spam his stuff. He has some good work, I just don’t like spammers.
I really like the outcome. I’m definitely trying this.
Very nice tut. Thanks.
awesome tutorial dude! I loved it
woow very very nice thanks
Take out the swirls and the text and it would be awesome. Really beautiful colours!
Constantin… glad to see you’re back man!
Hello, Constantin and I’ll show you more tutorials soon!
Back and getting a lot of work ready ;)
Wack …
what the hell am i looking at here?
seriously… horns? is she the devil or something?
this is my resut : http://www.flickr.com/photos/creativethe/4130140614/
hey jun! that’s a gud one!
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.
Like this a lot! Will try it out some day!
Great tutorial – love the colour scheme!
greeeeeeaaaat!!!!
“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.
what font did you use for this?
The font is ‘Madonna’
i am not that hyped. The elements are not jelling quiet good. Seems more like an exercise in overlay!
awsum tute! i might try this without those horns :]
哦~~ 太漂亮了啊~~
i totally agree.. ;)
no this photo… AGAIN! nice tut tough.
Beautiful effect!
I attempted this and even though I changed a few things I think it turned out better than I thought it would :D
Nice tutorial. Not a fan of the overall picture but I do like your style and effects.
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.
Great tutorial! I used your overall technique to come up with a really nice image! Thank you!
this is nice like no other
I like is jpg..
this is thank you.. :)
Cool and easy guide, very professional but also simply to learn, many cool trics and fast commandos.
Thanks!
My result: http://giuliandrimba.deviantart.com/art/Spoiled-Princess-tut-result-148479067
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.
emmm what about the background cluds =S
you never show how to put them