Tutorial: Clean, Simple Banner

LJ [Odd Premise]

Well-Known Member

Final Image Preview:
884fccff4aa9c25d5d1a86fe1dba83b7.png

So here I am to show you how to make a banner that doesn't look terrible and is still easy to pull off. Turns out random game renders shoved into a template file does not actually look good. Yes, I'm using Ps but this should be follow-able in GIMP. I used GIMP once and hated it, so if a stage doesn't work don't kill me and use your brain please. For example, I don't know if GIMP can do guides, and you may have to search for where to find menu items.

Also I've had to remove any download links due to Communism, Terrorism, and YTtalk censorship.

STEP 1: OPEN UP GIMP OR PHOTOSHOP

STEP 2: OPEN BANNER TEMPLATE

I use mStoner's template. but any template will work as long as it shows you the different areas.
What you should see is this:
99880a2ba64038cc9406ec3fe49235f2.png

No? Well then, what you need to do is view>show>guides

STEP 3: LAYER SETUP

Make a new layer, drag it in front of the background. Now use the select tool like I did in the picture below,
623a77ff7edc6b666d08d84d28cc3be4.png

Now fill this section in with black
3b954425f568e524d4957faab61dfb4b.png

Repeat with the lower half until your layers setup is similar to below
7bcbc32b27810bc9bed88de9a2326139.png


STEP 4: COLOUR
Select the white section and with the paint bucket, again fill this area in
12ff8079f7258df6e5ae3140ffadbf31.png


STEP 5: TEXTURE
"black-white-mottle-paint-texture" Download this pack of textures from Brusheezy (search for it or use a similar one), then open the jpeg in your document by going file>place>(bwmottled.jpg location)
Drag the file into the center, and hold SHIFT while dragging the corners out to make it fit the banner. It should look like this at first,
e32cd403fc328e6a3638bcc16c071b26.png

Then like this (layer should be above coloured layer)
4c6b6bb0cdb2cdaeeef9d4f0d4403171.png

Now, go to the layer and lower opacity to 15%
ec4510819788cdc2214ae5f204d13cf5.png


STEP 6: ADD TEXT
Using the text tool, start typing your channel name - here I have used Arial Font (installed on most machines), size 120pt, anti-aliasing sharp. Center the text.
cd967310a64647aeb858cf1c753d99d2.png


STEP 7: CENTER TEXT
This is the hardest step IMO to explain. Select the solid black layer and press CTRL-T. The layer should go into free transform mode, like when you placed the texture earlier. Enable rulers by going view>rulers, or hitting CTRL-R. Drag from the ruler at the top to the little circle in the middle that appeared. Now drag from the side to the circle in the middle. Now hit enter to exit transform mode.
a8d18d646ad22c0bb33cf5dc6f19c275.png

Now go CTRL-T on the text layer, and drag it so that it is in the center too.
2c4039672036354861882789775c1a98.png


STEP 8: MORE TEXT
914cde5e497bece5e509f91fd3de12ab.png


STEP 9: STYLING TEXT
Right click on your first text layer and go here
487eb2326ea7fdc60b00e2d278280280.png

Add a gradient
0d75e8a6e510267a5c5d40e076d1f5af.png

Add a drop shadow
d784eaa2586aa0bfae2dc77892b49240.png

Repeat on your second text layer, and drag the second text layer below your first.

STEP 10: FURTHER OPTIONS
Add simple effects like the ones below

Add a Hue/Saturation adjustment with the following settings for a chill blue
884fccff4aa9c25d5d1a86fe1dba83b7.png


Double-click a text layer and change the colour
c251a5c62aa6171943e3e4061c95543e.png


STEP 11: SAVE AND UPLOAD

File>SAVE FOR WEB these settings, enjoy!
0bfa9d3aead54c81b57bf8d133f1779e.png


Any questions, please contact me (not here though, I can't use PMs here). Once again, this has been LJ from Odd Premise.​
[DOUBLEPOST=1387294162,1387294134][/DOUBLEPOST]Also inb4 wrong section, I contacted the staff here a day ago and they still haven't responded.
 
Back
Top