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. Another flawless tutorial. 

  2. thank you 🙂

  3. Best youtube channel and best tutorials keep going!

  4. Adobe photosop free dowloand link please

  5. Liked the tip to preserve the width from the stroke by converting to a smart object. Cheers Marty

  6. Another stunning lesson and easy to follow.
    Thank you

  7. Hi marty, do you have tutorial video on color separation for silkscreen?

  8. 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!

  9. Thank you Marty for a fun project. Mine went BOOM! 🙂

  10. YouTube is a better place with you Marty!

  11. 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

  12. You are awesome! Learned several new techniques. Thank you so much!

  13. Is there a way to keep the text editable?

  14. 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?

  15. can u upload a tutorial on Face Swapping

  16. Love this thank you Marty! 😀

  17. Perfect Tutorial!  Thanks!

  18. how you download the text

  19. Awesome sauceeeeee.

  20. Thank you for this tutorial. I made a comic poster for my children using it.

  21. 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"

  22. 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

  23. Thanks for this tutorial, is very beautiful 😀

  24. THIS WAS SOOO GOOODDDDDD!!! thx for tutorial

  25. thank you very much 🙂

  26. totally awesome, thanks!


    ps: i've subscribed to ur channel 😉

  28. great

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

  30. Very good tutorial, thank you very much, great job.

  31. thanx for taking the time to teach us how to do this. Worked out great.

  32. LOVE IT thanks a lot

  33. Guru Marty!!!

  34. 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.

  35. Thank you, thank you, thank you! This was so much FUN :o)

  36. no download link??

  37. i couldn't find Registration Target 2. it does not comes with my photoshop version

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

  39. Is there anyway to achieve that polygon shape in cs3 or cs 4

  40. 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.

  41. Really cool – thanks!

  42. Excellent

  43. Thank you very much! Great tutorials!

  44. my made – up super hero is called dark lightning!! lol😂😂😂

  45. i am the 1000th liker))

  46. How do I find the "Create Polygon" option in CS5?

  47. Thank you for Tutorial, work fine on CS6.

  48. 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.

  49. Awesome tutorial! Thanks!

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

  51. 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! 🙂

  52. wow

  53. 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.

  54. Wow .. thanks for this great tutorial

  55. how do you do the thing in 2:06 i use photoshop cs6

  56. This was super fun! Thank you, Marty!

  57. oh thank you very much.. now i can make it..

  58. Excellent tutorial!! Thanks!

  59. 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?

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

  61. thank you so much …i loved this.

  62. In loved!

  63. very very very crazy

  64. i dont have a text
    how can?!

  65. Awesome tutorial!

  66. This has got to be the best tutorial I have ever seen for Photoshop. I can't wait to create this.

  67. I did it. Thank you so much!!!!

  68. Impressive!

  69. Thanks so much, Marty!

  70. how? your halftone color was red but mine was [ red blue green ] in a field? help me with this problem

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

  72. Very clear and precise, thank you!

  73. amazing!!

  74. Great Tutorial

  75. This is amazing – thank you!!!!

  76. Muchas gracias por este tutorial, me salvó el pellejo xd
    Está muy bien hecho!!! MUCHAS GRACIAS :DDDDD

  77. Got it at the first try. Thank you .. ! You're the Best !

  78. Great tutorial, learnt so much, thank you x

  79. You are the best Marty!!! Thank you

  80. 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

  81. That's a really awesome tutorial!

  82. Thank you so much, i loved this.

  83. can u please give the font's name?

  84. Very helpful, thank you!

  85. fantastic

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

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

  88. Ha se todos os tutoriais da internet fossem bem explicados como o seu, seria ótimo!

  89. i learned so much from this video! Thanks from the uk 🙂

  90. Hello sir i have a serious problem in photoshope

  91. 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?

  92. epic tutorial! used it to create a poster for a superhero themed charity event. thank you so much!!

  93. Amazingly clear, understandable, and detailed. Awesome tutorial.

  94. Respect and appreciation🌷

  95. Thank You so much, sir. Very nice video

  96. clear and easy to follow the tutorial, thank you

  97. Such a big help. Thank you so much.👍👍

  98. awesome tutorial bro

  99. I can´t replace current shapes with the shapes from symbols at 1:38 .. dunno what to do

Leave a Reply

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