Recently, Cuzzy from Cuzoogle.com contacted me about creating a new banner image for his blogroll post dubbed “Rolling a Blog Joint”. Since the overall premise is a play on the word joint, I thought something with a textured paper background and perhaps a pot leaf image would do the trick. Amazingly, enough there is a company named ‘Pot Leaf’ and their logo was available on BrandsoftheWorld.com, so that will save me a step of recreating the leaf in illustrator. The paper texture for the background will be a combination of a number of paper artwork that I found on Bittbox; which is a great resource for this type of stuff. So, that should be enough background on this project…let’s get ‘rolling‘.
STEP ONE: SETTING UP THE DOCUMENT
The finished size of this image will be 450p wide x 150p high, but I’m going to start with a bigger canvas size. The reason being is that I want to be able to adjust the textured background to fit, and later I will crop it out. So, let’s start out by creating a new document that’s 600×600. From there drag guides to the center at 300x and 300y and then recenter the rulers to make that point 0. After that drag out horizontal guides to +/- 75px and vertical guides to +/-225px. These outer guides will be our bounding box…all of the content will go inside this area. Anything outside the bounding box will be cutoff in the final step, so make double sure everything is inside that box.
STEP TWO: CREATING THE BACKGROUND
I want to make the background a different color from the text and leaf image, so I thought a light shade of brown would be a good contrast and it will make the paper more realistic. I’ll use a light shade (b79573) and a darker shade (7a5f43) and create a radial gradient; which will be the base of the background. Create a new layer and drag out a radial gradient starting a bit above the top guide and down towards the right corner (light to dark). We create a new layer, because I want to have a base layer that’s transparent…this layer will come into play later on in the tutorial. After you’ve made your gradient, rename the layer to ‘Base‘.
(more…)