Eye Candy: Neat Scotch Tape

Advertisement

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 enjoyed this tutorial, sign up for the RSS feed for updates!

Advertisement


19 Responses

  1. fedmich says:

    Looks good :) thanks.

  2. moataz says:

    simple tutorial and looks good :D

  3. ADYBAH4iK says:

    Nicely done, I like it much ;)

  4. amphievedua says:

    thanks for sharing!… i will try this!

  5. Cekik Darah says:

    very simple step by step tutorial. thanks a lot.

    http://www.cekikdarah.com

  6. McKenna says:

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

  7. Bryan says:

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

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

  9. Hanna says:

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

    • ToHannah says:

      Oh, If you don’t see an icon with black to white in it on the toolbar, then click-hold the paint bucket tool until the Gradient icon comes up.

  10. Harry!! says:

    Awesome tut thanks :D

  11. Eli says:

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

  12. Agent 001 says:

    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.

  13. Hansen says:

    Nice Tutorials, thx ! :D

  14. sweet says:

    seen it elsewhere without the texturing.
    nice one.

  15. noluthando says:

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

  16. Debo Hobo says:

    Hey that is really cool!!! :)

  17. Chad says:

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

  18. ToChad says:

    Chad, I think they meant Masking tape.