Post by edward on Aug 21, 2012 15:58:48 GMT -8
Hey, y'all. I just thought I'd post up a little tutorial here on this dumb banner I made one time. Hopefully, it'll give a good idea on some different types of textures, layer types, etc. This was made in photoshop CS4, but I'm sure it's translatable to other CS...es. I'm not so sure about GIMP and such, but you can give it a whirl, if you'd like. It's going to seem pretty long because I tried to describe each step in as much detail as I could. I hope you can learn not only how to make this graphic, but to learn how to use some photoshop functions if you're a beginner or if you're not familiar with them.
So what we're making looks like this: IT'S BIG SO CLICK HERE
Here's what you'll need:
OKAY SO HERE'S WHAT YOU'RE GONNA DO:1) Make a new canvas/project/whatever. The dimensions for this one are 710px by 400 px. Then you're gonna paste the skeleton image on it and use the free transform tool (control + t) to shrink it and place it on the canvas. Make sure you're holding the shift button while you resize so that the dimensions remain proportional! So far, mine looks like this: CLICK HERE. I also cut around the edges of the skeleton a bit, but that's purely optional. It'll barely make any difference in the final product.
2) Next, use the eyedropper tool (i) to grab the background color from the skeleton picture. It should be a very dark gray, with a hex code around #161616. We're going to make a new layer (control + shift + n) BELOW the skeleton picture and use the bucket fill (g) tool to make the entire background this color. It should look like this: CLICK HERE.
3) Now we get to do the fun part: applying textures! First, we're going to use the black scratch texture, FOUND HERE. We're going to paste this over the entire picture, then use the free transform tool (control + t) to shrink it down a bit. I believe I shrank it about as small as it could go while still being able to cover the entire image, but use your own discretion. Then, set the layer to screen with an opacity of seventy percent. Finally, using the toolbar at the top, sharpen (filter --> sharpen --> sharpen) this entire layer. Your image should now look like this: CLICK HERE.
4) Next, we're going to apply our TORN PAPER TEXTURE. We're going to lay it over our picture so it looks something like this: CLICK HERE. Then, set this layer to screen with an opacity of one hundred percent. The result of this step should look something like this: CLICK HERE.
5) Our last texture is the GRAINY one, and this step's a little tricky. In fact, it won't make a HUGE impact on the final product, and can even be left out of if you don't want to do it. So this texture isn't actually wide enough to stretch across the entire banner, and there are weird black borders on the left and right sides. So we're going to erase the borders (you can use the eraser tool or the selection tool and delete button), and then place it strategically along the bottom, twice, so that it can cover the whole thing. It should now look like this: CLICK HERE.
With me so far? Okay, now merge these two layers together. You can do that by selecting both of them (hold control while clicking a layer to select more than one), then pressing control + e to merge them together. Now, set this new merged layer to something that makes both it and the paper texture beneath it clearly visible. I set mine to screen, for example, and it looks like this: CLICK HERE.
With both layers visible, use a soft brush (for example, the first brush option) on the eraser tool (e) to erase roughly the area where the grainy texture goes on to the dark gray part of your image. Here's what this looks like: CLICK HERE AND CLICK HERE.
By no means do you have to be exact with the erasing, because now we're going to set this layer to multiply at an opacity of one hundred percent to give us something that looks like this: CLICK HERE.
6) THAT WAS A DOOZY. But the good news is that it's pretty easy from here on out, especially the next step. We're just going to make a black and white gradient map (layer --> new adjustment layer --> gradient map) to go over the whole image. This will raise our contrast and brightness a bit. It should look almost the same as the last step: CLICK HERE.
7) The next step is another gradient map! But this one's a little more specific. In the gradient map menu, you can set the location and color specifically, so I'm going to tell you each coordinate. It looks like this: CLICK HERE.
At location 0, make a point with color #000000. At location 20, make a point with color #83350a. At location 40, make a point with color #d08055. At location 60, make a point with color #e7e376. At location 100, make a point with color #ffffff. If everything is correct, it should look like this: CLICK HERE.
Finally, just set this layer to exclusion with an opacity of forty percent. It should look like this: CLICK HERE.
8) Next is a simple exposure layer (layer --> new adjustment layer --> exposure) to increase the contrast and brighten it up. Basically, the two things you want to focus on are exposure and gamma correction. The latter will give you contrast, while the former will brighten up. These are the settings I used:
GAMMA CORRECTION: 0.64
With those settings, the image should look like this: CLICK HERE.
9) Next is...another gradient map! This one is just black and white again, to remove the brown/blueness. It'll look like this wit that layer applied: CLICK HERE.
10) The last step, should you choose to include it, is to add text! For example, I've got this right here: CLICK HERE. But I'm terrible with text, and you can really do whatever you want. If anyone's curious, however, the text I used is #373737 and the font is Rosewood STD.
That's it! Happy crafting!