Create a Wacom Product Advertisement in Photoshop

Share

When working as a graphic designer, one of the primary fields you can work in is advertising.  Creating high quality print advertisements takes creativity, mastery of your tools such as Photosohop, ability to find and manipulate stock images, and ability to work within the constraints or theme that is presented.

In this Photoshop tutorial, you’ll learn how to create a Wacom tablet product advertisement.  You’ll see how to take a product image and create a theme for an advertisement, and then how to execute it with a variety of subtle touches.

If you liked this tutorial, you’ll also love these other product ad design tutorials:

Enjoy!

Tools Used:

  • Adobe Photoshop
  • Stock Images
  • Wacom Tablet

Final Image Preview:

Step 1: Scene Setup and Panda Integration

Ok so to start off we will need our base wacom tablet stock image. This stock image can be located here:

http://download.microsoft.com/download/d/6/3/d6386816-25e3-430e-ad99-337f081922aa/Wacom_Graphire4_Classic.JPG

Once you have your stock image just go ahead and isolate it out using your pen tool, then drop it into a horizontal canvas of your choosing (I went with 3000*2000).

Panda Wacom Bamboo Photoshop Tutorial

Once that is done grab your elliptical marquee tool (m on your keyboard) and make a giant circular selection on a new layer. Fill this with red and drop the opacity down to about 8%. Once that is done grab a nice big soft eraser (0% hardness, 300px should work fine) and feather the bottom so it fades away.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Now we have our rising sun!

Panda Wacom Bamboo Photoshop Tutorial

Once the ‘sun’ has been created its time to move over and start dropping our pandas in. I used pandas from shutterstock but you can use whatever you can find. In fact if you wanted to you could use something else, apes maybe? The below screenshots show what my pandas look like. Once you have your pandas (or animal of choice) you just want to pen tool all of them out and then just drop them all over the tablet as I have done below.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Now lets take a look at one of the pandas. Whilst they are cute and all… they look a tad bit dull, to fix this we can quickly pant over them using a small hard brush. Keep in mind that we are not trying to paint over the entirety of the panda, we are just trying to bring life to the panda!

My panda looks like the below screen shot.

Panda Wacom Bamboo Photoshop Tutorial

Now grab a hard small brush similar to mine in the below screenshot and paint away. Keep in mind that the pandas are not solid blocks of white and black, they are hairy! So make strokes that blend together and that interweave.

Panda Wacom Bamboo Photoshop Tutorial

Now my panda looks like the below screenshot.

Panda Wacom Bamboo Photoshop Tutorial

Once we have painted over our pandas its time to add a tiny bit of shadow beneath him. I say tiny because when looking at the pen which is laying on the tablet there is virtually no shadow.  So set your brush up as mine is in the below screen shot with an opacity of about 20% and paint a shadow beneath the panda on a new layer.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Now its time to create the reflection for our panda, however this will be a tad different than our last tutorial demonstrating reflections. To begin duplicate your panda and flip it vertically, then apply a Gaussian blur with a radius of about 8, finally using the eraser we used prior feather out the edges of the panda. Once all of this is done, drop the opacity to about 20% and erase away any sections that go off the tablet.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Now we can repeat this process with the remainder of our pandas!

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Step 2: Vegetation!

Now its time to start painting our grass in, this will be similar to the last time we painted grass but with a few differences here and there. To start off grab the same brush that we used prior and choose a semi dark green. Do a few ‘starter’ strokes to define the area you wish to encompass with your grass. Next switch over to a lighter green and fill this area in with some smaller strokes and then switch back to the previous green and add some smaller strokes with this as well. Now continue doing this (on a much smaller scale) so it looks like the small strands are bunched together and the larger strands are sticking out amongst the fray.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Finally you can add a very low opacity reflection on the tablet from the grass in the same manner that we did the pandas.

Panda Wacom Bamboo Photoshop Tutorial

Now repeat this process everywhere you want to add a little vegetation to the scene.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Next up its time to add some larger foliage, a tree or two to be exact! So grab a tree stock that you like, I used a banzai from shutterstock, isolate it out and drop it in behind your grass. Once that is done give it a nice large reflection just like we have drone prior.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

And then if you want, do it again as I have done.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

My scene now looks like the below screen shot, minus the cropped rising sun.

Panda Wacom Bamboo Photoshop Tutorial

Now its time to add some bamboo, this is a wacom bamboo mock advert isn’t it? You can find bamboo stocks all over the net on Deviantart, sxc and various other sites. Mine are from Shutterstock and look like the below screenshots.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Now we can repeat the tree process using our bamboo, just isolate them out, place them behind the grass and add a reflection.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Now we can add in some large scale bamboo tops, that is to say, the leafy part. You of course don’t have to use bamboo for this if you do not want to. I choose to do so just due to a mistake partly. My stock is from shutterstock and looks like the below screenshot. You just want to isolate this out and drop it under your tablet.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Step 3: Various stock implementations, extra details and finishing touches

To start off our miscellaneous section we will begin by dropping in a building. My building (like the other stocks) is from shutterstock and looks like the below screenshot. You can find a very similar building on Sxc or DA. Isolate your building out and plop it under one of the trees you put in earlier. Like everything else this will need a reflection!

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Now lets add some color to the tablet! To do this grab the same small brush and create a new layer with an opacity of 45%. Using the red that you used for the sun just fill in some areas on the tablet, like the Wacom logo and some small lines on the pen.

Panda Wacom Bamboo Photoshop Tutorial

Now after looking at it for a bit, I think the canvas is just to plain. So to bump things up a bit create a semi-grey to white gradient as the background. This will help to break up the blandness of the canvas and make the entire thing that much better.

Now we can grab some birds and isolate them out and drop them in around our trees.

Panda Wacom Bamboo Photoshop Tutorial

Panda Wacom Bamboo Photoshop Tutorial

Once that is done we can grab the wacom logo from: http://www.carbonation.com/wacom/images/wacom_logo_newK.gif and the bamboo logo from http://farm2.static.flickr.com/1171/533782044_4a0df43d30.jpg (the text only) and drop them both into our document. Set both layers up as a multiply and place the wacom text above the bamboo text to create our mock up logo.

Panda Wacom Bamboo Photoshop Tutorial

And now we are done! I added in some kanji work around the logo to finish mine off and you can too, or you can leave it as is. My finished image looks like the below screenshot.

I hope you enjoyed reading this tutorial and it has helped you understand a few concepts or at least showed you some techniques you did not know. If you have any questions please don’t hesitate to ask! Or if you have any tut suggestions please drop a comment, we are always looking for new concepts!

Latest Comments
  1. rajasegar |
  2. ninjacontent |
  3. Laura |
  4. white |
  5. Christy Harper |

Leave a Reply

Your email address will not be published. Required fields are marked *