Download Source Files
In this tutorial you’ll learn how to create an advertisement poster for your personal shoes. When working on an advertisement you must pay attention to all the details as you publish your poster and prepare it for the whole world to see. Another important thing about advertisements is that you need to work hard on all the details and do everything you can to make the product look better and as attractive as possible.
The rest of the concepts you create for the poster will just attract more eyes, but if your product does not look great, and if it is not the focal point of the composition then you may fail, the possible customers will just turn around and look at the next poster. 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. You can view the final image preview below or view a larger version here.
Preparation
Before getting started take a look at the images we’ll be using: Vector Pedestal, Floral Elements, Vector Pattern, Pedestal, Vintage Wall, Shoe.
Step 1
First of all create a new document. If your intention is to print this poster at a large size, you might want to consider creating the document using a large size and 300 dpi. Fill the background with #6a360f.
Step 2
Create a new layer on top of the background and fill it with black, then go to Filter > Render > Clouds (make sure your foreground and background are black and white). Then set the layer to Soft Light and Opacity to 50%.
Step 3
Import one of the vintage textures into your document. As you will see, the image is not big enough. You need to duplicate it and place it below the first one so that you create a bigger texture. Merge the two layers and set it to Multiply and Opacity at 70%.
Step 4
Next, create a new layer. Then use the Gradient Tool (G) set to radial and black to create a gradient.
Step 5
Import the Vector Pattern from deviantART. You will also have to rebuild the pattern to make it bigger (duplicate it a few times then put each piece together). In the end set the layer to Soft Light and Opacity to 10%.
Step 6
Open the Pedestal image and select one from those two images. Use the Pen Tool (P) to select the pedestal and cut it. Move the pedestal to your document and place it in the lower side of the image. Use the Burn Tool to strengthen the shadows.
Step 7
Import the Vector Pedestal into your document and place it exactly on top of your first pedestal. Next, create a mask for this layer and mark the upper part, then set the layer to Multiply.
Step 8
Now we’ll start adding the floral elements. In the link provided there is a folder with five different Floral Elements that you can use parts of to create your composition.
For this step, the Pen Tool (P) will help you cut out what you do not need. Also, the Burn Tool (O) will help you add shadows and a lot of masking.
Step 9
Add another black gradient over all the layers created at this point. Set the layer to Multiply and Opacity to 78%.
Step 10
Import the shoe image to your document. Use the Pen Tool (P) to extract the shoe, then place it above the pedestal. You will also have to remove the logo and place your own logo there using the Clone Stamp Tool (S). Next, go to Image > Adjustments > Selective Color and there you need to select the Blue color and move the sliders until you get a dark grey.
Step 11
Now use the Pen Tool (P) to trace the other shoe. Then set your brush to 2 px and the color black. Create a new layer and stroke the path.
Step 12
Now use the Pen Tool (P) to select the shoe and after you cut it place it over the stroke. Set the layer to Multiply and Opacity to 70%. Duplicate the layer and follow the directions below.
Step 13
It is time to add some more floral elements. Start up by adding one floral over the shoe. Now mask the flower like below.
Step 14
Next add another shadow in the right side of the shoe. Mask it like it would come out of the shoe.
Step 15
Again as you did with the above flower, add some more flower elements below the shoe.
Step 16
Add two more flower elements at the top of the image, then add some blur to them and you are finished with the floral elements.
Conclusion
In the end, you can duplicate everything you have done so far except for the last floral elements and background and place them behind the original pedestal. Give them some blur and darken them using the levels settings. By creating two more pedestals behind the original one, your illustration looks like it is viewed in a shop and that the products are placed on some special shelves of some sort. 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.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Constantin Potorac
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Psdtuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
I like the colors and the composition, but i don’t like the use of the same shoes and composition in the background. Helpful tutorial though, keep up the good work Constantin Potorac
Well, this is a tutorial after all, there is no point in repeating the same actions on different images… Although there is no argument, that it will look better with a different composition.
great tutorial
Yes, very helpful indeed!…always wanted to know the steps to getting this effect :o)
Please check the link for the Vector Pedestal and Floral Elements they are dead :o(
no loswl its working: the link is “http://www.zcool.com.cn/psd/fashion/20070618/psd_061TO2007.html”
for the second one and the first one is :”http://www.zcool.com.cn/vector/vector_other/20090311/vector_0311YE2009.html” check that man. the tuts are ok. friend. we need photomanipulation and surreal tutorial. 8)
Realy nice tut^^ Quick and easy!
Very nice
WOW!
Very good！
I love it~
hmph…i think there is something weird,,,
i don’t know,,
maybe ..the pole…
btw,,,,nice article..thx
Ya, I think it’s not quite positioned on there so well..looks a little off..
Cool graphic though..
Very vague.
I would expect vague instructions for an advanced photoshopper’s tutorial, however this seems like a novice piece of artwork.
The blur at the end really doesn’t look good and although I realise that you’re trying to create depth, it doesn’t look good on a pop-art type style, and looks like you stole some stock form a website and re-sized it and it became blurry with the enlargement.
Thanks for trying, though.
Yeah there are definitly things in this piece that make it look very unprofessional – I would have expected a better tutorial from PSDtuts…
Honestly, one of the worst tutorial here
i’m not really digging it either, part because of the blurry items in the ‘background’ and part because of the color pallette
great work thankssssssssssss .
So which link do I click on the floral patterns, its in a diff language
Not my favorite…
This is a good post for the sake of technique but the concept struggles. The shoe loses its focus as the main selling point of the design. The floral shapes don’t connect honestly with the color of the shoe, nor the contrast/relative color or nuance that the image of the shoe brings. there’s also wayyyy too much of the floral pattern in the image. Shoe reflections don’t carry any significance to the design.
The blurring of the floral image destroys any possible depth in the image. Excluding that portion, it feels as though the shoe is in the foreground (as brought out by the blur in the bottom right corner)…but as the upper right, oversized image is brought in and blurred, it makes for an extremely confusing sense of depth.
Why were the ionic columns given a mask to represent the orange/red color. Strange. What’s the relevance of the leaf pattern with the columns? if those were corinthian orders, maybe I could understand.
In the rearmost (I think) shoe column (to the left), why is it that the leaf that furls out from under the shoe is blurred (like the rest of the image) and then brought into full focus near the heel of the shoe. Or is that the reflected image of the foreground shoe? Being along the same line, that’s extremely confusing. Its existence within the (depth of) field of design is lost because of this. Why is that image even there?
Why is that (the background) the only existence of blue within the entire image. Blue and orange are complimentary colors…sure…but there’s no basis for it, nor is there a tie in anywhere else in the image to balance it.
The bottom right image…why is it there (other than for the sake of balance).
If one compares the forefront image with the left image, it seems that the front object was photographed at a downward angle (the angle of the shoe image also promotes this idea), however, if we compare the forefront image of the shoe and the rightmost image, the image seems as though it was photographed from below, which is NOT accurate to the shoe image, nor is it accurate to the entire composition’s previously mentioned sense of depth.
Overall, this tutorial is good for a few technical things but overall lacks a design and conceptual presence. As designers, I think we can all appreciate the potential lesson of learning more about the software that we love to use but just like any “real” client will say (and has said), what good is a technical design skill if the final design just doesn’t work?
I’ve never written on the site as I’ve never had to worry much about design that doesn’t satisfy the under-stated side of good and meaningful imagery…until now. I think that Constantin is a designer who’s obviously shown incentive to study and pursue the technical aspect of design but DEARLY requires the benefit of formal study. These things include an in-depth approach to lighting, focus, depth of field, emphasis and purpose for design.
I may seem like a prick in saying all these things but having been through design schooling and professional experiences as a designer (and being picked upon myself), I’m confident in saying that this sort of feedback is nothing short of necessary for the sake of promoting accurate and valuable design in the world today.
Constantin, your work needs focus. What a bland and cliche’ statement but it’s so true. By focus, I mean meaning and purpose. People don’t hire us because of our technical skills only, despite the fact that they think they do. Good design requires multiple elements of capability. People skills, design skills, spacial (depth) skills, balance, color, emphasis and meaning…through design…are vital to creating things that are successful. Your design here, unfortunately, lacks many of these things.
For example: If there are 2 trees in an image and the second is in the background it is A: smaller, and B: blurry. This is (although basic) a fundamental aspect of depth of field. Something you will find extremely prevalent in photography. Your image shows us a background image (because it’s blurry) in the foreground (because it’s larger than anything else)…or vice-versa maybe…the thing is, we don’t know. I’m referring to the floral pattern in the top right corner. You MUST pay attention to these things. We support you more than any of the other skeptics around you but design is more than just the technical that you’ve brought to the table.
We’re waiting patiently for your next attempt (maybe one that’s not so busy). In a different light, thanks for some seriously useful technical tips.
You nailed it, first inteligent and serious critique this site has seen yet. Very very valueable things you point out, i dare say theres as much to learn in this post alone as in this tutorial.
Agreed on all points you made, hope the designer takes it as positive feedback instead of negative, the real world is much worst, it is all about self improvement and putting out the best work possible :o)
Great review of the tutorial, best one around here, and yes i read it all and i fully agree with you. It looks very busy and the floral elements distracts the viewer from the shoes and that`s bad advertising.
Poor
lol, adblock is blocking all the pictures because they have the word ad in the name.
I agree with the comment about how it loses focus, the leaves are too bright and the shoes get lost.. (the BG is pretty cool.)
i dont really like it :\
i really don’t know how i must download the floral elements
but it’s a nice tut
can someone plz tell post the floral and other stuff so we can easily download it.
thx
Sorry, but the end result looks horrible.
Blur for depth is KING!
Not bad But heck, wish I could read Japanese so I could follow the links to download….oh and they are RAR files….I use a Mac
I’m on a Mac too. Use UnrarX.
Final result is not impressive at all. Too many things going on, poor focus on the main element and overall too busy. Some nice techniques in places but the final result and defenitely the colour scheme needs alot of work.
Keep trying though ;)
i agree… this tutorials final results really stand out from the rest.
nice try but color scheme as focus point are not working :)
links are dead, awesome effect!
I am 1/3 down the tut, and the links are not working. I am upset. I am not upset at the designer for trying. PSD tuts should get behind this. I am a paying customer. :P
bah
Really Nice
in the top ten of the worst tuts seen here…ever..
what is the rar password for the floral elements?
WOW….it’s amazing composition floral!!!!
Putting this right after Alex Beltechi’s tutorial is… ironic.
wicked!
amazing tut. thank you Constantin Potorac!!!
hey Q. I have been struggling trying to unrar. `the password for files on zcool is…..drum roll…….’ zcool’ I would also suggest using google’s translator to read the page.
B.I.N.G.O : P
macbook pro
amazing
great!
thank you very good
very good looking,thanks for this nice tut.;_…………
very good looking,thanks for this nice tut.;)…………
agrrrr its a shame the japanese link sucks… oh well its bcoz I dont understand , no download botton nowhere… can somebody upload it to rapidshare or sendspace, megaupload please… thank you great tut!
HAve you found where to download, somebody please HELP!!!
Awesome ;)
Can I translate this tutorial for this board -> GIMPuj.info?
Well people who think this is worst tutorial & unprofessional are out of their mind…. grow up man show some of ur creativities & let others decide …. :) ………. be a gr8 artist & then comment on others like this ! Well i love it.
very great design the flowers add some cool effects!
Really a kool ad :) u had really explained in thoroughly great work
What is the password for the floral elements?
I found a nother link for the florish ellements
http://www.fordesigner.com/maps//2815-0.htm
Thank you very much! from Argentina
Thankyou for using for Nike SB Shoes Render! It’s an honour!
nice blog, and nice tutorials
Very nicee tutorial
Thankssss 4 sharing!
Excellent tutorial. As usual psd.tutsplus always the best. Thanks for sharing this nice post.
great！