How to Create a Vintage Circus Poster with the Photoshop Puppet Warp Tool

How to Create a Vintage Circus Poster with the Photoshop Puppet Warp Tool

I’ve marveled at the Puppet Warp Tool in Photoshop for quite some time, but I’ve never actually used it. Not that I didn’t understand how, it was just that I never had the need. So I decided to sit down and create a concept that would utilize this tool in a cool way, that would be fun and interesting. The result is this tutorial on creating a vintage style circus poster design.

Inspiration

I knew I wanted to create something with sort of a vintage circus feel to it, but with more of a strange curiosities or oddities theme. Something a little more sideshow strange. I did a little research and found some old posters, but I knew I wanted to push the envelope a little more… Enter the Puppet Warp Tool. Just the name of this PS feature sounds like something from a sideshow.

 

Getting Started

With some inspiration found and a concept in mind I started looking for images. I stumbled onto this one which fit the bill for what I had in mind. You can download it here.

Step 1

To use the Puppet Warp Tool on the giraffe we’ll need to remove him from the background. I did a very quick selection using the Quick Selection Tool (W) and the Quick Mask Mode.

I then copied (Ctrl+C) the giraffe. Next, I expanded the selection by going to (Select | Modify | Expand). I chose 20 pixels.

Then to remove the giraffe we need to click (Edit | Fill) and from the windows “Use” drop down choose “Content-Aware”, and click Okay.

The background fills in the missing space from removing the giraffe.

Step 2

Now paste (Ctrl+V) the giraffe from the clipboard onto a new layer. Go ahead and paste a second giraffe as well onto another new layer. Select the second giraffe and choose (Edit | Transform | Flip Horizontal). Now we have two giraffes facing each other.

Lets move them close enough so that their necks cross like the example below. Lets also merge them into one layer (Cmd + E).

Step 3

Now lets apply the puppet warp. With the giraffes layer selected go to (Edit | Puppet Warp). The top tool bar changes with some options.

For Density set the drop down to More Points.

Next begin clicking the giraffes to add points similar to what I have done below.

You’ll be able to edit the giraffes by clicking and dragging these points. Our goal is to get their necks to wind together. Similar to what I’ve done below.

Press enter to render the effect.

Step 4

Now we have our central focus for the poster. At this stage I want to begin establishing the style and look of a vintage circus poster.

First, I want to desaturate the entire image. We’ll do this by adding a new black and white adjustment layer.

Now let’s give the image a slight brown tone with a sold fill layer. I used #ab9d8d for the color.

I also added a Levels adjustment layer with the following settitngs.

And here’s where we are…

Step 5

Now I’m going to drop in a texture for good measure. I grabbed image 1 from the the Subtle Grunge Textures Vol 2 set here at WeGraphics. I placed the texture below my adjustment layers and set the blend mode to Overlay for the following result.

Step 6

Now lets add some background elements. I chose a few vectors from the Ornate Scroll and Frames and Baroque Ornaments vector sets here at WeGraphics. I built out the borders as follows.

Step 7

Now we’ll add some typography to complete the layout. I grabbed two fonts, Carnevalee Freakshow for the title and Showguide for the subtitle. I arranged them as follows using a black gradient at the bottom behind the title and a banner from the Vector Ribbons set behind the subtitle.

Conclusion

I hope this tutorial showed you how quick and easy it is to use the Puppet Warp Tool to create something very unique and interesting. Sometimes some of best tools in Photoshop are not the most widely used, but that doesn’t mean that they’re not powerful when right project comes along. If you’ve used the Puppet Warp Tool lately, share it with us using the comment fields below.

Related Posts

high quality vectors

2500+ premium design resources for only $7!

We do the best to provide high-quality products that you can use in your commercial projects.
You bet!

take a tour

Nathan Brown

Nathan Brown is a graphic designer who loves working with various media. He combines traditional art styles with a little experimentation and digital flare. Nathan's works have contained everything from ink and paint to leaves and a box of dirt. Everything is fare game when it comes to his approach to art. Nathan lives in Austin, Texas where he has been working as a designer for 10 years. More of his work can be viewed at GraphicMonkee.

28 Comments

(+add yours)
  1. Awesome! I love the text and the giraffes!

  2. hahaha… wicked! I was not aware of the puppet warp tool. Thanks for sharing.

  3. Simply great! Easily understandable tutorial, Nicely explained.

  4. Great work and very helpful tutorial. Thanks and keep up the good work!

  5. I love how you started with a vintage circus poster as your inspiration. They are such a fascinating graphic art form. I like the finished design. Will need to experiment with the puppet warp tool soon. Thanks for your help getting started.

  6. Kissing giraffes! I thought final image would be in lovely styles with some hearts.
    Tutorial is great, easy and fast to do.

  7. you killed it, nathan.

  8. Nice work to create a good poster such as vintage . great and shine .

  9. Jasmin

    Superb!

  10. Nice Tutorial…

  11. great idea :) I really like it!

  12. Great tutorial! I am having a hard time getting Photoshop to do what your saying as far as masking. I also am confused on how to get the giraffe’s to look like their necks are twisted. I am very new to PS and have an assignment for class due on a circus animation. What I’m trying to achieve is to get the giraffe’s like you have shown and animate them in the timeline to look like they are just grazing and then cross necks and kiss. Then with a background similar to your tutorial I can create a nice circus theme. I’ve got the basics of animating down pretty well, it’s just getting the images to work with that is the problem. Any assistance with this will be greatly appreciated. Thanks in advance for your response! Bobby C. (Incloud Design)

  13. So beutifull tutorial.I am having a hard time getting Photoshop to do what your saying as far as masking.
    Thanks in advance for your response! !!!!!!!!!

  14. Very good blog post. I certainly love this site. Thanks!

  15. Nice Creation Thanks From Clipping Path
    We Provide All Kind Of Photo Design & photo Edit

  16. This really should not be too difficult, considering it’s the sport’s second level-and it’s very easy.
    If her sex drive changes or if she’s no longer having sex with you then she
    could possibly be getting it in somewhere else.
    Women that do cheat do it for several reasons than men undertake it.

  17. 1, there have been multiple changes to the Yu-Gi-Oh 5D’s limited and forbidden list.
    Let’s move on to some of the more powerful cards we opened: The rares.
    Because of 4Kids filing for bankruptcy, the lawsuit filed by NAS and TV
    Tokyo has been put on hold.

  18. Hello there, You ?ave done an excellent job. I’ll ?ertainly dig? it and persp?all? sutgest to my friends.
    I’m confident they’ll be benefited from this website.

  19. I was wondering if you ever thought of changing the
    layout of your blog? Its very well written; I love what youve got to
    say. But maybe you could a little more in the way of content so people
    could connect with it better. Youve got an awful lot of text
    for only having 1 or two images. Maybe you could space it out better?

  20. That’s nice trick. Thanks for let us know. Just love the way you did this tutorial.

  21. Hi, i think that i saw you visited my web site so i came to “return the favor”.I am trying to
    find things to enhance my web site!I suppose its ok to use some of your ideas!!

  22. I’m amazed, I must say. Rarely do I come across a
    blog that’s both educative and engaging, and let me tell you, you have
    hit the nail on the head. The problem is something
    that too few folks are speaking intelligently about. I am
    very happy I found this during my hunt for something regarding this.

  23. Very good post. I am dealing with some of these issues as well..

  24. Hi! I’m at work surfing around your blog from my new apple iphone!
    Just wanted to say I love reading your blog and look forward to alll your posts!
    Carry oon the fantastic work!

  25. Great job here.  I really enjoyed what you had to say.  Keep going because you definitely bring a new voice to this subject.  Not many people would say what youve said and still make it interesting.  Well, at least Im interested.  Cant wait to see more of this from you.

  26. Andi

    Your directions fucking suck !
    FUCK YOU

  27. Fantastic beat ! I wish to apprentice while you amend your site,
    how can i subscribe for a blog web site? The account aided me a acceptable deal.
    I had been tiny bit acquainted of this your broadcast
    provided bright clear idea

Leave your comment

© Copyright 2010 WeGraphics.net - All rights reserved. Design and code by WeGraphics Team