Categories
Self-organization

How to make photoshop cartoons in about one minute

Introduction: Easy, Cheap, Animated Cartoon in 10 Minutes

I always liked to draw and was thinking of becoming a cartoonist as a kid, but the tedium of the technique at the time (1980s) drove me away. Now we have computers and everyone is making flash animations. Flash attracted me because you don’t have to redraw the thing every frame, you just move it’s pieces. However this severly restricts the expressiveness of ones creations. Also, you have to draw on a computer using a mouse or drawing tablet, neither of which worked ever gave me the results I wanted. So I tried claymation because this allows expressiveness without having to redraw the character each frame. Problem with this is the clay is hard to work with and a pain.
Finally I came up with a very easy and fun way to do animations which can be both expressive, do not require redrawing of the whole character each frame, and allow very easy modification: without messy erasing and without having to use a computer mouse or computer drawing tablet. For this method all you need is a ‘dry erase’ board (‘whiteboard’), a usb camera, a computer, and some free software.

Step 1: Get Your Stuff Together

= one or more dry erase boards
(more than one is nice because you can do multiple scenes at the same time without erasing the same board over and over)

= a usb camera
I use a logitech quickcam chat, it’s cheap and does the job. It also comes with a weird bendy mount which allows me to mount it on a tripod that I have.

= a computer
any old computer will work as long as it can run the software (see below)

= some free software
I use ‘MonkeyJam’ to make the initial animations, it’s free and it’s great, does everything you need to make nice animations.
http://www.giantscreamingrobotmonkeys.com/monkeyjam/download.html
I use ‘Video Edit Magic’ to do the post animation editing (adding music, sound effects, naration, etc). It’s a very cheap, simple, and effective program.

Step 2: Set Everything Up

So set up the whiteboard on a table. Tape it down with double sided tape wo it won’t shift while you draw and erase on it.

Mount the usb camera above it in a stable position. It’s best to make some sort of mount that you can keep in place permanently, or at least for the time that it takes you to do your animation. If it gets shifted in reference to the whiteboard, it’s annoying to reposition it to the exact same position, and then your animation will have a ‘jump’ in it.
I mounted my webcam on an old tripod that I foun on the street, I think the tripod was used for a high hat on a drum set.
You will probably not want to mount the webcam more than about a foot above the whiteboard, cause their resolution isn’t that great.

plug the camera into your computer and start MonkeyJam

Step 3: Working With the Software

Start MonkeyJam (free software mentioned with URL in step #2)

Click the button on the upper left (piece of paper with a star on it). This will create a new ‘layer’ in your animation.

Just click ‘ok’ in the box that comes up.
An orange labeled layer will appear.

Click the ‘Open Video Capture Window’ button (the thing to the right of the ’10’ button)

In the window that pops up, select ‘stop motion’ under the ‘mode’ menu.

Select your camera from the ‘cameras’ menu.

Then start drawing and click the ‘capture’ button whenever you want to make a new frame in your animation.

Step 4: Working With the Software Cntd.

you can check how your movie is looking so far bly clicking the ‘preview movie’ button.

When you’re satisfied with your movie, click the ‘exposure sheet as an Avi movie button.

Step 5: Put Your Animations Onto Youtube

I was messing with ‘windows movie maker’ (comes with windows), and I noticed a ‘narate’ button. use that to add voices/sound to your animations (once they have been saved as videos).
You can also use windows movie maker for basic editing (add effects, etc).
Alternatively you can download VirtualDub from download.com, it’s free and allows basic video editing.

Put your animations onto YouTube so people can watch them. There aren’t many aninamtions by nonprofessionals on there at the moment, I hope this will change after this instructable.

Here are some short animations I did so far:

by Lars | Last updated Jan 22, 2017 | Photoshop | 5 comments

It has become quite popular to create a personal cartoon face and use it as avatar image, but cartoon illustrations can also be used in all kinds of designs.

Many online companies create a kind of mascot and use it as a through-going element in the marketing they do. With powerful graphic tools like Photoshop, the right skills and techniques it is not that hard to turn photos into cool looking cartoon illustrations.

Another popular method for creating digital cartoon drawings is following Illustrator cartoon tutorials. The advantage of Photoshop PSDs is that the outcome in Illustrator is a vector graphic. It is simpler to update and scales better for various design dimensions. If you are planning to use your work in multiple designs it may be better to draw from scratch in Illustrator.

Photoshop on the other hand work wonders in no time if you know how to do it and have a few cool cartoon actions to automate some of the steps. However, it is also possible to draw cartoon characters from scratch and then you need to sit tight and look for all your creative talents. Some of the tutorials included show you how to do this as well.

Do keep in mind that a great background can make a cartoon illustration stand out and work as the caviar. You can find inspiration and learn how to get it right by checking these Photoshop background tutorials. To get this right you often need to do a proper image extraction. I will start with some tutorials and then at the end share some useful cartoon actions.
[exec]$filestr = file_get_contents(‘https://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]

Photoshop Tutorial: Creating a Professional Cartoon Effect from a Real Photograph

This is one of my favorites, the result is awesome, but it is also a long and advanced Photoshop cartoon tutorial! In this tutorial, you can learn a cool technique for creating a cartoon effect from a real photograph.

Photoshop Tutorial – How to draw cartoons in Adobe Photoshop

OK this one is cool but also requires some creative and drawing skills. I would think the techniques are great for turning a scanned drawing into a digital cartoon artwork.

Adobe Photoshop Cartoon effect tutorial

This tutorial have a great cartoon result and it is easy to follow due to on screen text. It is without voice though. Certainly worth checking out.

Comic Style Coloring

Useful tips and steps used for applying comic style coloring in Photoshop.

Create Andy Warhol Style Pop Art – Lady Ga Ga [Photoshop CS5]

In this tutorial TastyTuts demonstrates how to create Pop Art in the style of Andy Warhol in Adobe Photoshop. It is a really cool effect.

Photoshop Tutorial Turning An Image Into A Cartoon in 2 minutes

It is possible to do it in Photoshop and it is very easy and only takes 2 minutes. However, for the effect to be really good you need images that have a good amount of variation

Tutorial – How to draw cartoon in photoshop

A cool tutorial in drawing and coloring a cartoon sketch.

Turn Photos of People into Line Art

This is a cool tutorial on how to create a line art drawing in Photoshop. It is a time consuming process so don’t choose this tutorial if you are not able to spend a few hours.

Comic book effect in Photoshop

Learn how to create a comic book effect in Photoshop. Follow the steps below to see how to get this final effect.

Comic Book Photo Effect

In this Photoshop tutorial I’ll show you how to add a comic book effect to an ordinary photo using a few layers, the Cutout and Poster Edges filters and a few different layer blend modes.

How To Cartoon Yourself In Photoshop CS5

I like to learn from video tutorials myself. This one goes through some simple steps for creating the effect below, but the author is not too exciting to listen to…

Create a Vector Mascot with Pen Tool

This tutorial teach you how to use only the Pen Tool to make a simple cartoon vector face for avatars or mascots.

How to Draw a Cartoon Tiger Tutorial 1 Photoshop CS5

Great detailed tutorial on how to draw a cartoon tiger from scratch, but inspired from a photo.

Cartoon Drawing Photoshop Images Effect

Another simple to follow technique for turning a photo into a cartoon in Photoshop.

How To Make Photoshop Cartoons In About One Minute

Learn how to turn one of your own photos into a surprisingly nice photo filter cartoon

Create a Retro Pop Art in Photoshop

How to turn a photo into a cool retro pop art photoshop effect

Photoshop Cartoon Actions

Comics Photoshop action

This action will turn your images into comic looking pictures.

Photography to Illustration Actions

Illustration action pack for Photoshop with several nice cartoon style effects.

Pop Art Action

Photoshop Action for speeding up the process of creating a cartoon from an ordinary picture. You get this without using the pen tool, which is specially good for those who haven’t got enough free time to do it the hard way.

Comic Book Action (premium action)

Cool action pack to add cartoon style effects to designs

Comics Photoshop action Photos a Retro Comic Book Effect

Creating a old comic book effect for your photos is easy and the results are visually appealing. More fun is achieved when adding captions to your photos using comic book fonts and design elements. This tutorial will show you how to give a comic book look to your photos using a couple of filters and some additional decorations.

If you like Photoshop addons, make sure to check out the thousands of fully-licensed premium addons found over at Envato Market. Thank you for visiting Tripwire Magazine. Don’t forget to share this post with your friends.

[exec]echo get_avatar( get_the_author_email(), ’80’ );[/exec]

It’s become an internet cliché—”cartoonify yourself!” But given a few moments in Photoshop, you can cut out the middleman and turn one of your own photos into a surprisingly nice photo filter cartoon. C’mon, you know you have a minute.

While some photos will work better than others, it’s possible to turn just about any photo into a “cartoon” image with cool lineart and bright, smooth colors. And, seriously, one minute might even be overstating the case! Keep reading and see how easy it can be.

Turning A Simple Photo Into A Photo Filter Cartoon

We’ll need to start with a high resolution image of a person with good details and fairly flat skin tones. Today, we’ll be using this image of this pretty lady in the San Francisco Carnavale Parade, which meets those needs fairly well. Your image will also need to have well defined facial features, but not excessive contrast—no heavy shadows. When you have an appropriate image, open it in Photoshop. (This how to is mostly GIMP friendly, so try it out if you’re using our favorite GNU image editor.)

Duplicate your background layer by right clicking in the layers panel. This is a good first step to ensure you don’t accidently overwrite your original file.

Navigate to Filters > Blur > Smart Blur. You can use these values or come up with your own, depending on how you want your image to shape up.

This will reduce the skin textures and smooth our your image, which will be important later.

A quick levels adjustment (Ctrl + L) can help push contrast and make your image work better as a cartoon. Try these settings, or your own, as you see fit.

Your image should have even flatter skin tones, very little detail in the skin, still recognizable facial features, and good detail still in the image. But even if your image isn’t perfect, give it a shot.

Once your levels are finished, make a duplicate copy of that layer by right clicking and selecting “Duplicate.” Don’t copy your original background layer, but instead duplicate the layer you just ran filters on. In our example, it’s called “Background copy.” Select the new copy as shown.

Navigate to Filters > Sketch > Photocopy. (GIMP users also have a Photocopy filter, located under Filters > Artistic > Photocopy.) Adjust the detail and darkness sliders roughly as shown here, or to whatever values make your image look good. You may find you need to bump up the “detail” or “darkness” setting dependent on what your image needs to work well.

One of the frustrating, weird quirks of the Photocopy filter in Photoshop is that it uses the colors you have active in your foreground/background palette in your toolbox. You may get strange results unless your toolbox has these colors, which you can get quickly by pressing the “D” key on your keyboard.

Providing you don’t run into trouble with the photocopy filter, you’ll end up with an image similar to this one. You may have to use the eraser or brush to clean up some of your skin or facial areas. In our example, we’ve not had to do much of it.

Select your topmost layer and set it to a blending mode of “Multiply” as shown above highlighted in blue.

Our image is beginning to take shape, but let’s get a more convincing flat-cartoon color layer for our base.

Select the bottommost copy layer, which is probably the one in the middle, if you’re following along.

Navigate to Filter > Artistic > Cutout to use the cutout filter. Adjust the sliders as shown to get fairly good detail in your image, without it becoming to simple or losing color.

Our final image is a nice, colorful image, with smooth colors under a good example of Photoshop filter lineart. It might not get you a job as a professional artist, but it is a fun trick to pull on a set of your photographs. Have fun with it!

Have questions or comments concerning Graphics, Photos, Filetypes, or Photoshop? Send your questions to [email protected], and they may be featured in a future How-To Geek Graphics article.

Pretty blue feathered latina dancer by Chris Willis, available under Creative Commons.

by Alexandra Bateman on Jun 17, 2022

With Photoshop, you can transform your photos with a whole host of artistic photo effects. In fact, you can even use Photoshop to create cartoon images from your pictures. Do you want to make a cartoon out of your photo? Cartoon effects can come in handy for special events and projects. And cartoon portraits can actually make great social media profile pictures to help you build your personal brand!

In this article, we will show you how to cartoon yourself in Photoshop. But first, make sure you have Photoshop downloaded on your device.

Once you’ve downloaded Photoshop, you’re ready to go! Let’s look at a couple of things before we begin the tutorial, including:

  • Types of Cartoon Effects in Photoshop
  • Easiest Ways to Cartoon Yourself in Photoshop
  • Steps to Cartooning Yourself in Photoshop
  • Best Tutorials for Cartooning Yourself in Photoshop

Types of Cartoon Effects in Photoshop

In Photoshop, there’s rarely only one way to achieve a particular effect. Cartoon effects are no different! The first step to understanding which of Photoshop’s tools to use for a cartoon effect is knowing what style you’d like your cartoon portrait to have.

Although we’ll be focusing on turning portrait images into cartoons in this tutorial, know that Photoshop’s cartoon effect approaches work on other kinds of pictures, too. For example, you can use the same editing techniques to cartoon a picture of a landscape that you can for a portrait.

But, what kinds of cartoon effects can you achieve in Photoshop? Given Photoshop’s extensive selection of tools, you can create both realistic and simplistic cartoon renderings of your portrait images.

Easiest Ways to Cartoon Yourself in Photoshop

To create less detailed cartoon drawings of your portraits, you’ll want to use Photoshop’s Brush Tool, Layer Masks and a graphic tablet with a pen that gives you more control over tracing your image. In this approach, you can use the tablet’s pen and Photoshop’s brushes to trace over your image. Of course, you’ll want to use your brush on a new layer, or in a Layer Mask, so that you do not alter the original image.

This approach is easy enough to do if you have the proper equipment, namely a graphic tablet. If you don’t, you can attempt to complete this effect by hand using a mouse or trackpad. But, as you may guess, keeping a steady hand for tracing is much more difficult without a stylus pen.

You could also try to cartoon photos in Photoshop using the program’s Pen Tool. With the Pen Tool, you can create paths outlining the figure and its essential features, and then use those paths to make blocks of color. This approach, like the approach using the Brush Tool, allows you to be as detailed or as sparse as you’d like.

It’s not difficult to turn a photograph into a seemingly hand-drawn cartoon and with this technique you can modify the appearance as you go along.

To create this effect, we’re going to use a photograph of the late, great cartoonist Stan Lee, courtesy of Gage Skidmore on Wikimedia Commons, which you can download here.

Step 1: The Starting Image

You can use just about any photograph for this technique as long as it’s clear and well-defined. This shot of Stan Lee fits the bill perfectly.

Step 2: Cut Out the Photograph

If you have Photoshop CC, the Select > Subject command will do a good job of automating the process of cutting out the photograph. If you have an earlier version, then start with the Quick Selection Tool and modify the cutout using Select and Mask/Refine Edge (depending on your version of Photoshop). Then, use Command/Ctrl+J to make a new layer from the selection, and add a white background behind it on a separate layer.

Step 3: The Wrong Way

To turn the image to pure black and white, the Threshold filter (Image > Adjustments > Threshold) might seem to be the best option. But as you can see here, this often produces a very rough, bitty result.

Step 4: Soften the Image

Instead of going straight for the Threshold filter, first use Filter > Noise > Median to soften the portrait. I used a radius of 4 pixels. Unlike Gaussian Blur, this softens while keeping crisp edges.

Step 5: Add a Threshold Adjustment Layer

Use Layer > New Adjustment Layer > Threshold to add the Threshold adjustment. Now that the Median filter has been applied, the effect is much smoother. Then, take all the color out of the cutout layer using Image > Adjustments > Desaturate.

Step 6: Dodge and Burn

Because we’re looking through the Threshold adjustment to the layer beneath, we can modify the base layer while seeing the final effect in the Threshold layer. Use the Burn Tool set to Highlights to darken around the edges of the shirt to give it definition; hold Option/Alt to get the Dodge Tool temporarily and use it to brighten the over-dark areas, such as inside the glasses. Take your time over this step, referring to the original image so you can get the shape of the nose and other features correct.

Step 7: Add a Color Layer

Select the base layer by holding Command/Ctrl and clicking on its thumbnail in the Layers Panel. Then make a new layer, setting its mode to Multiply.

Step 8: Flood With Color

Choose a skin color and use Option/Alt+Delete/Backspace to fill the selection with that color. Then deselect and use the / key to lock the transparency of this layer, so you can’t inadvertently paint over the edges.

Step 9: Paint the Rest of the Color

Paint on the color layer using appropriate colors for the mustache and hair, glasses and shirt. Paint over the teeth area in pure white. This looks okay so far, but the Threshold filter produces ragged edges. We’ll fix that next.

Step 10: Softening the Edges

Hide the color layer, and use Command+Shift+Option+E/Ctrl+Shift+Alt+E to make a Merged Copy of the whole image. You can reveal the color layer now if you like, but be sure to work on the merged layer you just made. Use Filter > Blur > Gaussian Blur to soften the image. I used a radius of 3 pixels.

Step 11: Sharpening Up

Softening the edges does, predictably, produce a fuzzy result. To fix this, open Image > Adjustments > Levels and, in the Input Levels section, drag the black and white triangles towards the center. This tightens up the blurring, producing smooth shapes. Don’t drag them all the way to the center, or you’ll get ragged edges once again.

Step 12: The Finished Image

Here’s the image of Stan Lee turned into a cartoon. It may not be up to Spider-Man quality, but that’s what made Stan Lee such an exceptional artist.

  • in Members-Only Articles , Photo by Steve Caplin
  • |
  • April 6, 2019
  • |
  • 6 comments
Recommended For You

How to Create Social Media Assets in InDesign with Layered Photoshop Files

How to Shoot Raw Photos on Your iPhone (and Why You’d Want To)

Making Lightweight Animated GIFs in Photoshop

CreativePro Video: Fix Distorted Perspective in Lightroom

Nice tut! Just a correction though. Stan Lee was not a cartoonist, he was the co-creator and dialogue writer for many of marvel’s well know heroes.

While I find that the technique described here is a great artistic treatment of a photo, it is not a cartoon.
It is not a ‘simple drawing showing the features of its subjects in a humorously exaggerated way’.
It is not a ‘motion picture using animation techniques to photograph a sequence of drawings rather than real people or objects.

It does use a photo as it’s base but it does not really simplify the features of the photo ‘in a humorously exaggerated way’.
It just distorts the photo in a graphical fashion.
And while “A Scanner Darkly’ used a similar graphical style, I do not consider “A Scanner Darkly’ a cartoon film.

I do greatly appreciate the technique’s information and will probably use it for graphical treatments in the future.
So thanks for the info, I just won’t include it in my collection of cartooning techniques.

What do you have to do if your have photoshop 2012 and there is no select subject command?
[email protected]

Then you have to select the subject the way you’d select any object in Photoshop – with the Lasso or Pen tools, or by painting a QuickMask selection. Photoshop has got a lot better since 2012!

What do you have to do if your have photoshop 2021 and there is no select subject command?

Well hang on – which version do you have, 2012 or 2021?

Colin Smith

In this tutorial, you are going to learn how to make a video animation in Photoshop.

We are going to make a jet fly across the screen.

There are 2 types of animation, frame based and video based. In this tutorial we will be doing video based. You don’t need a video to make the animation, but we will save it as a video.

This is the beginning file. It contains 3 layers. A background, a jet and the flame for the afterburner, called exhaust.

We are going to animate the jet from the top of the screen to the bottom. We want to turn off the afterburner, then 1/2 way through, we will turn on the afterburner and the jet will speed up. This challenge should be enough for you to learn a lot of the animation tools in Photoshop.

If you need more preceise details on any of the steps, please watch the video. You should watch it anyway to see the animation.

Step 1.

Open the timeline Window>Timeline

Drag the layers to make them longer, we are dragging them out to the 5 second mark.

Step 2.

With both the Jet and exhaust layers selected, drag to the top of the screen and just off the screen as the starting point for the animation.

Step 3.

Select the jet layer. We will animate this first.

Keyframes are how Photoshop does animations. a/ You set the first keyframe. b/ Move the playhead to a different point in time. c/ Change the object on screen. Photoshop will animate the changes over time, lets see…

Step 4. Using keyframes

Click the arrow to reveal the keyframes

Click on the stopwatch by Position to set the start point for the jet

Step 5.

Move the playhead to the end of the timeline. This is where you want the animation to end.

Step 6.

Drag the jet to the ending position.

A keyframe will be generated at the playhead at the end of the timeline.

Step 7.

Press the spacebar of the play button in the timeline to preview the animation. The jet should be moving at a constant speed.

Step 8.

We want to also animate the flame behind the jet.

Move the playhead to the start position.

Choose the exhaust layer and click on the stopwatch for position.

Step 9.

Move the playhead to the end of the timeline.

Step 10.

Drag the exhaust into position.

Play it back and now the jet and the flame should be moving together,

Step 11. Changing the speed of animations in Photoshop

Now we are going to change the speed. We want the jet to start off slowly and then speed up at the end.

Move the playhead to the middle of the timeline (around 2.5 seconds).

Click on the diamond between the 2 arrows to the left of the position stopwatch, this adds a keyframe

Step 12

Click on the exhaust layer

Click the diamond to add a keyframe on the exhaust layer

Step 13

Click one of the keyframes to select it.

Hold down shift and click the second keyframe to also select it.

Step 14

Drag the keyframe to the right. They will both move together because they are both selected.

If you playback now, the jet will move slowly, when it hits the second keyframe it will speed up. (It’s explained on the video why it does this)

Step 15.

Now, we want the flame to only appear when the jet speeds up, as the afterburner kicks in.

Move the playhead back a single frame.

Step 16

In the exhaust layer, turn on the stopwatch for opacity

Step 17.

Turn the opacity to 0 on the exhaust layer

Step 18

Move the keyframe forward 1 frame.

Step 19

Set the opacity to 100

Now the flame will be hidden at the beginning of the animation

When it reaches the keyframes and the jet accelerates, the flame will turn on.

Step 20. Adding a moving shadow

Now we need to add a shadow for realism and depth.

Choose the jet layer

Click the add a layer style button and choose drop shadow

Step 21

Add the setting as shown here

The shadow will move with the jet

Step 22. Changing the shadow over time

Let’s change the shadow so that it looks like the jet is climbing when the afterburner is on.

Move the playhead forward to when the afterburner comes on. (where the speed changes)

On the jet layer, click the stopwatch to add a keyframe for style.

Step 23

Move the playhead forward a little bit.

Step 24

Double click the drop shadow effects to open the effects.

Change the settings as shown here. Make the shadow softer and more transparent. Drag the shadow further away from the jet. (This makes it look like its getting further away.)

Now when you play it back, the yet will move and the shadow will change over time

This makes it look like the jet is climbing. A little bit can go a long way with animation.

RENDERING THE VIDEO

Now we have made the animation, we need to export it, so we can use it.

Choose Export>Render Video.

Choose the location to save the video

choose the presets and select the best one for your video. Here i used youtube 1080 for a letter boxed version that will fit a HD video

I have more Photoshop animation tutorials here

  • Make Animated Rain
  • Edit video in Photoshop
  • Make Animated snow in Photoshop
  • Make an animated cartoon Cinemagraph
  • Make a Cinemagraph gif
  • Make Animated Star Wars Intro

If you want to learn more about animation and working with video in Photoshop, check out the 2 premium courses I have. (They both work on CS6/CC/2020)

Tutorial

Winning animator Frank’s Pencil runs us through how to animate and rig with the Reallusion tool!

Cartoons are the best way for me to share design techniques with people that can be also used in both artistic and more ‘practical’ situations. And of course, they are a lot of fun to make! I am a multimedia designer, I deal on a daily basis with different tasks involving creative communication, from illustration, to sound design and editing. I am currently using Reallusion’s CrazyTalk Animator for the majority of my project and decided to join their team of Certified Content Developers.

Creating your own cartoon, giving life, movements and voices to your characters is an incredibly rewarding experience. Being able to share our own story with millions of people out there is a thrilling and beautiful adventure that every artist interested in animation should try: it makes you grow professionally, artistically and personally. Making your own cartoon is a complex process that requires careful planning and lots of patience, but if you break down your tasks and tackle one of them at a time, it will become an easy and enjoyable process! In this guide, I will show you how I structured my work for the production of “Squangy & Mr.Bowlsacc”, the 3-minute animation that won first place in the Animation @ Work 2018 contest. We will be using Photoshop in combination with CrazyTalk Animator 3.

1: THE STORY

An interesting storytelling is the foundation of every good animation. There are many creative ways to create compelling stories, the one I chose for my short was improvisation. It’s a fun process that leads to fun and unexpected results.

2: ASSESS YOUR BUDGET

Once your story is ready, it’s time to think about the resources and plan your production according to them.. For instance, think about how long will it take you to draw a background: how many of them will you be able to create before the deadline?

3: DEFINE YOUR STYLE

Defining the style for your cartoon is fundamental. Everything needs to look consistent and in line with your budget. Get inspired! Use your favourite cartoons as references and try to break down which technical aspects you want to replicate.

4: THE CHARACTER DESIGN

We are ready to start the pre-production phase! Start with sketching your characters, try to have as much fun with it as possible! Sketch backgrounds and props as well. Keep iterating them until you are satisfied with the result.

5: CREATE THE STORYBOARD

Now it’s time to create a storyboard. For the first time, you will see your characters in action, test if your story works and you’ll have the chance to make changes to the foundations of your cartoon before starting the production phase. Creating an animatic, like I did for my short, is also very useful.

6: DESIGN THE BACKGROUNDS

If you are happy with your storyboard, you can start the production phase. I usually like to start with designing the first background. I find it useful to test if my design choices are good and sustainable. If they are not, it’s not too late to reconsider them and take a step back.

7: CHARACTER DESIGN IN PHOTOSHOP

Create your character’s puppet in Photoshop. Ideally, you will be using this puppet for the majority of the shots. If your character has arms and legs, draw it in “T Pose”, with straight vertical legs and straight horizontal arms.

8: RIGGING YOUR CHARACTER

Import your character into Crazytalk Animator as 3G Free Bone Actor and start adding bones with the Add Bone tool (the first bone should be placed on the hip). Try to use as little bones as possible and add extra ones just if you really need them.

9: RIG IN PHOTOSHOP: PART 1

Click on Launch to External PSD Editor to open your rig in Photoshop: now Crazytalk Animator and Photoshop are connected in real time. The RL_Bone folder contains the anchor points of the bones, the RL_Image Folder contains the sprites controlled by the bones.

10: RIG IN PHOTOSHOP: PART 2

Naming is important! if the name of a sub-folder inside the RL_Image folder in Photoshop matches the name of a bone in Crazytalk, it will generate a new layer in Crazytalk animator that will be controlled by that bone. Name your bones wisely!

11: RIG IN PHOTOSHOP: PART 3

A layer in CrazyTalk animator can host multiple images that can be swapped to create complex animations. In the Stage Mode, right click on your character and select sprite editor: here you can see all the sprites attached to each of your bones.

12: USING THE TALKING HEAD

Now we are ready to work at the head of our character. Download the free PSD learning resources from the Crazytalk animator 3 website. Open the Elastic_folks file and drag and drop the RL_Talkinghead folder onto your character’s project.

13: CUSTOM TALKING HEAD

The Talking Head looks very complex, but it works using the same principles as the body rig. Replace the template images in the Head images sub-folder with your ones. Tweak the bone position in the Headbone sub-folder matching the new facial features.

14: CHARACTER ANIMATION

We set up a very complex rig and we are ready to animate it. Select the 2D Motion Key Editor and open the timeline. Select and move the bones, swap the sprites to change hand shapes or body features. Set keyframes on the timeline and play your animation.

15: MAKE YOUR CHARACTER EMOTIONALLY COMPELLING

If your characters are emotionally engaging, your audience will be more interested in your story and will be more forgiving on technical mistakes. Try to understand the soul of your character. Acting in front of a mirror is a good practice to internalize it.

16: FACE PUPPET FOR MR.BOWLSACC

The Talking Head rig offers different types of animation techniques. I used the real time animation with mouse and keyboard for Mr. Bowlsacc facial animation. It produces slow, fluid and slightly delayed movements that are perfect for calm, peaceful or “slowed down” characters.

17: FACE EDITOR FOR SQUANGY

Squangy, instead, is a stressed-out trickster. His movements are faster and much more dynamic. The Face Key editor feature worked great on him, as I could choose among a dozen of facial expression and swap them very fast with a single click on the timeline.

18: LIP-SYNC

The Talking Head has an auto lip-sync system that works very well and speeds up the animation process. However, don’t be afraid of manually-tweaking the mouth sprites and exaggerate them if this makes your character more interesting.

19: BUILD YOUR SCENE

Now that we explored the most complex part of animating with CTA, we can create out first animated scene. Import your scene elements as props and arrange them in the scene together with your characters. Animate the shot using the techniques we discovered before and export your final animation.

20: PUTTING YOUR SCENES TOGETHER

Now it’s time to do some editing. Follow your storyboard or your animatic. If you want, add special effects using After Effects. Bring your scenes into an editing software such as Adobe Premiere. Remember to add good quality music and sounds. Your animation is finished! Congratulations!

Colin Smith

I just got back from Comic Con last week, and it kind of inspired me for this week’s tutorial. I’m going to show you how to create a comic book look out of a photograph. Learn how to convert a photo to a cartoon, This Photoshop tutorial has three steps to create a retro comic book effect.

  1. Halftone dots
  2. Inked outlines
  3. And flat colors to replicate a comic book effect

This step by step tutorial makes it nice and easy.

Reducing colors

Start with a photograph and duplicate the background layer 2x , just hitting Ctrl J or that would be Command J to make a copy. And, of course, you could also drag it to the New Layer icon, so we’ve got two new layers.

We want to group these 2 layers together. Select them both, right click, and then choose Group from Layers, or you can hit Ctrl/Command G for Group. Now the reason I want to do that is because I want to apply a Blend Mode between the two, but I don’t want to affect all the layers–just these two.

Grab the top one and change the Layer Blending Mode to Hard Mix.

Reduce the Opacity to about 40%. this will give us a nice mix. Notice as we change opacity it starts to reduce the amount of colors very quickly, and that gives us a comic book look.

4. Pop Dots

Now, the next thing that we want to do is we want to apply these little dots on there so that it looks like it’s been printed at a low line screen. Take the group, right click, and choose convert to a Smart Object.

Now we can apply filters to it. So let’s add those little dots that make it look like it’s been printed on a page. So we’re going to go into Filter>Pixelize>Color Halftone. Now, there’s no interactive display on this. You can’t actually see what’s happening as we do it, but right now, the maximum radius is set to 8 pixels. That means that the largest pixel can be 8, but let’s go up to 12.

The only thing is we’re losing a lot of detail because this halftone is just a little too strong. We can blend it with the original image under the Smart Filter that we’ve created.

See that little smart filter in the Layers panel? We can just double click on that, it brings up our blending options. Bring the Opacity down a little bit to about 42%, and then, click OK.

7. Inked Outlines

All right, we’re almost there. The only thing that’s really missing right now are those outlines that define the detail of our super hero.
Go back to our background layer. Just hit Ctrl /Cmd+ J for jump one more time, and drag it to the top.

We’re going to create a line art from this particular layer.Go under Stylize>Find Edges.

Now, this is going to look a little weird at first because there’s a lot of color and stuff, so we need to tweak it a little bit so it’s going to work better, it’s not bad though.

9. Clean up the line art

We want to go in and use levels. Hit Ctrl/Command+L, and we want to do it right on the layer. We could do it as adjustment layer, but in this case, I’m going to do it on the layer. Pull the black triangle to the right, notice how that really thickens the outline, or just makes it much more pronounced.

Of course, you got all these stuff here we need to clean up. We can clean up all these by moving the white slider over.

Notice now that we’ve cleaned up the whites. Grab the midtones, that little gray slider, and as we pull that over to the left, notice it’s going to start to reduce the detail significantly. We’ve got a nice outline so let’s just click OK to apply that.

Convert to Black and White, Cmd+Shift+U – Ctrl+Shift+U on Windows. We’ve got our outline and we want to mix it with our pop dots underneath.

Layer Blend Modes to the rescue. The best blend mode is Overlay.

Notice that black and white lines there with our little dots, and there we go, we’ve got a comic book effect.

I hope you enjoyed this. If you want to become part of the Cafe crew, Subscribe right now, and you’ll get a new tutorial every week, add a comment, share it with your friends, and until next time, I’ll see you at the CAFE.

Don’t forget to check out the website as we add new content every week. You can also find us on social media: Youtube, Facebook, Twitter, Pintrest and Instagram @PhotoshopCAFE.

See you at the CAFE!

If you want to make real comic books, check out this training from Marvel and DC artist, Jeromy Cox. Comic Book Coloring in Photoshop

One response to “How to convert a photo to a comic book, cartoon in Photoshop”

ROFL not even remotely in the same universe as the results i got. for this to work you’d need a photograph pretty much exactly the same as the one you used in the demo.

In this short Photoshop tutorial I will show you how to make a halftone gradient in just one minute. Halftone gradients are very useful especially for creating custom comic books or cartoon comic book effects. You will learn not only to create a halftone gradient, but also how to angle the halftone pattern and how to create a color halftone gradient pattern.

Download this free halftone texture pack (JPG, PNG, PAT)

To make comic book effects you can either create your own halftone texture/dots texture or, you can download one of these pre-made halftone textures from PhotoshopSupply.

Here is a quick way to produce a neat halftone effect in Photoshop that can be used to give your compositions a little more complexity. We will create a halftone gradient texture like this:

Step One – Setup the Document

Start off by creating a new document with the dimensions of halftone texture that you need.

Step Two – Black to White Gradient

Create a new layer and fill it with any color. Then double click on the layer and check Gradient Overlay choosing a black to white gradient. At this point you can change the angle for the gradient to the angle you need for the halftone gradient texture.

Step Three – Apply the Halftone Filter

Select the entire gradient layer and goto Filter > Pixelate > Color Halftone… and fill it in with the settings below.

Step Four – Apply a Pleasing Gradient

Add an Gradient Map adjustment layer and set a red to yellow gradient (#ff0000 to #ffea00). You should get a cool looking halftone gradient texture like this:

And there you have it – a quick and easy halftone effect that you can use to make neat backgrounds!

Pop Art Photoshop

Pixel Photo Effect in Photoshop with Mosaic Filter

If you’re looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

Taking elements from multiple photos and using them to create a new image allows you to create beautiful and startling juxtapositions. It’s a technique that visual artist Temi Coker uses to great effect in his work. In this easy-to-follow tutorial, see how Coker isolated elements from two images to create a brand new composition in Adobe Photoshop.

Former Adobe Creative Resident Temi Coker is a Nigerian-American visual artist who finds joy in merging photography and graphic design; his goals in life are to create and to educate others on how they can merge those media.

Watch a one-minute look at Temi Coker’s process—the steps are written out below.

Before you start.

Use these sample images or practice with your own.

Step 1: Prep your subject

Start by separating the model from the background. Coker used the Quick Selection tool; then he chose Select And Mask. Once in the Select And Mask workspace, he set the View Mode to Overlay and used the Refine Edge Brush to enhance the details of the model’s hair. He then output his selection to a Layer Mask.

Step 2: Add more elements

Next, Coker dragged the flower image onto the model, rotated the image, and moved it into position. He chose the Quick Selection tool and used Select Subject to separate the flowers from the background. He then chose Select And Mask to clean up the selection.

Step 3: Get clear details

In the Select And Mask workspace, Coker brushed over the flowers with the Refine Edge Brush tool to remove the remaining bits of background. To get a better view of the composition while working, set the View Mode to On Layers.

Step 4: Arrange the design

Coker duplicated, rotated, flipped, resized, and moved the flowers layer two more times to create an arrangement around the model. He then added a Curves adjustment layer and modified the tones of the model.

Step 5: Add more warmth

Coker added a new layer above the model layer. He then set the Brush tool to a color he selected from the flowers, and brushed the sides of the model’s face along the edge of the flowers. He blended this effect by option-clicking (or alt-clicking) between the new layer and the model layer to create a clipping mask, and set the Blend Mode to Color Dodge.

If your boss has ever accused you of clowning around in Photoshop instead of doing your real work, this is the tutorial for you! Here’s how to turn anyone (including your boss) into a circus performer.

Step 1: Choose your subject

You’ll find a suitable photograph of your boss (or anyone else you wish to give the clown treatment). Cut it out to remove the background.

Step 2: The white face

Select the face – you’ll find this easiest using QuickMask. Enter QuickMask mode by pressing Q on your keyboard, paint the face area in white, then exit by pressing Q again and the painted area will turn into a selection. Make a new Curves Adjustment Layer, and brighten up the RGB channel by dragging the bottom left corner and lifting it about a quarter of the way up. You’ll also want to increase the Blue and Green a little, to make the face look pure white.

Step 3: Sharpen the face

Load the Adjustment Layer mask as a selection by holding Command/Ctrl and clicking on its thumbnail. Go to the original face layer and use Command/Ctrl J to make a new layer from the selection. Now use Filter > Sharpen > Unsharp Mask to increase the level of detail in the face, which will make it look more like it has been painted over in white.

Step 4: Paint the mouth

Make a selection of the mouth area, and make a Hue/Saturation Adjustment Layer. Check the Colorize button and boost the red amount, increasing the Saturation and lowering the Lightness so you get a good, rich red mouth. Load the mask for this layer as a selection, as in step 3, and make a new layer; set the foreground color to Black, and use Edit > Stroke to add the outline. Set the opacity of the stroke layer to about 60% so it isn’t pure black.

Step 5: Paint the eyes

Make a selection around the eyes – whatever shape you like – and make a Curves Adjustment Layer, darkening the curve to produce this strong effect. Here, I’ve also cloned some forehead over the eyebrows on a new layer, so they look more like they’re obscured by the white paint.

Step 6: Tint the hair

You can add a fright wig if you can lay your hands on one, but here’s a quick alternative. Select the hair, and make a Hue/Saturation Adjustment Layer, checking the Colorize button, to color it bright green. One of the advantages of using an Adjustment Layer is that you don’t need to get the selection area exactly right first time: you can always paint in black to hide it, and white to reveal it, after you’ve applied the effect.

Step 7: Don’t forget the clothes

What use is a clown in a business suit? Hue/Saturation Adjustment Layers are the easiest way to turn that dull suit and shirt into something altogether more circus-like. Add a hat, too, if you can find one.

Step 8: Build a nose

To make the nose, first make a circular selection on a new layer, and fill it with a mid gray. With it still selected, choose Filter > Noise > Gaussian Noise (A). Then choose Filter > Distort > Spherize to wrap that texture into a ball (B), and apply a little blur (Filter > Blur > Gaussian Blur) to soften it (C). Use the Dodge and Burn tools to add some shadow on the bottom of the nose, and perhaps a highlight slightly above center (D). Finally, use Hue/Saturation with the Colorize button checked to tint it bright red (E).

Step 9: Add a shadow

With the nose in place, use the Layer Styles dialog to add a drop shadow, so it looks like it’s right on top of the face.

Step 10: Add a background

Finally, choose an appropriate circus background and place it behind the head. I’ve darkened this one considerably, so that the face stands out from all those bright colors.

2,118 sales

  • Add to Favorites
  • Add to Collection

Photoshop Cartoon Effect

Clone is Photoshop smart plugin for easy creating amazing cartoon from any photo in a minute. This plugin will give you opportunity to be professional digital artist and cartoon portraits and cartoon caricatures without special Photoshop or drawing skills. Join and enjoy!

Plugin works great with absolutely any kind of photographs: people, animals, buildings, objects, etc. Also, it doesn’t matter image size, image resolution and image color mode – the result will be real cartoon with a lot of details for customization.

Simply to install. Only a few clicks to get the plugin ready to use. Easy to use. Just open your photo and click create button. Funny to customize. Use caricature presets to improve your cartoon results. Great for social media. Your friends and followers will love it

Face detection. Your portrait will always look perfect. The plugin uses a neural network for face detection and smart optimizes image parameters and detalization to get the best cartoon results.

Clone Updates

November 25, 2021 – Version 1.2.2

February 27, 2021 – Version 1.2.0

January 6, 2021 – Version 1.1.2

October 10, 2020 – Version 1.1.0

MAC with Apple Silicon M1

If you are using MAC with Apple Silicon M1 and Photoshop from CC 2021 v22.3 and higher, please first install Rosetta as Adobe recommended. Rosetta is not an app that you need to open. Rosetta works automatically in the background whenever you use an app built only for Mac computers with an Intel processor. It translates the app for use with Apple silicon. You can find all detailed information here:

From our side, Profactions team are already working on adapting all our products to the M1 compatible format (UXP format). You will definitely receive a notification as soon as the update is ready. Be free to contact us with any questions.

Profactions Support

If you have any questions or need help with Profactions actions, please firstly ensure you have viewed Helper.txt file with instructions and reccomendations (you can find it in each action archive) and watched video tutorials on Profactions Youtube cannel.

If you are still having issues or questions, please email to [email protected] or send message on Profactions Facebook page. Everyday our actions buy a lot of people. But a very few people of them face any little problems. And be sure, we solve these customer’s questions in 100% of cases.

Featured by Profactions

For more Photoshop effects check out Profactions portfolio

Convert a photo to a cartoon and make a caricature of yourself – it’s super easy!

Just upload your portrait photo to the service and get a number of breathtaking face changes: face morphing, changing face expression, and facial animation! This means your lips, cheeks, eyebrows, and eyelids will really be moving! And all this takes less than a minute!

The image in the model is taken from Pexels and the link is here

Convert Your Photo into A Cartoon style

Convert Your Photo into Animated Face Animation

Convert Your Photo into Animated Face Animation like Smile Face, Sad Face, Squint Eyed Facial Animation, or Wink, or Flirt Facial Animation in Seconds.

Convert Your Photo into Caricature

Convert Your Photos into a Caricature Effect like Troll, Alien, Martian or Bulb Head, Tough Guy or Fat-cheeked in seconds.

2. Photocartoon

Photocartoon is a free online service that allows you to convert your photos into cartoons, paintings, drawings, caricatures and apply many other beautiful effects.

3. Anymaking

AnyMaking free online photo editing software makes beautiful artworks from your everyday pictures! Select any funny photo editing tool, upload your picture and that’s it!

4. Toon Artist Photoshop Action

Designed exclusively for Adobe Create by Nuwan Panditha (also known as BlackNull), this free Photoshop action is easy to install and run—and it turns your portrait photos into very shareable (and even frameable!) cartoon-style illustrations.

“Sketch” and “paper” go together like peanut butter and jelly, coffee and cream, and Sonny and Cher. (Okay, bad example.) But the next-generation of sketching uses a Wacom stylus and tablet and Photoshop instead of the traditional pencil and pad. The advantages? Digital sketching allows you to create your desired image and experiment with an endless variety of brushes, colors and styles—easily, naturally and without consuming valuable materials. Pretty cool, huh?

Just follow these simple steps, and you’ll be on your way to Photoshop sketching awesomeness just using the brush tool and the layers palette.

Step 1: Start with a clean canvas.
Open a new file in Photoshop, choosing the options that are right for you. I set my image size to 8 x 8 inches and the resolution at 300 pixels/inch or “dpi”. A resolution of at least 300 will ensure that we can print a nice clear copy of our sketch when we’re done. After you’ve made your selections, click OK and a blank canvas will appear.

Step 2: Layer it on.
On the right side of the Photoshop window, below the color palette, is the layers palette. Because the file has just been created, there is only one layer: the solid white “Background.” Click the icon at the bottom of the Layers palette that looks like a square with a folded corner to create Layer 1. Think of this new layer as a piece of clear glass on which we’ll be sketching.

Step 3: Brush up on brushes.
Click on the icon that looks like a small paintbrush to select the Brush tool.

Choose a size that’s similar to your favorite drawing tool by going to the Options bar. I’m a big fan of ballpoint pens, so I’ll be using a brush size of 10.

Next, choose the brush’s hardness, which determines whether the edge of the brush is hard or soft, by clicking on the small down arrow next to the brush size. For sketching, I like to use a hard-edged brush, so I’ll leave this at 100%.

Now set the opacity, how opaque or translucent your lines will be. If you want to replicate pressing hard on a pencil, raise the opacity. If you want to mimic drawing lightly with a pencil, set it in the 20% range. Just like a pencil, you’ll be able to build up the line over itself and darken areas as you go.

Step 4: Make your mark.
Start sketching! Just as you would with traditional media, keep your grip light on the Wacom stylus during sketching. (Pressing down with different levels of pressure on the tablet will adjust your brush size, but not the opacity of the brush.) Keep initial lines loose, exploring the shape. It may be tempting to look at the tablet as you draw, but with practice you’ll be able focus your attention on the screen.

Step 5: Take charge of the screen.
Now, here’s one of the best parts of sketching in Photoshop with a Wacom tablet: You can zoom in and rotate the screen! Press “R” to turn on the Rotate tool then click and drag the hand image to rotate to the desired angle. Click on the magnifying glass icon at the bottom of the toolbar to zoom in and hone those finer details.

Step 6: Embrace the erase.

Here’s what I created once I rotated my drawing and zoomed in a bit:

Whoa, this guy is weirding me out! Good thing I can erase.

Click the Eraser tool (the 11th icon from the top in the tool bar—it looks like a box), select the size you want, and “draw” it over anything you want to get rid of. Or do it the easy way and flip your Wacom stylus upside down. It will automatically become an eraser!

Step 7: Admire your handiwork.
Congrats! You’ve just completed your first sketch in Photoshop.

The next step is to add more details and color to really finish the drawing. We will provide more direction on how to ink over your sketch, add color and get it ready to print in future posts. In the meantime, have fun exploring the endless possibilities in Photoshop.