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 place them together to ensure that your results will look similar to mine go to image and image size make its height between eight hundred and a thousand pixels and it's 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 smart sharpen smart sharpen controls the amount of sharpening that occurs in shadows and highlights make the amount 500% make the radius 6 pixels reduced noise is in version CC only it reduces unwanted noise while keeping important edges unaffected if you're using Photoshop CC make it zero 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 the pattern type line the size one and the contrast ten click the add filter icon and click torn edges I'll make the image balance 31 the smoothness 15 and the contrast 3 if you want to darken your image increase the amount in image balance if you want to brighten it decrease the amount click the add filter icon again and this time open the texture folder click texturizer the light is from the top the relief is five the scaling is a hundred percent 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 command J double-click filter gallery of the copy to open it and click torn edges increase or decrease the 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 control click or command click the layer mask icon to make an inverted layer mask next to the copy will reveal the more detailed robot in this layer by brushing and white over the layer mask to do this open your pencil tool and pencil picker I'll make it size temporarily 70 pixels but feel free to adjust the amount its hardness and opacity should both be a hundred percent 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 the corner of your image we'll fill the selection with white and since your background color is white press ctrl or command + delete to deselect it press ctrl or command D next we'll add a white border along the edges unlock the background 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 this message click yes to accept the changes open your horizontal type tool and pick a cartoon font I'm using kaamika display caps regular if you'd like to use it I provided its link in my video's description below or project files I'll make it 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 you

27 thoughts on “Photoshop: Create the Look of Graphic Novel Illustrations

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

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

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

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

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

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

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

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

Leave a Reply

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