|
I’ve had several requests since posting the Postage Stamp lesson for a follow-up on how to create the envelope used in that tutorial. Well today my Photoshop friends your prayers have been answered. Here’s the step by step to creating that cool old envelope. |
|
1
|
|
Open a new document in Photoshop, mine is 540×340px at 72ppi… however if you plan to use this for anything when you’re done. I’d recommend building it big and at 300ppi, my original example, which was used for a magazine ad measured 2550×3300px. Fill the background of your new file with a color other than white and with the Rectangular Marquee tool drag a nice envelope shaped selection onto the stage. Create a new layer, call it Envelope and fill your selection with white. |
|
|
2
|
|
With the selection still active add a Layer Mask to the layer by clicking the Add Layer Mask icon at the bottom of the layers palette. |
|
|
3
|
|
With the Layer Mask selected use a rough edged brush like the Chalk 60 Pixels brush that comes with Photoshop with the foreground color set to black and paint away around the edges until your envelope looks sufficiently aged at the edges. Try taking out curved areas like the one you see at the bottom of my envelope which will give the impression later in the project that the envelope is bent and arching up at that point away from the background. |
|
|
4
|
|
Now lets add a few Layer Styles to the layer as shown below. |
![]() ![]()
|
|
5
|
|
Add a new layer and call it Old Paper. Load the PaperFold.abr brush that I’ve included in the exercise download at the end of the lesson. This brush was created years ago by a girl who went simply by the name Nocturna in the online design community, her site has been down for years now but I managed to rediscover a backup disc of her brush sets I’d made early in my design career. Rotate the brush tip 90° in the Brush Tip Shape area of the Brushes palette. If you don’t know how to do this, read my tutorial on the subject. Make sure only one of the quarters of the brush covers the entire envelope so there are no major folds on the envelope, then click once with your brush still set to black. Now simply Create a Clipping Mask to the Envelope layer. |
|
|
6
|
|
Ok, you’re finished! Great Job! Just kidding. Since the thing looks like total crap, lets hurry and drop the layer’s Fill opacity down to around 15%. Ahh, much better. |
|
|
7
|
|
Create a new layer, call it Burns and create a Clipping Mask to the layers below. (We’re going to clip every single layer we add in this tutorial back down to the Envelope layer so get used to it.) Set the layer’s Blend Mode to Color Burn and drop it’s Fill opacity to 75%. With a nice round brush with a 0% edge hardness paint with black around a few of the edges. (*note: at this point don’t worry too much if your burns look a little heavy, we’re going to add more layers over the top and you can always come back and pull the opacity back if you need to.) |
|
|
8
|
|
Create a new layer, call it Watermarks 1 and create a Clipping Mask to the layers below. Set the layer’s Blend mode to Soft Light, drop the Fill to 0% and the Opacity to 40% and then add the following Outer Glow layer style to the layer. |
|
|
9
|
|
Grab the Brush tool by pressing the B key and choose the Soft Round 100px Brush. As you paint around the edges only the outer glow that we specified and a little coloration will occur. These are water marks, so make ‘em look like watermarks man! |
|
|
10
|
|
Create a new layer called Watermarks 2 with exactly the same properties as the previous layer and paint in watermarks in different and overlapping areas exactly like before. |
|
|
11
|
|
Now we’re going to add a little yellowing discoloration… because paper goes a little yellow when it’s old of course. Create a new layer called Discoloration, set the Blend Mode to Soft Light, the Fill to 0% and the Opacity to 25%. As always, clip the layer to those below it and then add the following two layer styles. |
![]()
|
|
12
|
|
With the Brush tool selected, choose the Spatter 59 pixels brush and click your way around the envelope adding yellowing where you feel inclined. When you’re done run a 2 pixel Gaussian blur from the Filters menu (Filter>Blur>Gaussian Blur). (*note: If you’re having a hard time seeing what you’re doing because of the low opacity and layer style we applied in the previous step, simply turn the Opacity and Fill back to 100% while you paint.) |
|
|
13
|
|
Create a new layer called White Accents, leave the Blend Mode as Normal and lower the Opacity to around 48%. Do I need to remind you to clip the layer to the rest? I didn’t think so. Now grab the Hard Round 1px brush, change your foreground color to white and paint some scratches all over the envelope. Then grab that Spatter 59 pixels brush we used in the last step and paint a few spots around the edges and across the corners of the envelope to create areas where the paper has been roughed up at the edges. For illustration purposes I’ve blacked out the background and outlined the envelope in the example below to show you where my scratches and edges all live, but don’t do that to your envelope unless you want it to look like a black piece of crap. |
|
|
14
|
|
Here’s the envelope with those white edges and scratches applied. |
|
|
15
|
|
At this point I take a step back and look at the overall picture and I’m thinking that we’ve got a little more black in the corners than we need, so I’ve gone back to the Burns layer and lowered the Fill opacity to 50%. |
|
|
16
|
|
Now all we need is to add an address and a stamp and we’re done. If you want to learn how to make your own postage stamp, check out my Postage Stamp tutorial! I’d recommend placing the stamp at the bottom of the layers stack just above the Envelope layer so that all the effects we added also apply to the stamp. |
|
|





This Post Has 6 Comments
Dude, You Rock!
I love how all the layers sit on top of each other and compound/blend together to get the end result? Do you ever run out of ideas?
Hi,
Do you know how and where can I get this kind of website template?
:)
SE,
I built this template by hand using the popular and completely stripped to the bones Sandbox Wordpress theme as a starting point. I am however considering a site redesign, and if I go that route I’ll likely make this theme available to the public.
This is fabulous, i’ve been looking all over for a tutorial like this. Thanks a lot man,
I am learning a great deal about photoshop from your tutorials. Thanks. Designer
Hi, great tutorial!
How did you do the text?