Back to Blog Index

What's the Difference Between Procreate, Photoshop, and Illustrator

Which program should you use for design: Photoshop, Illustrator, or Procreate?

There have never been more tools at your disposal to create artwork for animation. But which one should you choose? Is Photoshop, Illustrator, or even Procreate your go-to app of choice? What are the differences—and similarities—between the different programs? And which will be the best choice for your style? 

In this video you'll learn the strengths and weaknesses of the 3 most widely used design apps on the planet: Photoshop, Illustrator, and Procreate. Plus you'll see how they can all work together in tandem. 

Today we’re going to explore:

Getting Started in Design and Animation?

If you’re just getting started with digital artistry, it can be tricky to figure out what options are available to you. Are you a designer? An animator? A—gasp—MoGraph Artist? That’s why we put together a FREE 10-day course: the Path to MoGraph

You'll get to see a project from start to finish, from initial design all the way to final animation. You'll also learn about the types of careers available to designers and animators in the modern creative world.

The difference between vector and raster artwork

The first big difference between these three apps is the type of artwork each is best at creating. Broadly speaking, there are two kinds of artwork in the digital realm: raster and vector.

Raster Art

Raster artwork is digital art composed of vertical and horizontal pixels of various values and colors. Depending on the PPI—or pixels per inch—this artwork can be enlarged without losing too much quality. However, Raster artwork has a limit on how far you can enlarge or zoom in on your art before you’re left with a blurry mess. 

Vector Art

Vector artwork is digital art created using mathematical points, lines, and curves. This enables the images to be scaled infinitely, since the app simply has to recalculate for the new dimensions. That means you can enlarge these images to whatever size you need without sacrificing quality. 

While Photoshop and Illustrator can work with either format, they are optimized for specific purposes. Photoshop—with its near infinite selection of brushes, excels at Raster art, while Illustrator is built around Vector designs. Procreate, on the other hand, is currently Raster only. 

Given that Procreate is really built around doing illustration and creating realistic brush strokes and textures, this makes sense.

Each app has its own strengths, so let's go through them and talk a bit about when you might want to use one over the other.

When Should You Use Adobe Illustrator

Adobe Illustrator is optimized for vector graphics, which gives you the ability to create sharp, refined designs that can scale to any size. You’ll most often jump into the app for one of five reasons:

  1. If you need artwork to be used at huge resolutions—such as logos or large prints—vector artwork can basically be scaled to infinity.
  2. Vector artwork makes it easy to create shapes, as many of the tools in Illustrator are designed for rapid shape creation and refinement.
  3. When animating in After Effects, Illustrator files can be used in "continuous rasterization" mode, which means you'll never lose resolution.
  4. Illustrator files can also be sent over to Photoshop as smart files for a quick touch up.
  5. Finally, Illustrator files (and vector art in general) is great for setting up Storyboards.

When Should You Use Adobe Photoshop

Photoshop was originally designed to touch up photographs, so it is optimized for real images (or to mimic real camera effects). It is a versatile program for raster images, so you’ll likely use it for:

  1. Applying effects, adjustments, masks, and other filters to images
  2. Creating raster art using a nearly limitless collection of realistic brushes and textures. 
  3. Selecting or modifying images using a wide variety of built-in and downloadable filters—far more than what is available in Illustrator.
  4. Touching up images for use in After Effects, or tweaking files from Illustrator before you finish them off in a different app.
  5. Animation—While Photoshop doesn’t have quite the flexibility of After Effects, it comes with tools for doing traditional animation.

When Should You Use Procreate

Procreate is our go-to application for illustrating on the go. It is always at the top of our must have apps for iPad—although it is not as optimized for animation. Still, if you have an iPad Pro and an Apple Pencil, this is an incredibly powerful tool. 

  1. Procreate is, at its core, an app for illustration. It's the clear winner when you need to illustrate something.
  2. By default, it comes with more natural and textured brushes than Photoshop (though you can download new ones for each app). 
  3. Even better, you can quickly import and export files from Photoshop (or to Photoshop) to continue the artwork in another app. 

Procreate has some rudimentary Animation tools, and a new 3D paint function. The developers of Procreate are adding new features all the time, and we expect it will just continue to get more and more powerful.

How You Can Use All Three Apps Together

Most projects—especially if you're working in the world of animation—will require using more than one app. We thought it might be helpful to look at an example in which you'd use all 3 apps together, eventually bringing the results in After Effects for animation.

Draw a background in Illustrator

Since Illustrator is really made for creating shapes, this is a great tool for quickly designing some elements for our background that we can scale up and down depending on how the final composition comes together. 

Bring elements into Photoshop

Now let’s bring these elements together in Photoshop. We find that the tools in Photoshop allow a smoother workflow when combining the vector elements from Illustrator and raster images from your stock image site of choice. 

Add hand-drawn elements in Procreate

We wanted to add some hand-drawn characters to add a little artistic flair to our Mario® inspired design, so we went to Procreate. 

Bring it all into After Effects to animate

Now we just bring all these files into After Effects (and if you need a hand with that, we have a tutorial to show you the easiest method), add some simple movement to the clouds and Goomba, and we’ve animated our work in no time at all!

So there you go, I hope you have a much better understanding now of how these three design programs can be used both on their own and together to play to their strengths.

Thanks so much for watching, make sure to like this video and subscribe to our channel so that we can teach you even more design and animation tips. Head to School of Motion dot com to learn about our interactive online curriculum, and leave a comment if you have questions.

Photoshop illustrator unleashed promo

If you want to learn how to use Photoshop and Illustrator from one of the best teachers on the planet, check out Photoshop and Illustrator Unleashed from School of Motion. 

You'll learn how to use most of the common features in both apps, and you'll learn how they're used to create artwork that can eventually be animated. It's part of the core-curriculum at School of Motion, and one of the best investments you can make in your career.


Dive into real-time 3D with our Unreal Engine beginner's course by Jonathan Winbush. Master importing assets, world-building, animation, and cinematic sequences to create stunning 3D renders in no time! Perfect for motion designers ready to level up.

Explore this Course

Unlock the secrets of character design in this dynamic course! Explore shape language, anatomy rules, and motifs to craft animation-ready characters. Gain drawing tips, hacks, and Procreate mastery (or any drawing app). Ideal for artists seeking to elevate their craft.

Explore this Course

Elevate your freelance motion design career with our guide to client success. Master a repeatable method for finding, contacting, and landing clients. Learn to identify prospects, nurture leads, and develop a thriving freelance philosophy amidst chaos.

Explore this Course

Rev up your editing skills with After Effects! Learn to use it for everyday needs and craft dynamic templates (Mogrts) for smarter teamwork. You'll master creating animated graphics, removing unwanted elements, tracking graphics, and making customizable templates.

Explore this Course

Stand out with Demo Reel Dash! Learn to spotlight your best work and market your unique brand of magic. By the end, you'll have a brand new demo reel and a custom campaign to showcase yourself to an audience aligned with your career goals.

Explore this Course

Illuminate your 3D skills with Lights, Camera, Render! Dive deep into advanced Cinema 4D techniques with David Ariew. Master core cinematography skills, gain valuable assets, and learn tools and best practices to create stunning work that wows clients.

Explore this Course

Master After Effects at your own pace with Jake Bartlett's beginner course. Perfect for video editors, you'll learn to create stylish animated graphics, remove unwanted elements, and track graphics into shots. By the end, you'll be equipped for everyday AE needs and more.

Explore this Course

Revolutionize your Premiere workflow with customizable AE templates! Master creating dynamic Motion Graphics Templates (Mogrts) in After Effects to speed up your team's work. By the end, you'll craft easily-customizable templates for seamless use in Premiere Pro.

Explore this Course
Your download is in your inbox!!!
Check your email (spam, too) for the download link!
Please check the spam folder if you don't see the message within a minute or two. Google likes to hide your downloads, sometimes.
Oops! Something went wrong while submitting the form.

Not sure where to start?

If you’re a beginner, here are some great courses to help you get started:

After Effects Kickstart

Dive into the fundamentals of motion design with our most popular (and recently updated) After Effects course.


Photoshop + Illustrator Unleashed

Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.


Design Kickstart

An introduction to the design principles behind all great work.


More Advanced?

If you’re a more advanced student looking to up your game, here are some great options:

Animation Bootcamp

Learn the art and principles of creating beautiful movements in Adobe After Effects.


Design Bootcamp

Learn to design for motion in this intermediate-level, project-based course.


Cinema 4D Basecamp

Learn Cinema 4D from the ground up in this exciting introductory C4D course.


Now is the time to learn the skills you need to advance in your motion design career: