Previous Entry | Next Entry

Full Tutorial: Turning photos into comics

I saw that this tutorial had been briefly linked to in a comment a while ago, but for those who haven't seen it, this is a tutorial for PS7 about how to make a photograph look like a comic. Here is our end result:





Ok, so I started with this cap from Buffy - Doppelgangland:



It is important that you choose your image carefully. This effect won't work well on poor quality. You want a strong image with strong lines. Also, it's important not to shrink it down, because you need as much size as possible so the effect works. The first thing I did was play with the levels. You want a good contrast between light or dark. I decided on this:



But have a play and see what works. I then put two filters over the picture. The first was the Median filter at +1, just to give it slightly cleaner lines. The second was the 'poster edges' filter (Settings: Edge thickness +2 Edge intensity +1 Posterisation +2). This came out looking like this (from now on I'm only going to use a detail of the overall):



This effect is flawed, however, so you will need to see what important lines it missed. It often ignores the bridge of the nose or the line of the jaw, so often you have to draw these in. A good tip is to create a new layer (so that if you make a mistake it can be played with) and then click along the line you want to create, holding down the shift key. This will create a straight line between the two points you click, and help you draw neatly without having to draw freehand.



As you can see here, I've added to her jaw. It doesn't have to be perfect, as we'll be fooling with the image more, but it does need to be reasonably accurate.

If you've created a new layer, merge the whole thing and then the extreme part! Go to Image > Adjustments > Threshold. This will bring the whole picture down to blacks and whites. Play with the toggle to adjust the black/white ratio until it looks right. You don't want too much white, so leave some good blocks of shadow. This is what I chose (threshold level 71):



Then you need to colour in the blacks and whites a little, because the posterize filter tends to leave specks of black. This is what I did:



As you can see, most of the work I did was around Evil!Willow's mouth and eyes, just tidying it up a bit.

Ok, now it's time to crop to the frame that you want. We will be working from this:



Then you need to click "Layer > New > New Layer from background". Then create a new layer and fill it in with white, dragging it to the bottom of the layers as your background. Then, select the magic wand tool (make sure it is NOT set to 'contiguous'), click on the main layer (not the new blank one you created)selecting all the white sections, and delete it all. This layer should now only have the black lines, meaning you can colour it in without having to be too careful.

Now to colour in. To make the funky Lichtenstein-style dots (quite subtle but fun on Willow's face), select the round paintbrush (7px) and click on the 'Brushes' tab in the top right. Click 'Brush tip shape' and drag the 'spacing' bar until it looks right. Here it is at 176%.

Make sure you have your rulers on (ctrl + R). Create a new layer and select the colour you want. Holding the shift key down, click the paintbrush once, noting where you are on the rulers, and then move down as far as you wish and, holding down the shift key all the while. When you are down – and level, according to the ruler – click again. You should get a row of dots. Then simply duplicate the layer and arrange as you wish. Erase the areas you don't want to be dotty – remember eyes and teeth if necessary.



Then colour in the rest of the picture on your white background.



Once you've done that, you can finally shrink it to the 100x100 pixel size LJ icon:



Draw a black, one-line border around the picture to give it that cartoon box look, and then add speech bubbles or boxes as you wish. Speech bubble can be found in the shapes tool.



Here I've added a black, 2px "stroke" to the layer (Layer > Layer style > Stroke), again in-keeping with the comic style.

Then add your text. I use Gnatfont from dafont.com

And there you go; your final result:



Quick tip: if you want to flip, shrink or warp an image, select its layer and press ctrl + T. This will bring up a bar along the top that has various options. From there you can skew, rotate to a specific degree or shrink/stretch to a percentage. However, if you right-click on the image at this point, it will bring up a menu including "flip horizontal" or "flip vertical" - this is a much quicker way of flipping and image, and one I used here on the speech bubble, which is usually the other way around.

This effect can be achieved on any good image, and it's really cool. I like to add text that makes it look like the episode was made into a comic, but you can do whatever you like with it. Other examples:



Hope this helps!

Comments

( 170 ideas — Have an idea? )
Page 1 of 6
<<[1] [2] [3] [4] [5] [6] >>
[info]untildawn wrote:
Dec. 11th, 2004 09:50 am (UTC)
great tutorial, thank you!
[info]lanitha wrote:
Dec. 11th, 2004 10:00 am (UTC)
I have already used this tutorial and have been meaning to thank you for it, but couldn't find it back in the thread... So, now that I've found you: Thanks! It has been really helpful and the results are really out of the ordinary, which I lurve about icons!
[info]not_a_painter wrote:
Dec. 11th, 2004 11:29 am (UTC)
Hee! Great icon!
(no subject) - [info]lanitha - Dec. 11th, 2004 02:54 pm (UTC) - Expand
(no subject) - [info]shaylagirl - Feb. 9th, 2006 09:35 pm (UTC) - Expand
(no subject) - [info]lanitha - Feb. 11th, 2006 04:28 pm (UTC) - Expand
[info]glitzyangelamy wrote:
Dec. 11th, 2004 10:15 am (UTC)
one question...filter? wheres that?
[info]not_a_painter wrote:
Dec. 11th, 2004 11:33 am (UTC)
Along the top menu, as below:
[info]anthrazit wrote:
Dec. 11th, 2004 10:30 am (UTC)
This is awesome! Thank you!
[info]missmanics wrote:
Dec. 11th, 2004 08:19 pm (UTC)
heh i love your xmas gollum icon :P
[info]ihearthings_ii wrote:
Dec. 11th, 2004 10:50 am (UTC)
argh, I'm so bad at this, I hope you don't mind some stupid questions?
the 'poster edges' thing, I'm using PS6, and I simply have no idea where to find the edge thickness/edge intensity things..
[info]not_a_painter wrote:
Dec. 11th, 2004 11:34 am (UTC)
A box should appear when you click "Poster Edges" that looks like the box below. Drag the cicled tabs until the right settings:
(no subject) - [info]ihearthings_ii - Dec. 11th, 2004 11:59 am (UTC) - Expand
(no subject) - [info]ihearthings_ii - Dec. 11th, 2004 12:01 pm (UTC) - Expand
[info]verylisa wrote:
Dec. 11th, 2004 10:54 am (UTC)
Ooh, fabulous! I'll be giving this technique a go.
[info]kathyh wrote:
Dec. 11th, 2004 12:01 pm (UTC)
Fabulous tutorial. I'll give it a go though I may not be able to make it work in Photoshop Elements 2.
[info]mi_nion wrote:
Dec. 11th, 2004 01:16 pm (UTC)
Anybody know how to do this in PSP8?
[info]_crayon_rosary wrote:
Dec. 11th, 2004 07:46 pm (UTC)
I used "enhance edges" and then "edge preserving smooth" in places of "poster edges". All other steps were the same, I believe...
(no subject) - [info]mi_nion - Dec. 12th, 2004 01:54 am (UTC) - Expand
(no subject) - [info]twobluestripes - Dec. 27th, 2004 12:26 am (UTC) - Expand
(no subject) - [info]mi_nion - Dec. 27th, 2004 12:37 am (UTC) - Expand
(no subject) - [info]twobluestripes - Dec. 27th, 2004 12:38 am (UTC) - Expand
[info]lunafallen wrote:
Dec. 11th, 2004 01:52 pm (UTC)
thanks so much *adds to favorites*
[info]orchestrachik89 wrote:
Dec. 11th, 2004 01:56 pm (UTC)
so adding this!

p.s. i love that episode. yay for vamp willow!
[info]myrrhdusa wrote:
Dec. 11th, 2004 02:04 pm (UTC)
Fabulous!
[info]patosan wrote:
Dec. 11th, 2004 02:24 pm (UTC)
Really interesting, thank you!
[info]ldymusyc wrote:
Dec. 11th, 2004 02:45 pm (UTC)
I've been looking for something like this! Thanks! *memories*
[info]madamespooky wrote:
Dec. 11th, 2004 02:50 pm (UTC)
What is the median filter? I can't seem to find it under my filters..
[info]not_a_painter wrote:
Dec. 11th, 2004 02:54 pm (UTC)
Filter -> Noise -> Median

:)
[info]wanderingdream wrote:
Dec. 11th, 2004 03:18 pm (UTC)
i put the tutorial in my memories.

this looks like a really awesome one! i can't wait to try it out!
[info]darksparrow wrote:
Dec. 11th, 2004 04:12 pm (UTC)
This is amazing! I've been experimtenting:



Putting this in my memories for future use. Thank you so much!
[info]shrek_is_god wrote:
Dec. 11th, 2004 04:21 pm (UTC)
This is really cool. I am not yet good enough with the program that i am using to do this yet. But i put it in my memories so that i can try it in the future. thanks!
[info]quix0te wrote:
Dec. 11th, 2004 05:10 pm (UTC)
I really liked this tutorial [thank you!], so I figured I'd show you what I came up with.

[info]erithegreat wrote:
Jan. 10th, 2005 10:47 pm (UTC)
yay gob!
[info]daliahellyes wrote:
Dec. 11th, 2004 05:26 pm (UTC)
Awesome tutorial :)
[info]jupiterlullaby wrote:
Dec. 11th, 2004 06:05 pm (UTC)
It's an interesting effect, and a wonderful tutorial. Added to my memories =D
[info]solarfall_ wrote:
Dec. 11th, 2004 06:29 pm (UTC)
Oohhh this is one of the times where I cry
about how I don't have PS. :( I have PSP7..I really
must have this tutorial converted to PSP form. ;\
Any help would be much appreciated. <3
[info]_crayon_rosary wrote:
Dec. 11th, 2004 07:45 pm (UTC)
In PSP8, I ued "enhance edges" and then "edge preserving smooth" in place of the poster edges step of this tutorial. It's not perfect, but it works.
(no subject) - [info]solarfall_ - Dec. 12th, 2004 08:06 pm (UTC) - Expand
(no subject) - [info]aurorasfate - Aug. 15th, 2005 01:04 am (UTC) - Expand
(no subject) - [info]_crayon_rosary - Aug. 15th, 2005 01:19 am (UTC) - Expand
(no subject) - [info]aurorasfate - Aug. 27th, 2005 09:30 pm (UTC) - Expand
(no subject) - [info]_crayon_rosary - Aug. 27th, 2005 10:20 pm (UTC) - Expand
[info]__kali__ wrote:
Dec. 11th, 2004 07:35 pm (UTC)
*adds to memories* I'm going to have a play with this. Thanks!
[info]_crayon_rosary wrote:
Dec. 11th, 2004 07:42 pm (UTC)
I saw this tutorial a while ago and had to fight a bit to get it to work in PSP8, but I finally did it. Thanks for this!
[info]bjosie182 wrote:
Dec. 11th, 2004 08:01 pm (UTC)
I love it. Thank you so much. It's going in my memories.
[info]missmanics wrote:
Dec. 11th, 2004 08:17 pm (UTC)
ooh interesting tutorial...am adding it to my memories to have a go later!!
Page 1 of 6
<<[1] [2] [3] [4] [5] [6] >>
( 170 ideas — Have an idea? )

Tags

Current Month

May 2012
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  
Powered by LiveJournal.com
Designed by Lilia Ahner