How to create a masthead for the comics section

Got a tutorial? Put it here. Need a tutorial? Look in here. NO REQUESTS.

Moderator: Omen

User avatar

Topic Author
Logan
Average User
Posts: 27

How to create a masthead for the comics section

Post#1 » Thu Feb 18, 2010 2:43 pm

The first step once you've decided you'd like to create a thread in the comics forum for your uploads, is to create a masthead to make it identifiable in the OP - I've taken the time to create a banner that's bright and readable for anyone, with a clear indication of the characters and the publishing company. Using the template is fairly easy in itself, and over the following steps I'll be giving you instructions on how to use the template to create a great looking masthead.

To be able to use it properly, you will need:

    A copy of Adobe Photoshop (Available Here (Registration required to download the trial)
    A Copy of the DC Comic Book Font installed on your PC (Available from This Link
    A Copy of the template, available from the Comics section
    A Little time and patience, adn a quick runthrough this tutorial if you're a beginner

Now, on with the show. Assuming you have the most up to date masthead from the comics forum, you should be greeted with a grey box with rounded edges, and a bunch of blue lines, that look like this:

Image


This is ok, and normal. the blue lines a guide rulers to allow more exact placing of items, and the grey box is the base of the whole template - essentially the thing you're going to build the masthead around to create something first rate. Now. Assuming you have everything you need downloaded, you're good to go through the rest of the steps, and create your masthead! The first stop though, is to downloadsome artwork to sample. You can usually find decent examples by either using a search engine with the image tab being used, or by going directly to the publisher's website, where promotional material is fairly abundant, and in medium to high resolution format. DC and Marvel are particularly good for this.

Now. For the sake of this Tutorial, I'm going to use the Uncanny X-Men, and I'm going to use this image:

Image


The first step is to cut the overall image to fit the constraints of the grey box. Sounds hard right? Not at all. First, start off by placing the image you want inside the template, and label it so that it's easily identifiable.
You can label items by right clicking on the layer, and then selecting layer properties.
You should then have something that looks like this:

Image


Looks messy, right? To fix it, simply select the layer by right clicking, and select "create clipping mask", like this:

Image


Which should, finally, result in the image looking like this:

Image


See? Easy as pie. No farting about with corners or cutting out, just immediate results.

NOTE: In order for this method to work, please try and select images roughly the dimension of the masthead.

Now. The Next step, is to add the company logo. This is a simple method. I'll cover adding Logos in a later tutorial, but for now, all you need to do is simply select "marvel" from the comics logo folder, which again will bring you a step closer to completion. It should look like this:

Image


Now. The only thing that remains, is to add the text to identify the comic title. This is done by selecting the "Comic Title" folder, which will give you a yellow box and text. In this space, simply add a new layer and type the title of the comic into this area, at which point, you're done! It should look a little something like this:

Image


Now all you need to do is save the image as a web png,
Press Alt+Ctrl+Shift+S, Select PNG 24 and give it a label, as well as a directory to save to
and make your thread! :)
Image
*snikt*

User avatar

Omen
Sex Robot
Posts: 607
Contact:

Re: How to create a masthead for the comics section

Post#2 » Sat Jul 17, 2010 2:51 pm

really you can use these steps to create any kind of "banner" or "masthead". Great tutorial. thanks man.
Blood Mode: [On] Off

Image
Image
Image
Image*sig by PiraCee

Image

Return to “Tutorials”

Who is online

Users browsing this forum: No registered users and 1 guest