Photoshop Tutorial: How to Make a Comic Book, Pop Art Poster

Photoshop Tutorial: How to Make a Comic Book, Pop Art Poster

Hi. This is Marty from Blue Lightning TV.
I’m going to show you how to design and create your own, cartoon, pop art poster from scratch. The first step is to create a new document. Go to File and New. You can make it any size,
but for this example, make the Width: 1500 pixels, the Height: 870 pixels and the Resolution:
150 pixels per inch. Make sure the Color Mode is RGB at 8 bits per channel. Then, click OK. Click the foreground color to open the Color Picker. In the hexadecimal field, type
in 16B7F9. Then, click OK or press Enter or Return. Your foreground color is now the color
we typed in. To fill your background with this color, press Alt+ Delete on Windows or
Option + Delete on a Mac. Zoom out of your document by pressing Ctrl or Cmd and the minus
key on your keyboard a couple of times. Click the New Layer icon to make a new layer. Open your Custom Shape Tool and open your Shape thumbnails. Click the gear icon to open your
list of custom shape presets. Click “Symbols” and click OK to replace the current shapes
with the shapes from “Symbols”. Click this icon, which is called, “Registration Target
2”. Click the gear icon and tick “Defined Proportions” and check “From Center”.
Click the Shape mode. If you’re using a Photoshop version earlier than CS6, the Shape mode is
here. Make sure the Stroke has no color. Its symbol has the red, diagonal line across it.
Click the Fill’s color box and the Color Picker icon. Type in 44C4F9. Then, click OK or press
Enter or Return. Click on the center of your document and drag out the shape outside the
edges of your document. To hide the paths, press Ctrl or Cmd + H. To fit it back on your
canvas, press Ctrl or Cmd + 0. For now, don’t be concerned if the pattern isn’t exactly
centered on your document. We’ll take care of it later. Click the New Layer icon to make
a new layer. Open your Polygon Tool and click the Fill’s color box. Click the Color Picker
icon, pick white and click OK. Click on your document to open the “Create Polygon” window.
Type in the Width and the Height of your document, which in this example is 1500 by 870 pixels.
For the number of sides, type in 20, check “Star”, indent the sides by 60% and check
“Smooth Indents”. Then, click OK. The shape will be off to the side, but don’t be concerned. After we create all
the shapes, we’ll center them all at the same time. Reduce its Opacity to 25%. We’re going
to make this shape bigger. To do this, open your Transform Tool by pressing Ctrl or Cmd + T. At the top of your screen, click the chain-link icon. This locks the Width and
the Height together. Type in 125% in either field. Notice, the Width and the Height have
the same percentage. Press Enter or Return or click the checkmark at the top. Click the New Layer icon to make a new layer. Click the Fill color box and the Color Picker icon.
For this shape, type in ED0909. Then, click OK or press Enter or Return. Click on your
document, type in the Width and the Height and for this shape, indent the sides by 70%. Then, click OK. Make a new layer, click the FIll color box, the Color Picker icon and this time, pick black. Click on your document, type in the Width and Height and for this shape, indent the sides by 90%. We’ll make one more shape. Make a new layer, open the color picker and this time, pick white again. Type in the Width and Height and indent the sides by 99%. We’re ready to center all the shapes on the document. With the top layer active, Shift -click on
Shape 1 to highlight all the layers between it and the top layer. Click your Move Tool and press Ctrl or Cmd + A to select them all. Click the “Align Horizontal Centers” icon and the “Align Vertical Centers” icon. To deselect it, press Ctrl or Cmd + D. Group all the shapes into a folder by pressing Ctrl or Cmd + G. Let’s name it “Shapes”. We’re ready to add text. Open your “Horizontal Type Tool” and choose a font. I’m using “DeathRattle
BB Regular” which I downloaded from www. For your convenience, I provided
its link in the video description of project files. I’ll start with a size of 200 points,
Sharp, and Center Text. Click the color box and type in FFD800. Then, click OK or press Enter or Return. Click on your document and type your text. I’ll type my first character
and press the Space bar to make a space between it and the third letter in the word. The reason
is because the second letter of the word is going to be placed in this empty space. It’ll
be bigger than the other characters and will be treated separately. Double-click on an
empty space of the text layer to open its Layer Style window. Click “Stroke”. I’ll make
the Size: 18 pixels, however, depending on the size and resolution of your document,
you may want to adjust this amount. Make sure the Position is “Outside. Then, click OK. Make a copy of your text by pressing Ctrl or Cmd + J. Make the original text layer active
and double-click it to highlight the text. I’ll type the letter “A”, which replaces the
original characters in this layer. To make your character larger, you can either slide
the Text icon to the right or type in a larger point size. To reposition it, open your Move
Tool and move it. The letters are too cramped, so I’ll make the other text layer active,
click between the characters and press and hold Alt or Option as I press the right arrow
key on my keyboard. To reposition and angle your text, Shift-click on your lower text
to highlight both text layers and press Ctrl or Cmd + T to open your Transform Tool. Go
to a corner and when you see a curved, double-arrow, rotate the Transform to an angle you like.
To reposition it, go inside the Transform and move your text. If you want to adjust
its overall size, go to a corner and when you see a diagonal, double-arrow, press and
hold Alt or Option + Shift as you drag it out or in. Then, press Enter or Return. Click the top text layer to make it active and go to Filter, Pixelate and Color Halftone. Click “Rasterize” and keep the default settings. To apply this filter for your remaining character,
make its layer active and press Ctrl or Cmd + F to repeat the last filter. The last step
is to give the text a drop shadow. Shift-click on the top layer to highlight both text layers and click the icon on the upper, right of the Layers panel. Click “Convert to Smart
Object”. This allows us to add more filters and layer styles to the text. I’ll show you
what I mean in a minute. Double-click on an empty area of the Smart Object to open the
Layer Style window. Click “Drop Shadow”. Make the Opacity: 20%, the Distance: 30 pixels
and the Size: 0. Then, click OK. Notice the the drop shadow is the same thickness as your stroked text. If we didn’t convert the text into a smart object, the drop shadow would
be a lot thinner because it would only be applied to the original text without its stroke. This is Marty from Blue Lightning TV. Thanks for for watching!

100 thoughts on “Photoshop Tutorial: How to Make a Comic Book, Pop Art Poster

  1. Great tutorial. Not sure what I'm doing wrong. I'm on the last step. I double click the smart object to open the Layer Style. I select Drop Shadow. However below the Opacity area displayed on your video, all my options are completely different. I dont have any choices for distance or size. Also when i change the opacity, the whole smart object fades… not just the shadow. Any idea of what im doing wrong? Thanks!

  2. nice vid but u got me a bit confused when u mixed up the horizontal with vertical… I open photo shop put my head phones on and have this vid playing in the background the audio is the part that helps but its sort of my fault I didn't see the vid XD

  3. If I were to make a banner that is 30 by 96 inches in photoshop, would that still work with this design? If not, what would be a way to make it similar to 30 by 96, in pixels?

  4. A very warm greeting from Sydney Australia. I cannot thank you enough Marty for sharing your knowledge with the world. As we say in Australia " you bloody legend mate"

  5. hola tengo problemas, especificamente en la parte de poner las letras, cuando hay que separar las letras porque estan muy pegadas, mencionas que se activa la capa en la que se hizo copia se da click entre las letras y con ALT+flecha derecha se mueven pero lo que me pasa a mi es que se duplican las capas, ya intente con otras teclas y no sucede lo deseado, mi versión de photoshop en CS6, ojala me puedas ayudar, gracias

  6. I only have black and white printer and our doesn't even have one so I'm stuck with black and white!!!!

  7. Hi! Whenever I try to separate the text using ALT & right arrow key, my text layer duplicates however many times I nudge it over. Can you please let me know if I'm missing something? I'm using the newest version of PS, I believe it's CS6.

  8. Is there anyway to achieve that polygon shape in CS2? It wont let me set dimensions, just the radius.

  9. Unless I am missing something, this is not achievable in CS5 or less as you are not able to open a 'Create New Polygon' window, which means you can only set the height and with after you have drawn your shape, which results in the various polygon layers appearing out of sync and not in line with one another like in your video. If you come across a fix please let us know. Thanks for taking the time to make this video.

  10. Lo hice con la versión CS4. 'La forma' se puede hacer de la siguiente manera, para los que no tienen esa versión de Photo Shop: Abren la herramienta de formas, seleccionan el polígono; en la parte superior hay una herramienta con forma de flecha, son las "Opciones de polígono" allí, seleccionan: Radio 5 CM, Marcan donde dice 'Estrella', abajo colocan 30 o 20% (Yo coloqué 30 y tuve que modificar todo con la herramienta pluma) y por último, sangrías suavizadas. Allí les sale la forma y ya es cosa de que la modifiquen a su antojo. A mí me quedó casi igual. Lo siento, no manejo bien el inglés. :v

    Saludos! Exceletne vídeo.

  11. Fantastic, detailed instructions. Anyway you can walk through how to do a scene with characters and speech balloons? THANKS!

  12. I was looking for a pop art images for my project in google images and accidentally found that tutorial. So I was able to create my own. Thank you so much! 🙂

  13. Great vid Marty, I have a problem with the pixilation part of the video. The dots come up, but they are very faded. I looked online to find a solution but I couldn't ding one. Could you please help me? Thanks mate, fantastic video.

  14. I am using Photoshop 7.0 and unable to highlight all the layers with shift key. Tried everything but unable to do so? Because of this whenever I write text over the new layer, it doesn't appear either. Any solution?

  15. I am getting green dots along with the red ones when I do the pixelate thing. Anyway I can fix that?

  16. Marty, I really appreciate the speed of your tutorials.. slow enough that I can follow. Others lose me so quickly. Great work.

  17. At 3.59, I'm attempting to change the width and the height to 125% but it won't allow me to change it from pixels to %… Any ideas? Thanks and great tutorial

  18. The font is a Blambot font.
    IMHO, it would be nice to give the creator, Nate Piekos of, credit for its creation.
    Nice tutorial!

  19. Best channel ever 👌👍
    I've been looking for sth like this for ages ⚅ can't thank you enough 😘😘😘

  20. Photoshope shows that your scratch disks are full. I changed the disks. And all the disks jave enough memory but still the problem maintain.
    Now what i do?

Leave a Reply

Your email address will not be published. Required fields are marked *