Design insights & tutorials.

Create a Furious Pink Panther Poster

Introduction

Everyone knows the pink panther! I sure love the old cartoons and remember this old VCR tape packed with episodes I used to watch as a kid, over and over again. Well, there were lots of episodes, so it wasn’t as obsessive as it sounds…

Anyway, I thought it was time to give the old feline a modern, furious twist, and so I created this T-shirt for Design by Humans, for which I would greatly appreciate your vote!

Apart from shamelessly promoting myself, I’m going to show you how to create a poster of this new and improved pink panther using some great online resources, from Bittbox and the Go Media Arsenal. You can use just about any version of Photoshop and will need to brush up your art skills for this poster with a pen tablet.

preview

Drawing the panther

First of all, download the sample file below & follow along with me in Photoshop. It’s got more than 100 layers, so you’ll really be able to see how this was put together.

Indeed, you are looking at a tiger photo, not a panther. I know my English and Zoology well enough to tell the difference, but I found a tiger’s fur much more fit for this particular design. Not only that, but those huge fangs are just SO cool.

So, get this image from istockphoto and position it accordingly in your newly created A3 canvas at 300 ppi.

1

You’re going to need a pen tablet at this point, so use a regular round brush with pen pressure enabled. Begin by tracing the general outline with black. Later on, we’ll fill the strokes with paint sprays of different colors. Change the tiger photo’s Opacity to about 60%. That will make drawing easier.

Try to give the dark outline a depth of field through stroke width. On a pen tablet, the harder you press, the thicker the line. So by drawing parts of the face with more pressure, you’ll get more obvious and visually imposing features. In this drawing, we want to draw attention to parts that show a fierce, angry panther. To do that, draw the fangs, jaw outline, eyes and wrinkles with a thicker line. These are the features we want to point out, and the emotion we want to generate.

2

Now add a few accents to the face. It’s a good idea to keep altering the visibility of the photo so that you get a general idea of what the new art will look like, while still keeping the photo as a reference. Use a shade of pink for this layer (ef6878) and make individual layers for each color, or even for different stroke widths of the same color. You’ll probably change your mind later on some of the lines, and it’s not worth having to redraw everything.

While drawing the pink strokes, think of them as the first step to defining the lighting and actual features of the feline. The mouth is almost completely painted because it’s not only a pink area in real life, but because we want it to appear darker.

Also, instead of painting the whole left side with pink, we’ll draw strokes that fade in and out (through line thickness). That will give the face a particular texture, and avoid giving the impression of a flat surface. It’s not a finished effect, but will work once we have all the other layers finished.

3

We’ll now get started with the highlights. It’s a good idea to change the background color right now too. Fill the background with this blue: 0a1e29. And use this yellow for the highlights: fbe382.

As if complementing the pink layer, draw the yellow highlights in largely unoccupied areas. Try not to cover much of the pink, and imagine how a bright yellow light from the right would highlight the animal’s fur. Don’t leave the left side completely dark, but remember that fur generally absorbs light and doesn’t really reflect it. For artistic reasons, the light is exaggerated, but serves the style and purpose of the design. We want edgy and bold contrast that goes with the kitty’s bad temper.

4

Two more layers. One containing a darker shade of pink (b0314f), and one of the previously used lighter pink. Firstly, make a new layer over the yellow one, and paint thin, short strokes on top of yellow areas. Those will add texture, and add small shadows to the lit side. Also, make one more layer for the darker pink and use it to darken pink areas, not yellow ones. These act as more profound shadows and will act as a transition from pink to background blue.

5

Double click on the black outline layer. Add a Color Overlay Layer Style. Choose the background color. That will basically make it fade into the background. Also, add more accents of the darker pink and of the lighter one, just like in the previous step. Fill the eyes with a bolder yellow (e7cc5f). That will not only bring more attention to the eyes, but will later be used over the yellow covered side to create depth and texture.

6

Add dark accents of this bluish gray: 293a44. We’re doing this in order to differentiate distinct facial features, and to be able to make an easier transition into the background, as well as paint details. Also, add the pupils using the same gray, and dark pink rings.

7

Bring out some of that beautiful fur with stubble-like strands. This effect is simply meant to make the fur look more dynamic. Also in order to add more depth to the lit side, add even lighter accents with this yellow: f7e2a8.

8

Finally, select the darker yellow found in the eyes and paint over yellow areas. Make sure that you only paint on the left side of all lighter yellow strokes. That’s it for the panther, so let’s get on with the next section.

9

Making it messy

It’s time for some messy artwork. In this section, you’ll need two resources: Bittbox Messy Spraypaint brush set and Go Media’s Stain Photoshop Brushes. From now on, it’s all trial and error, so you will most likely be moving things around in time. When using brushes, I suggest you paint inside the canvas and manually position it.

The head is basically just floating on the canvas, and it’s not the result we’re looking for. It’s time to create a transition from side to side of the document, using artistic elements found in the links written above.

To blend in the face, we’ll not only add paint elements behind the face, but also inside the face. Doing otherwise, will make the transition less subtle.

While placing the vectors and brushes, keep a general orientation in mind, because we want this to be well built from a compositional point of view as well. The paint will appear as a diagonally oriented line, starting near the source of light and ending in the darker side of the canvas. It is also further down than up, because we want the piece to have a certain stability and foundation. If it would be heavier on the top, it would create a floating sensation. There’s lots of material to read on Composition, and as a foundation to this sort of work, i suggest you read on that topic, if you haven’t already.

As previously mentioned, the Project File would be most useful in this case. Because the splatters and stains are kept on separate layers, it will be easier for you to keep track of all the changes seen in the screenshots below.

10

Add more yellow stains and spray paint. I also placed a Bittbox spray paint over the Go Media dripping stain because I wanted to make its edges less defined. It’s a good idea to do that with most vectors in this piece, since we’re trying to create a smoother transition.

11

In a similar manner, add more stains and spray paint. We’re already defining a general orientation, as you can probably see.

12

As mentioned before, we’ll fill the dark face outline with messy spray paint. Select the dark outline layer of the panther’s face. Because the layer has a color overlay, you’ll need to flatten the effect. Create a new blank layer, select both layers and merge them (Ctrl + E). Now create another layer, make it a clipping mask and while using a messy spray paint brush, paint yellow sprays on the lit side of the face. Also, paint two more yellow sprays behind the face; you can see them near the eyes- they appear as horizontal streams.

13

Add ink-like splatter vectors to different areas of the canvas using existing colors – yellow, pink and bluish gray. Also, begin adding pink accents of spray paint.

14

Add some more splatters and paint with pink. I also cut out a small stream from a spray paint brush, and applied it the left side of the face. It’s pointed out with the first white line on the left, as a Bittbox brush.

15

Next, continue the red section and add more splatters too. Mix splatters, paint stains and paint sprays, just as you did on the right side. I also added a couple of grayish stains so that the stream becomes visibly darker.

16

Create a halftone background

Now you’ll need the Abstract Halftone brush pack. Using a bluish gray (243941) fill the background with a 45° angled line halftone brush. Make sure that the halftones are well aligned, so that it gives the impression that they are simply changing color, not crisscrossing or mismatching. Position these in the unoccupied, or whitespace of the canvas.

17

And now add some background colored halftones. That will simply fade out some of the elements. I also added a pink halftone on the right side, just barely visible.

18

Finnish it off with type

You need this font for the final part. Download it, and type in the words in a similar way. Place them behind all the layers, including the halftones. You’ll notice that the final block of text, both pink and yellow, forms a rectangle. This is meant to bring a certain order and predictability to the layout of the design. It acts as an anchor that keeps all the elements in place.

Also, readability is not a main objective here, so neither the font, its layout or modifications are meant to serve that purpose. It has a more graphic role.

19

Now, while using the light yellow color, type the word panther repeatedly in the lower right corner in order the complete the rectangle grid. Also, add a lighter colored spray paint that will eliminate some of the negative space of the text.

20

And as a last touch to the text, make a selection of all the text by holding Ctrl + Shift and clicking on all the text layer icons. Make a new layer above, and spray paint with a light yellow. That will make the text appear less flat.

21

And with that, we’ve just finished creating a furious pink panther poster using only a few messy spray paint brushes, abstract halftones and splatter vectors. It’s situations like these where brushes and vectors prove their worth. Now use them to make your own furious design!

final_small

Discussion

We want to hear what you have to say. Do you agree? Do you have a better way to approach the topic? Let the community know by joining the discussion.

  • http://dotzeronet.com dotzero

    great =)

  • http://dotzeronet.com dotzero

    great =)

  • http://dotzeronet.com dotzero

    great =)

  • http://www.pushingbuttons.net Timothy

    Wow. The outcome is sick nasty!

    (0_o)

  • http://www.pushingbuttons.net Timothy

    Wow. The outcome is sick nasty!

    (0_o)

  • http://www.pushingbuttons.net Timothy

    Wow. The outcome is sick nasty!

    (0_o)

  • http://www.ritchielinao.com Ritchie

    damn that is so nice.. it just that I don’t have my own pen tablet to make my own design. hehehe ^_^

  • http://www.ritchielinao.com Ritchie

    damn that is so nice.. it just that I don’t have my own pen tablet to make my own design. hehehe ^_^

  • http://www.ritchielinao.com Ritchie

    damn that is so nice.. it just that I don’t have my own pen tablet to make my own design. hehehe ^_^

  • http://www.minervity.com Richard Andersson

    Dang! So freckin’ awesome!

  • http://www.minervity.com Richard Andersson

    Dang! So freckin’ awesome!

    • http://www.seslichat18.com sesli chat 18

      what ?

    • http://www.seslichat18.com sesli chat 18

      what ?

  • http://www.minervity.com Richard Andersson

    Dang! So freckin’ awesome!

  • SeanIsLegend

    That is pretty damn awesome. Good work.

  • Simon H.

    Woaw !

  • moamyot

    Dear god, KEEP EM COMING!!

  • moamyot

    Dear god, KEEP EM COMING!!

  • moamyot

    Dear god, KEEP EM COMING!!

  • http://www.gomedia.us Liz

    Wa-wa-woo-wa! I’m in love with all the painterly moments in this piece; well done!

  • Pingback: Alex Beltechi T-Shirt Design - Poster Tutorial

  • Pingback: Furious Panther Poster Tutorial

  • http://www.williambiwer.com Bill Biwer

    Very nice work. Great tutorial as well.

  • http://www.williambiwer.com Bill Biwer

    Very nice work. Great tutorial as well.

  • http://www.williambiwer.com Bill Biwer

    Very nice work. Great tutorial as well.

  • Eric Thayne

    WOW. That is one sickkk poster!
    You should sell it. I would buy it, hah.

  • Pingback: Heads Up Seven Up Blogroll for January 12, 2009 | GrandmasterB dot com

  • http://arbent.net/ Angie Bowen

    Wow, that’s an awesome tutorial with amazing results. Thanks!

  • http://arbent.net/ Angie Bowen

    Wow, that’s an awesome tutorial with amazing results. Thanks!

  • http://arbent.net/ Angie Bowen

    Wow, that’s an awesome tutorial with amazing results. Thanks!

  • http://abduzeedo.com Fabio Sasso

    Amazing tutorial thank you very much!

  • http://abduzeedo.com Fabio Sasso

    Amazing tutorial thank you very much!

  • http://abduzeedo.com Fabio Sasso

    Amazing tutorial thank you very much!

  • SeanIsLegend

    That is pretty damn awesome. Good work.

  • SeanIsLegend

    That is pretty damn awesome. Good work.

  • VRizo

    haha that’s great! [if you do plan on printing that poster, i want it]

    << also a huge fan of pink panther <3

  • VRizo

    haha that’s great! [if you do plan on printing that poster, i want it]

    << also a huge fan of pink panther <3

  • VRizo

    haha that’s great! [if you do plan on printing that poster, i want it]

    << also a huge fan of pink panther <3

  • Simon H.

    Woaw !

  • Simon H.

    Woaw !

  • Neil K.

    REALLY cool design. It always amazes me of the effects one can achieve with a Wacom tablet and Photoshop

  • Neil K.

    REALLY cool design. It always amazes me of the effects one can achieve with a Wacom tablet and Photoshop

  • Neil K.

    REALLY cool design. It always amazes me of the effects one can achieve with a Wacom tablet and Photoshop

  • http://sabasdesign.com msabas

    I need a wipe to clean my self …

    This is awesome..

  • http://sabasdesign.com msabas

    I need a wipe to clean my self …

    This is awesome..

  • http://sabasdesign.com msabas

    I need a wipe to clean my self …

    This is awesome..

  • LizHunt

    Wa-wa-woo-wa! I’m in love with all the painterly moments in this piece; well done!

  • LizHunt

    Wa-wa-woo-wa! I’m in love with all the painterly moments in this piece; well done!

  • Pingback: Tutorial: Crear un póster a partir de una fotografía

  • Eric Thayne

    WOW. That is one sickkk poster!
    You should sell it. I would buy it, hah.

  • Eric Thayne

    WOW. That is one sickkk poster!
    You should sell it. I would buy it, hah.

  • Andrew

    Wow, that was an awesome tutorial! Really well done.

  • Chantwan

    That’s pretty awesome. Banging tutorial, thanks.
    Rocky, Bullwinkle, Underdog, Pink Panther….flashbacks of mornings before school.

  • Chantwan

    That’s pretty awesome. Banging tutorial, thanks.
    Rocky, Bullwinkle, Underdog, Pink Panther….flashbacks of mornings before school.

  • alanvalek.com

    Looks awesome.

  • http://colorburned.com Colorburned

    Really cool tutorial!

  • http://colorburned.com Colorburned

    Really cool tutorial!

  • http://colorburned.com Colorburned

    Really cool tutorial!

  • Andrew

    Wow, that was an awesome tutorial! Really well done.

  • Andrew

    Wow, that was an awesome tutorial! Really well done.

  • http://www.gravatar.com/avatar/7417b123f72737d9db39552048a3ecea?s=80 Number 2

    SICK!!!!

  • http://www.gravatar.com/avatar/7417b123f72737d9db39552048a3ecea?s=80 Number 2

    SICK!!!!

  • http://www.gravatar.com/avatar/7417b123f72737d9db39552048a3ecea?s=80 Number 2

    SICK!!!!

  • alanvalek.com

    Looks awesome.

  • alanvalek.com

    Looks awesome.

  • http://www.emailmarketingmanual.com Andy Parker

    That is pretty tidy in a very strangly ugly way.

    Reminds me of the awful print that everyone had in the 80′s of that black panther on black.

    It ended up on leather jackets too.

    classy.

  • http://www.emailmarketingmanual.com Andy Parker

    That is pretty tidy in a very strangly ugly way.

    Reminds me of the awful print that everyone had in the 80′s of that black panther on black.

    It ended up on leather jackets too.

    classy.

  • http://www.emailmarketingmanual.com Andy Parker

    That is pretty tidy in a very strangly ugly way.

    Reminds me of the awful print that everyone had in the 80′s of that black panther on black.

    It ended up on leather jackets too.

    classy.

  • http://www.battlemedialab.com Joe

    That’s pretty slick! Thanks for the tutorial!

  • http://www.battlemedialab.com Joe

    That’s pretty slick! Thanks for the tutorial!

  • http://www.battlemedialab.com Joe

    That’s pretty slick! Thanks for the tutorial!

  • http://www.zetozet.nl Arjan Terol

    This is an amazing tutorial… love the look, Growl

  • http://www.zetozet.nl Arjan Terol

    This is an amazing tutorial… love the look, Growl

  • http://www.zetozet.nl Arjan Terol

    This is an amazing tutorial… love the look, Growl

  • http://www.timothybsmith.com Tim Smith

    Hey, great tutorial!!Thanks. I really like the effects. great job!

  • http://www.timothybsmith.com Tim Smith

    Hey, great tutorial!!Thanks. I really like the effects. great job!

  • http://www.timothybsmith.com Tim Smith

    Hey, great tutorial!!Thanks. I really like the effects. great job!

  • http://www.room122.com room122

    Absolutely incredible!! I can hear the Eye of Tiger song in the background as I’m working through this tutorial. Nice!

  • http://www.room122.com room122

    Absolutely incredible!! I can hear the Eye of Tiger song in the background as I’m working through this tutorial. Nice!

  • http://www.room122.com Nathan

    Absolutely incredible!! I can hear the Eye of Tiger song in the background as I’m working through this tutorial. Nice!

  • B. Malone

    Absolutely bananas!

  • B. Malone

    Absolutely bananas!

  • B. Malone

    Absolutely bananas!

  • Pingback: Bookmarks for Enero 13th from 18:33 to 19:01 | FACIL TUTORIALES

  • Pingback: Daily Links | AndySowards.com :: Professional Web Design, Development, Programming, Hacks, Downloads, Math and being a Web 2.0 Hipster?

  • Jason

    wow, great work! thanks for all the detail in your tutorial!

  • Jason

    wow, great work! thanks for all the detail in your tutorial!

  • Jason

    wow, great work! thanks for all the detail in your tutorial!

  • psaddict
  • Ruben

    sick, you got my vote

  • Ruben

    sick, you got my vote

  • Ruben

    sick, you got my vote

  • psaddict
  • psaddict
  • Pingback: Bookmarks for Enero 16th from 03:02 to 03:57 | FACIL TUTORIALES

  • Pingback: Heads Up Seven Up Blogroll - January 12 :PbP Tutorials

  • Pingback: Arbenting’s Best of the Week for 01/11 - 01/17 | Arbenting

  • http://www.presidiacreative.com/ Eric Shafer
  • http://www.presidiacreative.com/ Eric Shafer
  • http://www.presidiacreative.com/ Eric Shafer
  • Pingback: This Week’s Favourites – January 23rd 2009 | Blog.SpoonGraphics

  • Pingback: Bookmarks for Enero 23rd from 16:13 to 16:54 | FACIL TUTORIALES

  • Pingback: » Blog Archive » This Week’s Favourites – January 23rd 2009

  • Pingback: Bookmarks for Enero 25th from 23:04 to 23:59 | FACIL TUTORIALES

  • Pingback: Menosde3 - Menosde3 E02

  • Pingback: This Week’s Favourites – January 30th 2009 | Van Mitchell - SEO, Design, And Music In One Blog.

  • SYLIndustries

    Man, great job! These are really in-depth tutorials that you’re providing, definitely worth my time learning.

  • SYLIndustries

    Man, great job! These are really in-depth tutorials that you’re providing, definitely worth my time learning.

  • SYLIndustries

    Man, great job! These are really in-depth tutorials that you’re providing, definitely worth my time learning.

  • Pingback: MyInkTrail: Best of the Web, January 2009 | My Ink Blog

  • Pingback: Best of the Web - January - PSDTUTS

  • Pingback: Bookmarks for Febrero 2nd from 10:05 to 11:57 | FACIL TUTORIALES

  • Pingback: Best of the Web - January | FACIL TUTORIALES

  • http://beautylifestyler.wordpress.com Fadli

    its amazing… its really like the real paint.
    nice tutorial, thanks for this good job

  • http://beautylifestyler.wordpress.com Fadli

    its amazing… its really like the real paint.
    nice tutorial, thanks for this good job

  • http://beautylifestyler.wordpress.com Fadli

    its amazing… its really like the real paint.
    nice tutorial, thanks for this good job

  • Pingback: Creative Bookmarks: Best of January 2009 | Tutorial9 - Tutorial Bliss.

  • http://www.behance.net/torkaerius torka

    sick!!!!!!!!

  • http://www.behance.net/torkaerius torka

    sick!!!!!!!!

  • http://www.behance.net/torkaerius torka

    sick!!!!!!!!

  • Pingback: Studio Fold | Studio Fold

  • Pingback: Links for 2009-02-08 [del.icio.us] - everyday

  • Pingback: Bookmarks for Febrero 15th from 00:17 to 23:57 | FACIL TUTORIALES

  • Pingback: 25+ Photoshop Tutorials for Poster Design | Vandelay Design Blog

  • Pingback: Web Page Design For You » Blog Archive » 25+ Photoshop Tutorials for Poster Design

  • Minus

    Wow, very nice. Well done!

  • Minus

    Wow, very nice. Well done!

  • Minus

    Wow, very nice. Well done!

  • Crapflinger

    Now all i need is a tablet….you got a free one around?

  • Crapflinger

    Now all i need is a tablet….you got a free one around?

  • Crapflinger

    Now all i need is a tablet….you got a free one around?

  • Pingback: Bookmarks for Febrero 17th from 00:29 to 23:52 | FACIL TUTORIALES

  • Pingback: 25+ Photoshop Tutorials for Poster Design | FamousandSpicy

  • Pingback: 25+ Photoshop Tutorials for Poster Design « The Surrealistas

  • Pingback: 20 photoshop tutorials som f

  • Pingback: 25+ Photoshop Tutorials for Poster Design | bl0gger Welt

  • Shashank

    That has blown me off!!!

    You gotta be a great artist..

    Plz tell me whether a non artist can make such an awesome design??

  • Shashank

    That has blown me off!!!

    You gotta be a great artist..

    Plz tell me whether a non artist can make such an awesome design??

  • Shashank

    That has blown me off!!!

    You gotta be a great artist..

    Plz tell me whether a non artist can make such an awesome design??

  • Pingback: 25 Inspiring Movie, Music and Art Posters Photoshop Tutorials

  • Pingback: w3feeds » Blog Archive » February - 2009 PART - 9 All latest news for web design ,development, open sources, techonoly and favorites

  • BigBrother

    franchement c trop cool!!!

  • crowejohn20

    For anyone without a table you can use the pen tool with the stroke line function in photoshop while playing around with different shapes/sizes and fade effects in the brush menu. However it will take you alot longer than with a tablet… or if you have a steady hand just use your mouse :D

    Ta for the tutorial its ace!

  • http://photorestorationretouching.com/ photo retouching

    My first time vising your site. I will be back as I really enjoyed your tut!

  • http://jegor-constantine.blogspot.com/ Jegor

    Amazing, liked it alot!

  • http://wpfrompsd.com PSD To Wordpress

    Fantastic is the right word for this one, thank you.

  • mannysaxman

    Wow! Thanks for Sharing!

  • kpierce

    you guys are simply amazing.

  • STRAIGHT OG

    ITS NOT A GOD DAMN PANTHER!!!

  • photoediting

    Reallly very nice…!
    I have learned more about this post so I would like to thank you for the efforts you have made in designing these pictures. I am hoping the same best work from you in the future as well. In fact your creative Editing abilities has inspired me

  • http://www.poparted.co.uk Custom pop art

    This is superb! Great work.

  • Matt

    Thanks for this nice work!
    dizi izle

  • John

    Great post!
    dizi izle

  • http://www.clippingimages.com/ tahsin roni

    WOW. That is one sickkk poster!

  • http://twitter.com/karina_es Karina Espinoza

    awesome!

  • http://www.clippingimages.com/ Clippingimages

    awesome one…appreciable…thanks for sharing…

  • sheere

    wow >>^^

    i like it ..~

  • http://twitter.com/cpcbd Clipping Path Center

    Tiger ! Wow nice tutorial ! Thank you so much.

  • Freshbusinesscards

    Well done, really cool!

  • http://www.theimagebox.co.uk photos on canvas

    Awesome work, Great tutuorial

  • http://www.smartroutetour.com/ Smartroutetour

    nice work…..
    thanks……..

  • http://www.minutemanpress.co.uk/ Mark

    That looks awesome – I’ll have a look through those Photoshop tutorials and pick one out to do, probably this panther one.

  • diziizle

    Very nice work. Great tutorial as well.

  • dizi izle

    oke? You are kidding right? it was amazing. I do not understand how you’re doing. You have to be really professional. thanks.

  • Aytac Oztasyonar

    thank you perfect. dizi izle

  • http://www.seslichat18.com sesli chat 18

    very very good colectionn

  • http://www.seslichat18.com sesli chat 18

    very very good colectionn

  • Moliva

    That has blown me off!!!

    You gotta be a great artist..

    Plz tell me whether a non artist can make such an awesome design??

  • http://twitter.com/feelseo feelseo

    Really its a prolific collection…thanks
    http://www.itst-shirttime.com

  • Anonymous

    Good job…..thank you so much…….

  • Anonymous

    good job

  • Anonymous

    You make it look so easy! Thanks!

  • http://www.stunningmesh.com Wijdan Rohail

    Excellent job done by making this awesome poster.

  • mam_raj07

    good work.its amazing.
    thanks for share.

  • http://www.clippingpathcenter.com/clipping-path-service.php mamun

    beautiful work.
    really fantastic.
    :D

  • http://www.clippingpathcenter.com/clipping-path-service.php mamun

    Nice i like thanks to share