The Beginner’s Guide to Color Management with Adobe Creative Cloud Apps

20 Best Animation Software for Beginners [Free & Paid]

Animated visuals are a lot more engaging than plain, static images. In fact, they generate the highest number of shares on social media compared to other forms of visual content.

Some of the best animation software in the market are Visme, Adobe Animate, Adobe Character Animator, Pencil2D, Biteable and Animaker.

In this guide for beginners, we’re going to explore these options and more to help you find the best animation software for your needs.

So, if you’re (seriously) interested in animation, you’ll need this guide.

Let’s get started.

20 Best Animation Software for 2022

Software #1: Visme

Visme is a cloud-based, online design tool that lets anyone create animated social media images, infographics, presentations, ads, banners and other visuals.

It comes packed with animation and interactivity features to help you create eye-catching designs that do much more than just static images.

Visme’s animation software lets you access thousands of premade templates, a library of free stock photos and videos, customizable pre-animated characters, illustrations and gestures, and much more.

Features:

Friendly and intuitive drag-and-drop editor.

Thousands of animated templates in various categories.

Customizable pre-animated assets: Characters, illustrations and gestures.

Animation timeline feature to customize scenes and sync audio.

14+ different types of animated charts, graphs and maps.

Advanced custom animation that can be applied to any object.

Interactive links, call-to-action buttons and hover effects.

Searchable libraries of free stock photos, videos, icons and shapes.

Import your own images, videos and fonts.

Embed videos and other online content into your designs.

Team collaboration features: Share your projects.

Brand kit: Save your brand colors, fonts and logos for later use.

Insightful analytics: Access graphs and statistics for project views.

Offline animated download formats: GIF, MP4 video and HTML5.

Publish and share online: Use a link or generate an embed code.

Pricing: Free plan with limited features. Paid plans start from $15/month per user, billed annually.

Pros: All-in-one design tool packed with animation and interactivity features, great for both non-designers and designers, millions of free graphic assets inside the editor.

Cons: A variety of design and customizability options can lead to a slightly steep learning curve.

Ideal for: Marketers, corporate teams, teachers, trainers, personal use.

Spice up your designs with animated illustrations Animated gestures to bring your designs to life

Add animations into any content, from presentations to infographics and more

Customize illustrations to match your brand colors Sign up. It’s free.

Software #2: Adobe Animate

Adobe Animate is a new and improved version of Adobe Flash Professional. The software lets you create interactive vector graphics and 2D animations for videos, ads, games, television and more. You can animate characters, avatars, shapes and other assets using timeline controls.

Features:

Vector brushes with size, smoothness, pressure and velocity settings.

Intuitive timeline controls with advanced animation settings.

Virtual camera feature that lets you add pan, zoom and other effects.

Synchronize audio with your animations and create audio loops.

Typekit integration gives you access to premium web fonts.

Export in Flash, HTML5 Canvas, WebGL, SVG and more.

Pricing: Starts from $20.99/month.

Pros: Extensive export and sharing options to publish your animations in virtually any format for any platform.

Cons: Just like any other Adobe software, Animate has a steep learning curve, especially for beginners.

Ideal for: Game designers, YouTubers, cartoon makers.

Software #3: Adobe Character Animator

Adobe Character Animator is another one of Adobe’s animation software stack. But unlike Adobe Animate, Character Animator lets you use motion capture to create live animations of your 2D characters. For example, you can create a character in Illustrator or Photoshop, import it into Character Animator, set it up with tags and then animate it using your own facial movements using your webcam.

Features:

Real-time motion capture and automatic facial tracking.

Download characters from Creative Cloud Market.

Integration with Photoshop and Illustrator.

Move the character’s limbs with your mouse.

Timeline panel for recording and editing scenes.

Pricing: Included in the Creative Cloud All-Apps Plan that costs $52.99/month.

Pros: Easy to replicate real-life movements and expressions with facial tracking. Plenty of import and export options.

Cons: This software is available as part of the all apps pack, not as a standalone product. Also, you need to have a webcam and microphone to use the motion capture feature.

Ideal for: Bloggers, marketers, entertainers, educators.

Software #4: Blender

Blender is an open-source video editing software that lets you have total control over your animations. The tool offers advanced command line and programming features for rendering, modeling and creating 3D animations. It works across different operating systems, so you can use it on Linux, Windows and Mac.

Features:

Powerful rendering, modeling and sculpting tools.

Advanced animation and rigging tools.

Draw and edit in 3D mode.

Video editing and VFX, including motion tracking, masking and compositing.

Powerful and realistic simulation tools.

Extensive Python API for scripting and customization.

Customizable user interface, window layout and shortcuts.

Pricing: Free.

Pros: It doesn’t cost anything to use Blender. Also, advanced animation and rendering tools make it fit for both beginners and expert users.

Cons: Blender has a very steep learning curve as it’s packed with so many features. Beginners will be overwhelmed and might need to spend hours on tutorials before getting it right.

Ideal for: Animators, engineers, scientists, artists, students.

Software #5: VistaCreate

More than just your basic animation software, VistaCreate features an extensive library of animated templates and thousands of pre-animated objects and characters. The tool lets you create animated ads, square videos and even Facebook covers with no design skills.

You can also combine videos and animated GIFs with your images, such as a moving background, to create short and eye-catching video posts for social media.

Features:

Thousands of animated templates to use and customize.

Access to over 50 million stock photos.

Library of videos and animations to use in designs.

Upload your own fonts, graphics and animations.

Download in MP4 video format.

Share your animated video directly to social media.

Pricing: Free plan with limited features. Pro plan starts from $10/month, billed annually.

Pros: Create animated video artworks in various formats; stories, presentations, social media. Has a mobile app to create designs on the go.

Cons: The free version gives you access to limited storage and creative assets.

Ideal for: Marketers, small business owners, freelancers.

Software #6: Adobe Creative Cloud Express

If you’re looking for a very basic animation software to create video posts for social media, Adobe Creative Cloud Express can help you do that right from your phone.

Use the Adobe Creative Cloud Express iOS app to create short videos with animated text and photos by choosing a template, and customizing it using one of the few animation styles available. As of now, you can only access the animation feature on mobile, not on the desktop app.

Features:

Access customizable templates in various formats.

Sync your designs across multiple devices.

Create animated posts on the go with the iOS app.

Thousands of free images and icons.

Download as an MP4 video or share online.

Pricing: Adobe Creative Cloud Express has a free plan. Paid plans start at $9.99/month.

Pros: Create animated social media posts on the go with the iOS mobile app. Simple, easy-to-use interface. Sign in with your Adobe account.

Cons: Lack of advanced animation features. Animations only available in the iOS app, not in Android or Web version.

Ideal for: Freelancers, marketers, bloggers.

Software #7: PosterMyWall

This animation software is straightforward and incredibly easy to use. You don’t even need to sign up to start editing a template. PosterMyWall lets you design promotional posters, graphics and videos using a large library of templates and stock videos.

What makes PosterMyWall stand out among other tools is that it lets you download your designs as high-quality videos, including 4K and Full HD. You can also send them off for printing if you’re living in the US.

Features:

Large collection of animated video templates.

Thousands of stock videos to use in your designs.

Bulk printing for your designs on various materials.

Download your videos in 4K and Full HD quality.

Save as high-quality MP4 and GIF files.

Share your designs with a link or embed online.

Pricing: Free plan with free social media downloads. Premium plans start from $9.95/month.

Pros: Create animated videos in high quality; 4K and Full HD. Start editing a template in your browser without signing up.

Cons: Download options are limited in the free plan. Limited animation features.

Ideal for: Individuals, businesses.

Create engaging animated content with Visme Add animated icons and illustrations

Increase interest and engagement through your design

Add enter and exit effects to create fully animated content Sign up. It’s free.

Software #8: PixTeller

PixTeller’s animation software is great for both business and personal use. It’s a good alternative for a full-featured video editing tool if you’re looking for something more basic.

You can create short animated videos in PixTeller by setting frame-by-frame motions, and then editing the attributes of each frame, such as colors, rotation, opacity and more.

Features:

Hundreds of pre-animated templates to customize.

Customize a frame by frame timeline.

Unique text effects to make your animations pop.

100,000+ shapes to add to your animated videos.

Share the URL of your video to specific people.

Download in MP4 video and GIF formats.

Pricing: Their basic paid plan doesn't come with animation capabilities. The paid plan with animation features starts from $12/month, billed annually.

Pros: Create animated posts and banners by editing a frame by frame timeline.

Cons: Lack of advanced animation features. Option to download as MP4 or GIF only available in the paid plan.

Ideal for: Marketers, freelancers, bloggers.

Software #9: Animatron Studio

This a great option if you’re looking for a feature-rich animation software. Animatron Studio offers a huge gallery of pre-animated elements and templates to help you create explainer videos, HTML5 banners, ads and more.

The customizability options are near endless—you can even customize the expressions of the characters. If you’re looking for a less robust version, you can also check out Animatron Lite.

Features:

Thousands of pre-animated objects, characters and more.

Extensive customizability options.

Import, place and edit your own graphics.

Built-in voiceover features to add narration.

Real-time collaboration and comments.

Export to HTML5, MP4, SVG and GIF formats.

Share online with a link or use an embed code.

Pricing: Animatron has a "Lite Mode" with is free with limited features. Paid plans start from $30/month, billed annually.

Pros: Advanced customization options for all pre-animated characters and objects. Download your designs in several popular formats.

Cons: Interface can be glitchy, no free stock videos available inside the software.

Ideal for: Marketers, corporate teams, educators, freelancers.

Software #10: Biteable

If you want to create bite-sized, animated videos like promos, ads and social media videos, Biteable is a good option. It lets you share and download animated videos by editing one of their premade templates.

You can also look through thousands of stock footage clips and scenes to put together an entirely customized video. Biteable also lets you share your project with teammates with its collaboration features.

Features:

Browse hundreds of professional video templates.

Access thousands of stock footage clips and animations.

Add audio tracks using a huge library or upload your own.

Share your video project with other team members.

Publish your video on Biteable with privacy controls.

Download your designs in Full HD MP4 video format.

Share directly to social media, or use a link or embed code.

Pricing: Free plan with limited features. Paid plans start from $49/month, billed annually.

Pros: Make all kinds of marketing videos, including explainers and demos. Access thousands of stock footage clips to create something unique.

Cons: You can only download in MP4 video format. Free plan exports come with a watermark.

Ideal for: Marketers, trainers, educators.

Software #11: Animaker

Animaker is ideal for businesses and educators who want to create interactive presentations and videos. This animation software comes with a large library of templates and pre-animated elements, including illustrations, characters and gestures.

Features:

Large collection of animated templates and assets.

Six unique video styles to edit and remix.

Pro-level animation features like Curve, Camera In and Out.

200+ music tracks and sound effects to add to your videos.

Enterprise and team management features.

Upload directly to YouTube and Facebook or share URL.

Download in MP4 video and GIF formats.

Pricing: Free plan with limited features. Paid plans start from $10/month, billed annually.

Pros: Create animated videos for all kinds of business or personal uses. A variety of video styles, including several for whiteboard videos.

Cons: Only 5 watermarked downloads in the free plan. Only good for creating videos, not animated images.

Ideal for: Marketers, presenters, freelancers.

Software #12: Canva

Canva is a popular online design tool that has recently introduced a few basic animation features. It lets you download your graphic designs as a GIF or video by choosing one of the six animation styles available in the app.

Features:

Thousands of editable templates in various categories.

Millions of free and paid photos, icons and other assets.

Six different animation styles to choose from.

Invite team members and share your brand elements.

Organize your designs into folders.

Download your animated designs in GIF and MP4 video formats.

Pricing: Starts from $12.99/month or $119.99/year.

Pros: Pay-per-use graphic assets. Good for adding basic animation to images.

Cons: No custom animation capabilities. Limited animation features in the free plan.

Ideal for: Marketers, bloggers and small business owners.

our browser does not support the video tag. Ready to create your own animated designs? Customize thousands of premade templates

Access animated characters, gestures and illustrations

Add interactive buttons, links and hover effects Sign up. It's free.

Software #13: Easil

Easil is another web-based design tool that also supports GIF downloads. However, the only way to make an animated GIF in Easil is by duplicating an image frame several times and making edits to each frame.

Features:

Thousands of editable templates in various categories.

Brand kit feature to save your brand colors, colors and logos.

Creative text effects like drop shadow and masks.

Resize templates and designs for social media or print.

Create color schemes with the color palette generator.

Team and sub-team sharing features.

Download animated GIFs.

Pricing: Starts from $7.50/month per user, billed annually.

Pros: Plenty of features for team sharing and enhancing your visual brand.

Cons: The only way to create an animated GIF is to duplicate an image several times and make changes to each “frame”. No GIF download option available in the free plan.

Ideal for: Brand managers, marketers, bloggers.

Software #14: Pencil2D

Pencil2D is an open-source animation software that lets you create 2D animated characters using vector drawing tools and traditional animation workflows. It works on all the popular platforms, including Windows, MacOS and Linux.

Features:

Simplified user interface that’s easy to use for beginners.

Customizable toolbar to fit your own creative process.

Layers panel for bitmap, sound, camera and vector layers.

Timeline and keyframes to add, subtract and duplicate frames.

Versatile drawing tools to help you create vector drawings.

Various export formats; GIF, MP4, AVI, WEBM and more.

Pricing: Free.

Pros: It’s free to use and cross-platform, so it can work on any operating system. Simple and minimalistic editor to help you create traditional, hand-drawn animations.

Cons: Pencil2D is great for simple drawings, but lacks advanced animation and character building tools. It’s not ideal for complex or modern-style animations.

Ideal for: Digital artists, cartoon makers, game designers, basic animators.

Software #15: Powtoon

Powtoon is an online animation software that lets you create fun, interactive videos with animated characters and premade graphic assets. It’s a great tool for making video presentations, explainer videos and whiteboard animations.

Features:

Dozens of premade templates spread across five categories.

Thousands of built-in graphics, animated characters and more.

Advanced animation controls and character customization.

Choose from built-in audio, record audio or upload audio files.

Screen and webcam recording to create tutorials and video presentations.

Import and edit Photoshop and PowerPoint files.

Download in various formats or share directly to social media.

Pricing: Limited free plan. Paid plans start from $19/month, billed annually.

Pros: Easy to use tool for beginners. Plenty of built-in graphic assets. Advanced character customization.

Cons: Limited options for built-in music. Advanced features and removing the watermark are locked for free users. Working on heavy projects can slow down Powtoon’s editor.

Ideal for: Marketers, presenters, educators, trainers.

Software #16: Procreate

Procreate is one of the most powerful and intuitive software that uses frame-by-frame animation techniques. It gives users all the benefits of working digitally while recreating the familiar experience of pencils, pens and paint on paper. Thus, making it an excellent tool for beginners.

If you already have an iPad and an Apple pencil, download the app from Apple Store and start creating animations.

Features:

Get the perfect shape every time with the QuickShape feature.

ColorDrop feature to quickly pick any color you want.

Extra special FX to add gorgeous finishing touches to your work.

Gaussian, motion and perspective blur.

Complete font control to add gorgeous typography to your design.

Paint with filters to add perfect finishing touches to your artwork.

Pricing: Procreate comes with one-time pricing of $9.99 exclusively from the Apple Store. No subscription.

Pros: Simple and easy-to-use interface. Wide range of brushes and an option to import Photoshop (.abr) brushes into your app. 120hz performance to take full advantage of Apple’s ProMotion technology.

Cons: Only works with iPad and Apple pencil. It works in pixels, so you can’t create vectors. Difficult adjustment layers.

Ideal for: Beginners, freelancers and hobbyists.

Software #17: Clip Studio Paint

Clip Studio Paint is an all-in-one animation solution that lets you create comics, general illustration and 2D animation. The software is compatible with macOS, Windows, iOS, iPad, Android and Chrome OS.

Thus, if you can manage to use its slightly confusing user interface, then Clip Studio Paint can be one of the best animation tools for you.

Features:

Adjustable pen pressure to recreate the natural, high-quality lines of pen and paper.

Automatically taper the beginning and end of brush strokes and reduce shaky and wavering lines.

Use 3D references for accurate compositions.

Light table function for free reference specific keyframes while inbetweening.

Drawing frames between keyframes

Pricing: Free trial up to 6 months. Clip Studio Paint EX plans start from $53.94/year.

Pros: Multiple export options and advanced vector toolkit. AI technology, 3D Capability, Bundles of brush options, drawing flexibility.

Cons: Stifling Pro or Ex prices. Lack of audio support. Slightly confusing UI. No rigging tools.

Ideal for: Beginners, hobbyists and professionals.

Software #18: CelAction2D

CelAction 2D is another powerful animation tool that gives you all the quality of hand-crafted animation. With four editions available — Studio, Professional, Animator and Educational — the software has something for everyone. The tool interoperates well with other software, helping you to choose the best tools for your production pipeline.

Furthermore, you can import 3D CGI models in CelAction2D and position them anywhere in a fully 3dimensional space.

Features:

The software features a dockable tool panel that allows you to work on multiple monitors and increase productivity.

More than 60 special effects to make your animation visually rich with minimal effort and time. Moreover, you can create special effects and save them in the library for reuse.

Advanced Inverse Kinematic Tool that helps you pose your character and model.

You can import drawing assets from other software such as Illustrator, Adobe Photoshop, GIMP and others.

The 2D animation can be rendered in NTSC, PAL and HDTV format and at any resolution.

Pricing: There are four editions of CelAction 2D. The perpetual license for CelAction Animatic is $449/year.

Pros: Supports large teams. Import your scanned sketches, photos or even 3D CGI and animate them quickly.

Cons: No cross-platform support; works only with Windows. No drawing tools.

Ideal for: Digital artists, cartoon makers, animators.

Software #19: Synfig Studio

Synfig Studio is a more robust tool than the other open-source and free animation software in the market. It gives you advanced controls that help you create high-quality animation exceptionally quickly. It’s a tweeness animation system designed to speed up the animation process by using sprites and digital tweening.

If you want to experiment with newer features, Synfig Studio is best for you. Also, it’s a great alternative to Adobe Animate.

Features:

Transform any vector shape into another with the Vector tweening feature. Thus, eliminating the need for manual tweening.

50+ layers and filters to create complex animation.

Additional Skeleton Distortion layer to apply complex deformations to bitmap artwork.

Vector animation with Lottie export.

Built-in feature to upgrade the animation output using automatic friction effects.

Supported on Mac, Windows and Linux.

Provides advanced controls like link parameters for various layers.

Pricing: Free and open to use by anyone.

Pros: Free and open-source. Yet, you will get advanced animation tools that are fit for both beginners and experienced animation enthusiasts. Free video tutorials for an in-depth understanding of the software.

Cons: Software sometimes crashes. Steep learning curve. The user interface is not very intuitive.

Ideal for: Beginners, solo artists and experts.

Software #20: KeyShot

KeyShot is an easy-to-use, advanced, simplified animation software that helps users create photorealistic, scientifically accurate animations. The tool is well-known for its high-quality 2D and 3D animations without an additional graphics card.

Additionally, it supports 30+ types for rendering 3D animation and comes with interactive labeling, texture mapping, physical lighting, and more.

Features:

750+ templates to help you differently style your animation.

Real-time 3D image rendering workflow.

More than 30 3D file formats.

Adjust and light your scene as per your requirement with its HDRI lighting.

Create interactive, touch-enabled visuals for mobile and web.

Still image animations, interactive web content and mobile content.

Pricing: Plans start from $99/month billed annually.

Pros: Works with both Mac and Windows. Import and export a wide range of model formats. Detailing, accuracy and realism in visualization are unmatched.

Cons: Not a friendly user interface for beginners. Framing, sizing and resizing the window sometimes get complicated. 3D animation is difficult to grasp for a novice.

What is the Best Animation Software?

Choosing the best animation software can be confusing, especially if you’re a beginner and you’re looking for an easy, affordable option that scales with your needs.

For beginners who want to create animated content for marketing and internal communication purposes, we recommend Visme.

With Visme, you can create animated GIFs, marketing videos, explainers, animated charts and graphs, interactive documents with live data and more.

The best part? You don’t need to be a designer or animation expert to use Visme — the drag-and-drop editor works in your browser and makes animation a breeze!

If you’re ready to create animated and interactive content of your own, sign up for a free Visme account and test it out for yourself.

Requirements—ArcGIS Maps for Adobe Creative Cloud

ArcGIS Maps for Adobe Creative Cloud is an extension for Adobe Illustrator and Adobe Photoshop that allows cartographers and graphic designers to design compelling visuals using data-driven maps and layers from ArcGIS. You can find, import, and create geographic content to add to your artwork as editable vector layers and high resolution images.

Before you install and start using the Maps for Adobe Creative Cloud extension, verify that the required software is properly installed and that you have the necessary account.

Tip: In ArcGIS Online, you can confirm your account access by looking for Maps for Adobe Creative Cloud in the app launcher or your user profile where it's listed among other licenses included with your user type. If you're an organization administrator, you can see it in the licensing page.

Required software Maps for Adobe Creative Cloud version 3.3 requires one of the following host apps to be installed on the system: Adobe Creative Cloud 2020 is no longer supported. Adobe Illustrator 2021 (version 25.3.1) - 2023 (version 27) Adobe Illustrator 2021 (version 25.4.0 - 25.4.4) macOS version is not supported.

2021 (version 25.3.1) - 2023 (version 27) Adobe Photoshop 2021 (version 22.0) - 2023 (version 24) To use the extension on a Mac computer powered by the Apple silicon M1 chip, open Photoshop using Rosetta. (Currently, Maps for Adobe Creative Cloud doesn't support Photoshop natively on Apple M1.)

Account types You can use Maps for Adobe Creative Cloud by signing in with a supported account type, including Plus and ArcGIS organizational accounts. When you sign in with an ArcGIS account, you can also access content in your ArcGIS organization. Tip: If you don't have an account, you can sign up for a 21-day trial subscription to try full capabilities for free. See the functionality matrix for a comparison of capabilities based on account type. The following accounts are supported by the extension: Plus —Provides commercial-grade access at a low month-to-month cost to premium maps and layers in ArcGIS Online and advanced mapping features within the extension. You can subscribe and pay for your Plus account directly and securely through the Maps for Adobe Creative Cloud sign-up page.

—Provides commercial-grade access at a low month-to-month cost to premium maps and layers in and advanced mapping features within the extension. You can subscribe and pay for your Plus account directly and securely through the sign-up page. ArcGIS Online or ArcGIS Enterprise —Signing in with your ArcGIS organizational account allows access to all the extension's content and advanced features, based on the privileges associated with your assigned user type. (Despite your user type, however, ArcGIS Online organization administrators can block organization access to Maps for Adobe Creative Cloud .) You can create and pay for an ArcGIS organizational account using the Esri Store. ArcGIS enables you to connect people, locations, and data using maps. You can work with smart, data-driven styles and intuitive analysis tools that deliver location intelligence, and share your insights with the world or specific groups. ArcGIS Enterprise on Kubernetes is not currently supported. For more information, see ArcGIS Enterprise support.

The Beginner’s Guide to Color Management with Adobe Creative Cloud Apps

Editor’s note: Thanks to our friends at Red Digital Cinema, Adobe, and Mixing Light for sharing their expertise for this article and the Frame.io Workflow Guide.

If you’ve ever been cutting a sequence and thought “this footage looked different on my other computer,” or sent footage off for VFX work only to get it back with wonky colors, then you’ve been on the receiving end of bad color management.

Color management may not be as viscerally exciting as other post-production topics, but not implementing it in your workflow can cause irreparable damage to your projects, your professional reputation, and your psyche.

For today’s article, we’ll break down the key concepts of color management, what you’ll need to set it up for your workflow, and guide you step by step through Adobe’s recommended color management settings for Creative Cloud apps (including Premiere Pro, Media Encoder, After Effects, Photoshop, and Illustrator).

Terminology

Before we dive into the guide, let’s cover the basics. Color management is a very complex topic, and there are so many moving pieces it’s easy to get confused. To successfully implement color management into your workflow, you’ll have to give special attention to the software, hardware, and configuration of those tools at nearly every step of your post-production pipeline.

We’ve covered some of the hardware you’ll need for accurate color work in previous articles, but today we’re going to focus on the settings that make your media look consistent across different software and systems.

There’s a lot of technical terminology ahead, so here’s a quick primer on digital color that should clarify some of the most important concepts of color management.

What is Color

As you may or may not remember from middle school science class, our eyes contain two kinds of light-sensitive cells—rods, which are sensitive to light intensity, and cones, which are sensitive to certain ranges in the spectrum of visible light.

Cones are subdivided into three groups, each sensitive to their own range of visible light wavelengths. One group is sensitive to long wavelengths (reds), another is sensitive to medium wavelengths (greens), and the last is sensitive to short wavelengths (blues). When these cells are stimulated by their corresponding wavelength ranges, they send a signal to our brain, which then interprets the signal in a particular way, what we call color.

So, color is the human perception of light at a particular wavelength.

Of course, there are many more colors (an infinite number) in the visible spectrum beyond just the reds, greens, and blues we have cones for. Thankfully, our brains can mix the signals from our cones together so we can “see” secondary hues like yellow, magenta, cyan, and all the other colors we know and love.

But how many colors can our eyes and brain perceive?

Scientists in the early 20th century conducted real-world experiments to answer this question—about 10 million, they concluded. They took this data and plotted it onto a graph, now known as the CIE 1931 Chromaticity Diagram.

This is the foundation from which digital color is built. Think of it as a map, where every humanly-perceivable color can be found.

But in order to use the map, we needed a system for locating colors on it. And for that, we used a color model.

Color Models

A color model is an abstract mathematical method for describing a color based on its component properties.

In the case of the RGB color model, which the CIE 1931 diagram uses, those component properties are the amount of red, green, and blue light that combines to create it. Why red, green, and blue? Because our biological vision system is based on those wavelength ranges.

Note: there are other color models, like the CMYK color model, but it is based on pigments, not light. Since we’re here to talk about digital video, we’re only going to talk about RGB.

So in essence, the RGB color model is a coordinate system that lets us find every color on the CIE 1931 map.

By plotting colors based on their component parts—the amount of red, green, and blue that make them up—we can assign them a mathematical value. Since humans and machines (like computers) can agree on mathematical values, that lets us tell computers what colors are (or at least how to calculate them) despite the fact that they don’t have eyeballs.

These values are calculated as a group of three percentages, called an RGB triplet. With just these values, we can ask a computer for a particular color (for example, Frame.io purple) and it will give us exactly what we want (33.33% red, 35.69% green, and 96.47% blue).

But these percentage values are meaningless without more information. To complete the calculation, the computer needs to know what red, green, and blue points on the map it is supposed to calculate from. 33.33% of which red, and 35.69% of which green? Different primary color points will result in different outputs. So to standardize the results, we need to tell the computer which points to use, and we do that by using a color space.

Color Space

A color space is a specific organization of colors within the visible spectrum.

When we use a digital color space on top of the CIE 1931 map, we’re basically setting the starting points from which we can make RGB calculations. By defining the locations for the three primary colors, this tells a computer where on the map 100% of red, green, and blue are found.

That means a color space is a sort of GPS or compass that orients computers on the color map. Once it knows where home is for the three primary color points, it can find every other color relative to them.

Now you might wonder why computers don’t just utilize the primary color points on the CIE 1931 Chromaticity Diagram. It is a color space, after all.

Unfortunately, there are no electronic machines that can actually display the total extent of the colors on the chart. It’s just not possible with our current technology (and may never be). So, in order to make it easier to use color digitally, we need primary color points that computers can actually handle.

The standard color space for most digital video is Rec. 709. It’s a fairly small color space, but it has been the standard for SDR content for many years.

As we move into the future of 4K+ HDR content, the larger Rec. 2020 color space will become the norm. There are also some color spaces for specific technical applications, like DCI-P3 for cinema projection.

Each of these color spaces has advantages and disadvantages, so comparing them is not always straightforward. However, a simple way to compare them is by their gamuts.

Color Gamut

A color gamut is just the footprint of a color space.

Gamuts are the subset of possible colors that a computer has to choose from within a particular color space. Generally speaking, a color space with a larger footprint is said to have a wider gamut.

So gamuts just tell us how big of an area on the map a computer can cover with its GPS (color space). The bigger the area, the greater range of visible colors it can locate.

It must be emphasized here that a gamut is just the extent of colors the breadth of greens) that can be reproduced in a color model. It is not the number how many greens) of colors that an image file can contain. To make that measurement, we need to understand color depth.

Color Depth

Color depth, also known as bit depth, is a measurement of the number of possible colors in a digital image file.

This measurement is determined by the amount of digital information that is devoted to describing every color within a file. More bits of information allows for more possible colors to be described.

To continue our earlier analogy, if the color space is the GPS that helps us find colors on the map, then color depth is a file’s zoning laws that dictate how many colors can live in the area.

Terminology Recap

So, let’s review everything we just learned. Color is both a physical property of light at different wavelengths and our vision system’s perception of this property. In order to create eyeball-less machines that can represent colors accurately, we had to first build a system for calculating colors mathematically.

To do that, scientists made a map of the colors humans can see (the CIE 1931 Chromaticity Diagram), assigned a coordinate system to the map (the RGB color model), and gave our computers a GPS to navigate the map (color spaces).

There are different color spaces, each with their own advantages and disadvantages, but we can sometimes compare them by how big of an area they cover on the map (their gamut). Bigger gamuts cover a larger range of possible colors.

When we create digital image files we have to pick the part of the map we want our machines to use (which color model and color space), and also have to set the rules for how many colors can be stored in the data (color depth).

Phew. We made it. Now it’s time to get into the nuts and bolts of managing all this.

Color Management

Color management is the process of ensuring all your hardware and software tools maintain consistent colors throughout your entire workflow.

This is a much bigger challenge than many realize. When media comes from lots of different sources, and is passed between different processes, inaccuracies can be introduced into the color information every step of the way. Even footage from a single camera that’s edited on a single system can still experience these issues, as different creative applications interpret color differently (as we’ll cover below). Imagine how much more challenging this process is when you start moving media between machines and facilities.

But proper color management aims to keep everything looking as intended, even as files move through the huge mix of post-production tools. No matter the size of your workflow, color management can increase the quality and consistency of your work. You just have to know where to start.

Deciding on Color Space

When planning the color management for your workflow, the first thing you need to consider is the end destination of your footage. That will determine the main color space of your workflow, which in turn influences the hardware you can use and the configuration of your software.

For content destined for the web or broadcast, Rec. 709 is your best option, as it’s easy to manage. But if you’re creating content for digital cinema projection, then you will need to work in DCI-P3, which will demand more specialized hardware. And if you’re lucky enough to be building a 4K+ HDR workflow from scratch, then you have the opportunity to future-proof for Rec. 2020, though this will require significant investment.

RELATED: How to Build a Pro-Level Color Grading Suite

Keep in mind, this first step just decides the color gamut you’ll be working in most often. It does not mean it’s the only color space you’ll ever have to deal with. Every color space is the best choice for at least some situations, but no color space is the best choice for every situation.

That means you’re going to need to get comfortable converting between color spaces.

Color Space Conversions

The process of converting from one color space to another is an important part of color management. As images move through your workflow, you want a color space that is as easy to manage as possible, but also isn’t restricted too much by a small gamut.

Just like with image resolution and codec, cameras often capture more color information than you will deliver in a final deliverable, using so-called wide gamut (larger than Rec. 709) color spaces. These color spaces, like REDWideGamutRGB, Arri Wide Gamut, and Sony S-Gamut, maximize the range of colors that can be recorded in an image, which gives extra room for image manipulation during post-production.

But just like 8K uncompressed footage, dealing with these wide gamut color spaces is cumbersome and expensive. They will need to be properly converted in order to be displayed correctly on your machines and for the final delivery format.

Conversions should be done with care to ensure color information which is in the capture gamut, but which is outside the display color space you’re converting to, is not clipped past the point of no return. Improper conversions can ruin the visual style of your footage, so always run tests before finalizing the color management of your workflow.

Cost, Time, and Practicality

Generally speaking, more information requires more storage space, which requires more computational power, and more network infrastructure to handle efficiently. Using wider gamut color spaces will require more time managing and tweaking your workflow to ensure that your color management standards are preserved.

High-end workflows tend to capture in very large color spaces and preserve them carefully until they have to be converted for delivery. This yields excellent capabilities for image control, but takes considerable investment. More approachable workflows (especially those that produce content for web/computer screens) tend to capture, work, and deliver in smaller, simpler color spaces to save time and money, often even using the same color space throughout.

The sky’s the limit on what your color management plan can achieve, but that’s equally true for the cost of implementing and maintaining such a plan. Take a good hard look at your anticipated project requirements for the next multi-year period before deciding on your color space management.

Color Management Your OS

First things first, the display profile in your OS—don’t mess with it. Leave it alone.

Mac and Windows are color managed systems as-is. They use what are called “ICC profiles” to ensure that colors are displayed correctly across different screens. These profiles are created by the device’s manufacturer according to standards laid down by the International Color Consortium (Ihence the acronym ICC). Any device that captures or displays color information can be profiled, and these profiles help enable color management across diverse hardware devices.

Note, this is not the same process as screen calibration, where a display’s color output is tested and then adjusted to match known values. ICC profiles, on the other hand, characterize how a device responds to and represents color information so that different devices can operate on the same basic rules for the same color space.

In general, you should never need to worry about it, but if your color ever looks weird, it’s a good idea to double-check these settings.

Mac OS

Open System Preferences > Displays > Color Check the box “Show profiles for this display only” or choose a profile from the top of the list, above the line. These profiles are designed by the manufacturer for your specific display. In most cases, you will only have one option.

Windows 10

From Windows search, type “Change display settings” and open the “Display Settings” panel. Choose the default profile from the “Color Profile” dropdown list. In most cases you will only have one option, named after the model of your monitor. In the screenshot below, the monitor is a Dell P2715Q Monitor, so that is the correct choice.

Display Color Management in Adobe Video Apps

Now let’s look at how to put all this into practice with Adobe Creative Cloud applications.

As we alluded to earlier, the various Adobe applications work with color in slightly different ways, but these settings are the first step to a good color management setup. We’re going to use Rec. 709 in these examples, but you can use this process for whatever color space is most appropriate for your workflow.

Now, when it comes to your software tools, you will usually need to manually enable display color management. Why? Because the software developer didn’t make your screen, and the software does not know what monitor will be used when it’s installed. So it uses a default profile to work with a broad range of hardware.

So how does display color management work in Adobe’s apps?

When display color management is turned on, Premiere Pro reads the ICC profile selected in your operating system and converts its color output to display colors accurately on your monitor. This applies to the Premiere program and source monitors, thumbnail previews in the project panel, the media browser in Premiere Pro and Media Encoder, and the export and encoding previews in Premiere Pro and Media Encoder. This feature was first introduced to Premiere Pro and Media Encoder in version 13.0 (CC 2018), so make sure your Creative Cloud account is at least that up to date.

Important note: Display color management has no effect on exported colors, it only affects the colors that you see on your display.

By default, display color management is disabled in Premiere Pro and Media Encoder, so you will need to turn it on manually. The reason for this is to prevent unexpected color shifts when upgrading from previous versions that do not have display color management.

If you want efficient color management for your whole workflow, it is highly recommended that you turn this feature on for all your systems. Enabling display color management is quite easy, though keep in mind it does require GPU acceleration, so some systems may need to be upgraded for best performance.

Premiere Pro

Confirm that you have GPU acceleration enabled (File > Project Setting > General > Video Rendering and Playback) Enable Display Color Management (Preferences > General)

Media Encoder

Enable GPU acceleration (Preferences > General > Video Rendering) Enable Display Color Management (Preferences > General)

After Effects

Color management in After Effects offers a few more options and works a bit differently from Premiere Pro and Media Encoder. There are three distinct areas for which you can select color space settings: the working color space, display color management, and the media color space.

For this example, since we’re setting up the workflow for SDR web content, we’ll set the working space to Rec. 709.

Open the project settings color tab (File>Project Settings>Color) Choose Rec. 709 Gamma 2.4 from the list

After the working space is set, we’ll need to enable display color management.

Bring your current composition viewer into focus (click on it – it will have a thin blue outline) View Menu > Use Display Color Management

After Effects also has the ability to work with media in various color spaces at the same time. You have the ability to see what color space a particular asset is in, and even override it if necessary.

To check the Color space of your media, you’ll need to:

First, make sure your working color space is set to Rec. 709 (using the instructions above) Click on the file in your Project panel Inspect the media info that shows up at the top of the Project panel

Occasionally, you may come across a piece of media that is missing the color space metadata tag that is required to properly identify it, or the tag will be wrong. If you are certain you know that it is wrong, you can correct this using the “interpret footage” settings.

Right-click on the media in the project panel Choose Interpret Footage > Main The Interpret Footage window will open, click on the Color Management tab Open the Assign Profile dropdown menu Find Rec. 709 Gamma 2.4

Warning:

Changing the assigned profile will change the appearance of color in the media everywhere it is used in your project and will result in colors being rendered differently in your exports. Only do this if you really know that you need to.

One common reason to change the color profile is for graphics. Graphics which have been created in Rec. 709 often get interpreted as sRGB when brought into After Effects, which can make the colors look off because the gamma curves of these color spaces are different (despite them sharing the same primary color points). This is easily fixed by manually interpreting the footage to Rec. 709 Gamma 2.4 color profile.

Now that we’ve covered how to set up color management for the video apps, let’s look at the other common creative workflow apps.

Display Color Management in Photoshop

Just like with Premiere Pro and After Effects, color management is key for creating and displaying accurate colors in Photoshop. Thankfully, color management features are enabled by default in Photoshop, and mostly operates behind the scenes.

But, problems often arise when we least expect them, so we need to be prepared to investigate issues and solve them. Here are some common color-related misbehaviors and the settings you’ll need to fix them (hint, generally “default” is what you need).

From the “Color Settings” preference, follow these instructions:

Launch Photoshop – a document does not need to be open Edit > Color Settings Ensure the Settings dropdown is set to the Default for your locale (North America, Europe, Japan). This will configure the following settings.

Now wait a minute, why are we using sRGB in Photoshop when we used Rec. 709 in the other applications? Because according to Adobe, it is recommended that users leave sRGB as the default and only setup documents intended for video use as Rec. 709. If your graphics team is building assets for destinations other than video (like website or social), Rec. 709 isn’t the best fit for their workflow. And since you can convert between sRGB and Rec. 709 so easily, it shouldn’t be too much of a hurdle down the line to just keep the default.

Photoshop Settings

Working Space – RGB : This setting defines the default working color space for new RGB documents. Since Photoshop is most often used to create assets for the web, sRGB is recommended. Of course, if you only ever use photoshop for video work, you can set this to Rec. 709.

: This setting defines the default working color space for new RGB documents. Since Photoshop is most often used to create assets for the web, sRGB is recommended. Of course, if you only ever use photoshop for video work, you can set this to Rec. 709. Working Space – CMYK, Gray, Spot : These are only for print work, so we don’t care about them in this Rec. 709 example, so just leave them at default.

: These are only for print work, so we don’t care about them in this Rec. 709 example, so just leave them at default. Color Management Policies: RGB: The default setting preserves the embedded profile, if there is one, and then works within that color space. So, if you create a document in Rec. 709, it will work in that color space.

Using Rec. 709 in Photoshop

If you only ever use Photoshop to create assets for video, then it may be a good idea to assign Rec. 709 profiles to new documents you create.

File > New Document Choose a Film & Video preset like HDTV 1080p for example Open Advanced Options to reveal Color Profile Choose Rec. 709 Gamma 2.4 from the list Click Create

Color Managing Saved Files

When it comes to exporting/saving your files, there are some important considerations regarding format and color space.

If you want a no-fuss color-accurate format and you don’t need separate layers in Premiere or After Effects, choose TIFF

If you need separate layers in Premiere and After Effects and you’re willing to do a little extra manual color management, choose PSD

If you are going to hand off your graphics to someone else and need to make sure they can’t mess with anything, choose PNG or JPG

TIFF

TIFF (Tag Image File Format) is a highly recommended file format when working with graphics for video. It is widely supported across applications, preserves transparency, supports embedded color profiles, and retains layers for flexible editing in Photoshop while conveniently flattening the image when brought into Premiere Pro or After Effects.

Here are the steps for saving a color-managed TIFF file.

File > Save As Choose TIFF as the format Enable Layers to retain editable layers in Photoshop Select “Embed Color Profile” – it should show Rec. 709 Gamma 2.4 After clicking Save, another dialog pops up – be sure to save your TIFF with transparency if necessary. This is especially useful for titles, lower thirds, network bugs and the like LZW compression can be used to reduce the file size if disk space is a concern ZIP compression is not compatible with Premiere Pro and therefore not recommended

PSD

As we mentioned above, the advantage of saving assets as a PSD is that it can be brought into Premiere Pro and After Effects as individual layers, which is obviously very useful for animation and motion graphics.

Unfortunately, Premiere Pro does not read color profile tags on PSD files, so a little extra care is required to maintain accurate colors between Photoshop and Premiere Pro.

In order to preserve your color management standard, you’ll need to embed the color profile into your PSD file:

Prepare your document in the same way as above, assign the Rec. 709 color profile at the start You will be working in Rec. 709 and seeing correct colors in Photoshop When saving, DO NOT save with an embedded profile Bring the file into PPro -> colors look correct Bring the file into AE -> Interpret footage to Rec. 709 -> colors look correct Each time you open the document again in Photoshop, follow the instructions below for assigning the Rec. 709 color profile to get colors to display accurately while working in Photoshop Each time you save, be sure to save without an embedded profile by choosing “Save as” and overwrite the original file being sure to uncheck the “Embed Color Profile” option

PNG or JPG

PNGs and JPGs are great options when you want to hand off final designs to other clients or collaborators, without the fear that they will unintentionally change something. Just as before, you’ll need to embed the color profile into these files to maintain your color management standards.

File > Export > Export As Choose JPG or PNG for File Disable “Convert to sRGB” Enable “Embed Color Profile”

Note: PNG supports transparency, while JPG does not

Common Photoshop Color Problems

Sometimes, despite our best efforts, colors may look different between Photoshop and Premiere Pro or After Effects.

#1: The colors look correct in Photoshop, but wrong in Premiere

The solution is to convert the Photoshop document to Rec. 709 and save as a TIFF with the embedded profile or a PSD without the embedded profile.

#2: The colors look wrong in Photoshop

For this issue, you need to assign a different color profile in Photoshop until you find the one that makes the document look correct. After you have assigned one that makes your colors look correct, convert the document to Rec. 709, and save as a TIFF with the profile embedded or as a PSD without the profile embedded.

#3: The colors look correct in Photoshop, and Premiere, but not in After Effects

This is one of the instances where interpreting an assets color space in After Effects comes in handy. Simply click the “interpret footage” dialog and change the color profile to Rec. 709.

Illustrator

Finally, if you use Illustrator to create vector assets for infinite scaling in After Effects, you’ll want to make sure you have the right color management settings as well. Unlike the other applications, embedded color profiles from Illustrator will not be read in Premiere or After Effects. So we need a new way to maintain accurate colors.

To create a vector asset that will look the same between Illustrator and Premiere Pro or After Effects, follow these instructions.

File > New Choose one of the Film & Video presets, HDTV 1080 for example Under the Advanced Options, ensure Color Mode is set to RGB Color Click Create – the new document opens

Edit Menu > Assign Color Profile > Rec. 709 Gamma 2.4

Design your graphic and make the colors look the way you want Save – DO NOT embed the ICC profile

Open in PPro -> Your colors should look correct by default Open in AE -> You will need to interpret the footage to Rec. 709 Now, go and collect your Emmy/Academy Award

And just like that, you’ve configured all your favorite creative applications from Adobe for a consistent Rec. 709 workflow.

Conclusion

As we’ve just demonstrated, color management isn’t some high science beyond the grasp of everyday filmmakers. Sure, there are a lot of technical terms to wade through, but it’s just a matter of understanding how everything fits together.

So take a few minutes, configure these settings, and know you’re on your way to building a better workflow. Your eyes, your team, and your clients will thank you.

If you want to dig deeper into every aspect of film and video workflow, from capture to conform to delivery be sure to check out the Frame.io Workflow Guide. At over 100,000 words, it’s the most comprehensive website dedicated to film and video workflow.

Leave A Comment