Photoshop: Create the Look of Graphic Novel Illustrations


Hi. This is Marty from Blue Lightning TV. I’m going to show you how to create the high-contrast,
black and white look of graphic novel comic book illustrations. You can combine images if you like. I downloaded the robot and the alien landscape separately from Shutterstock and then placed them together. To ensure that your results will look similar
to mine, go to Image and Image Size. Make its Height between 800 and 100 pixels
and its resolution 72 pixels per inch. Its Width doesn’t matter. We’ll convert the image into a Smart Object,
so we can modify it non-destructively. To do this, click the icon at the upper, right of the Layers panel and click, “Convert to Smart Object. Go to Filter, Sharpen and “Smart Sharpen”. Smart Sharpen controls the amount of sharpening
that occurs in shadows and highlights. Make the Amount: 500%. Make the Radius 6 pixels. Reduce Noise is in version CC only. It reduces unwanted noise, while keeping important edges unaffected. If your using Photoshop CC, make it 0. Keep in mind, since we’re affecting a Smart
Object, we can adjust or modify all the filters that we’ll be adding to it at any time. Go to Filter and Filter Gallery. Open the Sketch folder and click “Halftone Pattern”. Make the Pattern Type “Line”, the Size: 1
and the Contrast 10. Click the Add filter icon and click “Torn Edges”. I’ll make the Image Balance: 31, the Smoothness:
11 and the Contrast 17. If you want to darken your image, increase
the amount in Image Balance. If you want o brighten it, decrease the amount. Click the Add filter icon again and this time,
open the “Texture” folder and click “Texturizer”. The Light is from the “Top”, the Relief is
5, the Scaling is 100% and the Texture is “Sandstone”. In this particular example, I’d like to add
more detail to the robot. If you want to adjust an area of your image, make a copy of the layer by pressing Ctrl or Cmd + J. Double-click “Filter Gallery”
of the copy to open it. Click “Torn Edges”. Increase or decrease the amount in Image Balance
until you like the amount of detail in that particular area. Don’t be concerned about the other areas We’ll
take care of those in a moment. To save space in the Layers panel, let’s collapse the effects. Ctrl-click or Cmd-click the Layer mask icon
to make an inverted layer mask next to the copy. We’ll reveal the more detailed robot in this
layer by brushing in white over the layer mask. To do this, open your Pencil Tool and Pencil Picker. I’ll make its size temporarily 70 pixels,
but fee free to adjust the amount. Its Hardness and Opacity should both be 100%. Then, press Enter or Return. You can adjust the size of your pencil by
pressing the right or left bracket key on your keyboard. I’ll draw over the robot to reveal it through
the layer mask. Double-click the Smart Object next to it to
open its source image. Click the New Layer icon to make a new layer. Open your “Rectangular Marquee Tool” and draw
a rectangle over a corner of your image. We’ll fill the selection with white and since your
background color is white, press Ctrl or Cmd + Delete. To deselect it, press Ctrl or Cmd + D. Next,,
we’ll add a white border along the edges. Unlock the background and double-click an empty area of the layer to open its Layer Style window. Click, “Stroke”. If the color box isn’t white, click it and
when the Color Picker opens, pick white. The Size is 20 pixels and the Position is Inside. Click the small “x” to close the “psb” tab and when you see this message, click “Yes” to accept the changes. Open your Horizontal Type Tool and pick a
cartoon font. I’m using, “Komika Display Kaps Regular”. If you’d like to use it, I provided its link
in my video’s description below or project files. I’ll make its size 67 points. Feel free to adjust this amount based on the font you use and the amount of characters in your text. I’ll make its anti-aliasing, “Sharp”, the
alignment: Centered and the color should be black. Click on your document and type out your text. To reposition it, open your Move Tool and
move it. This is Marty from Blue Lightning TV. Thanks for watching!

51 Replies to “Photoshop: Create the Look of Graphic Novel Illustrations

  1. Project request: I've been wanting to make map tiles and card for Twilight Creation's Zombies game, but I'm not sure how to emulate the style using filters and such. The game released an expansion with nothing but blank cards (map tiles and main deck cards) to add your own creations into the game. Any help would be appreciated.

  2. Wow! you are a genius. Sir, I am a big fan. Thank you for teaching us so many wonderful tricks. Your tutorials are very helpful & informative. A humble request, can you please upload a photoshop tutorial on "how to create portraits from drapery"? Like how the designer, Benjamin Shine develops his creations from fabric.

  3. In the beginning at 1:42. You went from smart Sharpen straight into Filter Gallery. The image had Color before you opened Filter Gallery and was B&W the moment opened Filter Gallery.For me the image is red for some reason.I'm in RGB 8 bit color mode. Any thoughts?

  4. your videos are so educational thank you so much!
    can you make a video about architectural rendering on photoshop-post production too?

  5. Marty, I have a suggestion for a tutorial "Composition with Triangles" Do a model and place a couple of diagonal words in the composition

  6. You’re a gem in the YouTube platform. Thanks, Marty! This is helping me practice my photoshop and creative skills. 🙂

  7. you have the best Photoshop YouTube channel out there. i find these videos very helpful and they are well explained and talked through.

  8. I would love to know where you got your opening animation. Been a follower of your channel for a couple years now and it only keeps getting better. Thanks for everything Marty!

  9. Hi Marty, amazing video! I wanted to try it but my Photoshop doesn't show this tool, it's from the Adobe page, and I already tried to reset the preferences but still, have you any idea why? Love your videos!

  10. This was very informative. Thank you for sharing it. BUT… I'm not really sure why you chose to handle the text in that manner. I would have just created an empty layer, filled it with white and copy/pasted the styles from the other layers.

Leave a Reply

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