Menu

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

100 Comments



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. dafont.com. 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!

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

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

  1. Max V World Media says:

    Another flawless tutorial. 

  2. MCcreed says:

    thank you 🙂

  3. Noora QA157 says:

    Best youtube channel and best tutorials keep going!

  4. Mehmetveli gerçek says:

    Adobe photosop free dowloand link please

  5. Tonicwine999 says:

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

  6. Tristan Mullany says:

    Another stunning lesson and easy to follow.
    Thank you

  7. lormay says:

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

  8. Burnin Solez says:

    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. Mark Waters says:

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

  10. Kevin St Croix says:

    YouTube is a better place with you Marty!

  11. Renagzy says:

    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. Wendy Gregory says:

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

  13. Wendy Gregory says:

    Is there a way to keep the text editable?

  14. Chandler Frieden says:

    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. roy thomas says:

    can u upload a tutorial on Face Swapping

  16. Joanne Marron says:

    Love this thank you Marty! 😀

  17. Tommy Dimmel says:

    Perfect Tutorial!  Thanks!

  18. pyropp 1 says:

    how you download the text

  19. Rogan Smith says:

    Awesome sauceeeeee.

  20. YMZ bros says:

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

  21. Podcasts For Youtube says:

    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. Nelly Alejandra Fragoso Vargas says:

    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. Johnson DJ says:

    Thanks for this tutorial, is very beautiful 😀

  24. Shumee says:

    THIS WAS SOOO GOOODDDDDD!!! thx for tutorial

  25. Anh Nguyễn says:

    thank you very much 🙂

  26. CGolds235 says:

    totally awesome, thanks!

  27. Daniul Glun says:

    SO HELPFUL !! REALLY !! THANKS.

    ps: i've subscribed to ur channel 😉

  28. ODD DNZL says:

    great

  29. comic999 2017 says:

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

  30. ThaReP says:

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

  31. Testing One Two Three says:

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

  32. Marianne Reyes says:

    LOVE IT thanks a lot

  33. ashbag says:

    Guru Marty!!!

  34. brisseyda says:

    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. coachvicki says:

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

  36. Cross Production says:

    no download link??

  37. Weipin Toh says:

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

  38. Topics of Mass Discussion. says:

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

  39. The Crazy Fever says:

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

  40. Chris Cleary says:

    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. dajoi says:

    Really cool – thanks!

  42. HOOD CLASSIC TELEVISION says:

    Excellent

  43. Erivelton Souza says:

    Thank you very much! Great tutorials!

  44. the great ones says:

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

  45. 1UP says:

    i am the 1000th liker))

  46. Selly G says:

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

  47. William Rivera says:

    Thank you for Tutorial, work fine on CS6.

  48. Carlos Nicolielli says:

    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. Pratik Parija says:

    Awesome tutorial! Thanks!

  50. Kevin Stagg says:

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

  51. Ildar Gizatullin says:

    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. CrueTube says:

    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.

  53. Riham karam says:

    Wow .. thanks for this great tutorial

  54. michal cohen says:

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

  55. Jessica Egan says:

    This was super fun! Thank you, Marty!

  56. Muhammad Rafli says:

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

  57. April Swales says:

    Excellent tutorial!! Thanks!

  58. Husna Shahid says:

    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?

  59. ScorpioLebeaux says:

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

  60. Marzia Rahman says:

    thank you so much …i loved this.

  61. Pablo Gómez says:

    In loved!

  62. Canal Alquimia says:

    very very very crazy

  63. ZEN says:

    i dont have a text
    how can?!

  64. Erica Lopes says:

    Awesome tutorial!

  65. Bridget Gainous says:

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

  66. Bridget Gainous says:

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

  67. SummerSun says:

    Impressive!

  68. Morgan Field says:

    Thanks so much, Marty!

  69. Kishey says:

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

  70. Rod Gutry says:

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

  71. Kathren Lundquist says:

    Very clear and precise, thank you!

  72. Ethan Castillo says:

    amazing!!

  73. Sharjeel Tariq says:

    Great Tutorial

  74. Say it With Words says:

    This is amazing – thank you!!!!

  75. Mr Gosh says:

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

  76. Annabelle Horrific says:

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

  77. kyla wight says:

    Great tutorial, learnt so much, thank you x

  78. Shakeeta Draper says:

    You are the best Marty!!! Thank you

  79. Emma Raven says:

    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

  80. Karatefilm.dk says:

    That's a really awesome tutorial!

  81. María Teresa says:

    Thank you so much, i loved this.

  82. ain jadan says:

    can u please give the font's name?

  83. johwell St-Cilien Films says:

    Very helpful, thank you!

  84. kerngesund24.ch says:

    fantastic

  85. Mark Lipka says:

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

  86. أحلام الرشيد says:

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

  87. Rafael S says:

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

  88. tomandmarley says:

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

  89. Jawad Khan says:

    Hello sir i have a serious problem in photoshope

  90. Jawad Khan says:

    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?

  91. franinconverse says:

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

  92. GyroShrike says:

    Amazingly clear, understandable, and detailed. Awesome tutorial.

  93. Fekri El mahtouchi says:

    Respect and appreciation🌷

  94. Sulabh Dhiman says:

    Thank You so much, sir. Very nice video

  95. Lifia Niala says:

    clear and easy to follow the tutorial, thank you

  96. Evan Joyce says:

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

  97. EMPIRE STUDIO says:

    awesome tutorial bro

  98. Rektanics - BestOfs says:

    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 *