Eye Candy: Neat Scotch Tape

Hey guys, eye candy tutorial!

In this short Photoshop tutorial we’ll be creating our own cool scotch tape, so you can stick things to stuff… and the like ;) These kinds of graphics are also particularly useful for grunge-themed website designs.

Scotch Tape Photoshop Tutorial - Result Image

1. Document

Start by making a new document in Photoshop, something like 800 x 600 pixels or a size that fits your screen resolution well.

Next, we want to create a basic background. Start by making a relatively dark gradient in the Background layer, then you might want to copy something onto the canvas that you can use the tape on.

Dark Gradient Background Added

2. Basic Shape

Now to make the shape of our tape. Start by making a rectangular selection with the Rectangular Marquee Tool. Now make a new layer (layer > new > layer) then fill your selection with a light yellow-ish color.

Rectangular Shape Selection

The above shape is filled with #f4dc8c.

Next, find and get out the Polygonal Lasso Tool then make a triangular shape on the right side of your tape shape, like mine shown here:

Polygonal Lasso Tool - Selection Made

OK, after making your selection similar to mine, press delete on your keyboard to remove the selected area. Hold shift and press the up key once, press delete again and repeat until you’ve gone all the way up your tape.

Selections Cut Out

Looking good. Now duplicate this layer, flip it horizontally (edit > transform > flip horizontal) then move it to the left until the edges are properly visible.

Duplicate Layer Flipped

You may also want to flip your duplicate layer vertically, so it looks a bit different from the other side. Rather than doing this you could just use the selection process again, but that will give too much of a different result; it’s best make it seem as uniform as possible.

Duplicate Flipped Vertically

Merge your layers together.

3. Shape Detail (Texture)

Now we want to add a slight texture effect to our tape.

Lock the tape layer’s transparent pixels by clicking the icon in the layer’s palette, then add a little grunge brushing inside of the tape pixels.

You can accomplish all of this by following these few simple steps:

  1. Start by locking the layer’s transparent pixels.
  2. Get out the brush tool and set either black or white as your foreground.
  3. Using a simple grunge brush, brush inside of the layer’s pixels with one brush at a time.
  4. After clicking once, go to edit > fade brush and fade the brushing to 10-15%.
  5. Repeat this once or twice more with a few different colors, continue fading the brushing so it’s hardly noticeable.

This was just to give the tape a little bit of texture, I’m not sure if it’s exactly realistic, but at least it looks cool!

Grunge Brushing Added

If you’re at a loss for grunge brushes, be sure to check out these few hot spots:

The brushing wasn’t necessary, so if you weren’t able to accomplish this step completely don’t worry about it!

4. Finalizing

Got something to use the tape on?

Stick it on the canvas and position it accordingly. After this, rotate the tape and size it down if necessary, like I’ve done here:

Tape Rotated and Resized to Fit

You might want to make two or more variations of the tape when originally designing it, so you can use each one a couple of times so it doesn’t look so repetitive, got it? :D

I finished off with my tape by lowering the fill very slightly (around 90-95%) and also by adding a slight drop shadow.

Layer Style Changed, Duplicated

Done!

Well, we’re done for this tutorial, I told you it was short! I hope you all enjoyed it.

If you need to, you can download the PSD file from this tutorial below, it contains all the files you might need. If you enjoyed this tutorial, sign up for the RSS feed for updates!

Download PSD. Right-click the link and click “save target as…” or “save link as…”

Return home. Published Mar 11th, 2008 under Graphic Design.
Previous Random Next
Digg Delicious Reddit Float Stumble

You must be logged in to post a comment.

19 responses

fedmich said:March 12th, 2008

Looks good :) thanks.

moataz said:March 13th, 2008

simple tutorial and looks good :D

ADYBAH4iK said:March 15th, 2008

Nicely done, I like it much ;)

amphievedua said:March 15th, 2008

thanks for sharing!… i will try this!

Cekik Darah said:March 16th, 2008

very simple step by step tutorial. thanks a lot.

http://www.cekikdarah.com

McKenna said:March 16th, 2008

This tutorial is amazing! The tape looks incredibly realistic. Great work, as always. :)

Bryan said:March 17th, 2008

This example would be maskimng tape–scotch tape is semi-transluscent. Nice one, tho!

Photoshop Tutorial Directory said:March 17th, 2008

Very simple and quick to do, great tut m8 :)

Hanna said:March 21st, 2008

Hi, urm sorry to be a pain,
but how do you get The Gradient tool up ?
:S

Harry!! said:March 22nd, 2008

Awesome tut thanks :D

Eli said:March 22nd, 2008

Hannah: It’s in the Photoshop menu, on the left. It’s like an icon with a screen with black to white in it.

Agent 001 said:March 23rd, 2008

I am first time visiting your blog and it is impressive.I saw your blog on list of top 30 bloggers under 21 by Michael from retire@21. Well congratulation for that.I wish I was in that list.I am 19.

Hansen said:March 25th, 2008

Nice Tutorials, thx ! :D

sweet said:March 25th, 2008

seen it elsewhere without the texturing.
nice one.

noluthando said:March 27th, 2008

thanx 4 the tut i like the fact that it was easy to follow

Debo Hobo said:March 27th, 2008

Hey that is really cool!!! :)

Chad said:April 7th, 2008

Maybe it’s just me, but I always thought Scotch tape was clear?

Trackbacks

  1. Comic-Klebeband
  2. Tutos Photoshop » Tutorial » Créer du scotch