How to Create a Comic Book Poster with Photoshop – BAM!

BAM!

Image Credit and Tutorial Here

Allow me to begin by saying that I did not create the above Comic Book Poster, and I did not create the poster. Above, I have provided you with a link to both of those things. As I worked through the process of creating the above poster, however, I learned several new tips for using Photoshop to create graphic images, and I learned several new shortcuts. I want to comment on those things–one step at a time. By all means, look at Blue Lightning’s video. I feel sure that he has several great videos uploaded to YouTube.

How to Create a New Photoshop Document

1-File_New

At the top of the Photoshop screen, Click on File and Select New. A screen will pop up, asking for the dimensions and the other properties that you want for the document that you are creating. To create the neat Bam poster, type in the following and then, click OK.

Width = 1500
Height = 870
Resolution = 150
Color Mode: RGB [You may need to click on the Drop Down Menu to find RGB]
8 Bit

2

How to Change the Background Color of You Photoshop Document

If you will notice on the above image, when you set up your new document, you chose White as the Background Color. Once the document opens, there are several ways to change the background. Blue Lightning has offered a good selection. Let’s talk about that.

3

In the above image, you see that my Foreground and Background colors were set to their defaults of black and white, respectively. To make Blue Lightning’s neat Bam Poster, I need to make the background the color of a robin’s egg.  To do that, click on the Foreground box on the left panel. When the Color Picker comes up,

Enter 16b79 at the very bottom. Then, click OK at the top right of that menu.

To actually change your background color, you still need one more step.

If you have a PC [like a Dell], on your keyboard, click on ALT and Delete.

4

The background of your document will change into the color that you have set for your foreground color.

5

6

How to Add a New Layer in Photoshop

Be sure that your Layers Window is open. If it is not, go to Windows at the top and click Layers. When you open a new document, you will one background layer [as shown below].

6a1

After we changed the background color, that one layer will appear in your layers panel as follows:

6a2

At the very bottom right of the Layers panel, click New Layer [where the arrow is pointing].

6b

6c

Now, you have two layers showing in your Layers panel. Be sure that the new layer is selected [it will be highlighted and will be a lighter gray].

How to Create Different Shapes in Photoshop

Go the Shapes Tool on your left Tool Panel.

7a

Notice that there is a Drop Down Menu. Drop Down and Select the Custom Shape Tool.

7b-custom-shape

Go to the upper Options bar and go to the far right of that bar. There, you will see another Drop-Down Menu, where you can select a custom shape. It is where you see the white arrow below. The arrow is there because that was the last custom shape that I used.

7c

You need a custom shape that you may not have loaded yet. Listen to Blue Lightning’s Video. He will explain that you need to add symbols if you have not already done that.

7d 7d2

From the Custom Shape Drop-Down Menue, select Registration Target 2. Once you have selected a different custom shape, it will appear in the box, next to the word “Shape.”

7f On the left side on the upper bar, be sure that Shape Mode is selected.

7f2

Be sure that there is no color in the Stroke Field.

We are about to create a new shape in the new layer. To establish what color that the new shape will be, click on the word “Fill” and then click on the Color Picker Box, at the top right of the Fill Color Menu.

7g

A Color Picker Will Appear. At the very bottom, type 44c4f9. Then, click OK.

7g2

Click on what seems to be the center of your document and drag outward your new custom shape. Use your selection tool to drag your shape to the center.

7h

Create Another NEW Layer

6b

You should have 3 layers now. I named the shape that I just created Starburst, and I renamed the layer.

8a

Return to your Shape Tool, and select the Polygon Tool. Note: The Polygon Tool is used to create all sorts of shapes and not merely octagons.

7b-Polygon

Be sure that your new layer is selected, and with the polygon tool also selected, go to the Fill box at the top of the page and select the Color Picker again or simply click white, which is #ffffff.

8b

When the menu appears, fill it out exactly as I have in the above image.

8c

Immediately, your polygon will appear to the bottom right. Will your selection tool, you can select it and bring it to the center.

8d

While the polygon layer is selected, reduce its opacity of its Fill to 25%

8e

8f

How to Change the Size of a Shape in Photoshop

With the polygon shape selected in the Layers panel, click CTRL T [Transform]

8g

On the upper bar, you will see the place to change the Width [W] and the Height [H]. Between the two boxes, click on the symbol. In that way, you will constrain the proportions of your transformation. When you enter a new number in one box, the other box will also change.

Increase the Width and the Height 125% and tap Enter.

8h

Create yet another new layer and with that layer selected, click on the shape tools on the left panel. Then, click on the top Fill box, and click on the color picker again. This time, enter the color number as ED0909. Click OK. Drag the new shape to the center.

9b

Create another new layer. Click on the Shapes tool on the left panel, On the upper Fill, select Black or #000000.

Click on the document, and enter the following in your Polygon Tool Menu.

10a

When you drag this polygon to the center, you will see that the polygons are getting progressively smaller.

10b

Create another new layer. Click on the Shapes Tool. Go to the Fill box on the top and select white. Click on the document to create another polygon, and this time, indent the sides by 99%

11a

How to Group Layers in Photoshop

Shift-Select all of the layers except the background. Click CTRL G. All of the shapes will have been placed in the same folder, Group 1

Type the Text [Use Death Rattle, which you can download Free from dafont.com]

Select the Type Tool and set the Font Size to 200. choose the Font Color as ffd800

Type B hit space and type M!

How to Add a Stroke to Text

Click on an empty spot in  your Type Layer and Go to the bottom of the Layers Panel and Click on the Letter “FX”

13a

From the menu that will appear, select Stroke

13a2

13b

Set Your Stroke to 18px Position Outside, and the Color is Black Click OK

13c

Duplicate that first Text Layer.

13d

Be sure that the first text layer is selected [it will be on the bottom] and delete the B and the M! Type A. Because the A is on a layer that is beneath the other letters, it will seem to be behind them. Also because the A is on a separate layer, we can change its size, color, or anything else separate from the other letters.

13e

Shortcut to increase the space between letters on Photoshop

Go the the layer with the B M! on it, and click ALT. At the same time hit the right-pointing arrow key.

13f

How to Pixelate or Get the Polka Dotted Halftone Inside the Letters

Select the text layers and go to Filter – Pixelate – Rasterize – Color Halftone – Accept the number settings, and click OK.

How to Add A Drop Shadow to the Text.

Shift-Select Both Layers and Turn Them into a Smart Object.

On the FX at the bottom, select Drop Shadow and enter these numbers:

13g

13h

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s