AI Video & Motion Graphics Bootcamp

Self-paced lessons

Watch free previews and explore the lessons included with enrollment at Noble Desktop.

• ▶ Play preview

  Creating Projects, Importing Sequences

  Lesson 1: Core Editing Workflow

  10:00

  Create a new Premiere Pro project, organize media folders, import assets, and set up sequences and workspaces for interview editing.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Fixing Color & Audio

  Lesson 1: Core Editing Workflow

  9:33

  Improve video and audio quality using Lumetri Color for correction and basic noise reduction for cleaner sound.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Cutting Up Clips on the Timeline

  Lesson 1: Core Editing Workflow

  15:18

  Edit interviews by removing mistakes and pauses using ripple edits, razor cuts, and keyboard shortcuts.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Using Text Based Editing

  Lesson 1: Core Editing Workflow

  11:18

  Speed up editing with text-based workflows by generating transcripts and cutting clips directly from text.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Using the Source Monitor

  Lesson 1: Core Editing Workflow

  10:43

  Add B-roll precisely using the Source Monitor and three-point editing to cover jump cuts and support storytelling.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working with Slomo Footage

  Lesson 1: Core Editing Workflow

  7:15

  Create smooth slow motion by properly interpreting high–frame-rate footage and adjusting clip speed.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Resizing Clips in the Timeline

  Lesson 1: Core Editing Workflow

  5:57

  Fix mismatched clip sizes by fitting or filling footage to a 1920×1080 sequence and adjusting scale and position.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Adding Images Logos

  Lesson 2: Visual Enhancements & Graphics

  8:18

  Add a logo bug to the screen and control its size, position, and duration using guides and safe margins.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Adding Images Photos

  Lesson 2: Visual Enhancements & Graphics

  10:00

  Enhance interviews with photos by animating position and scale using keyframes.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Animating Scale to Fake Zooming

  Lesson 2: Visual Enhancements & Graphics

  7:43

  Simulate camera zooms by animating scale with easing for natural-looking motion.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding Transitions

  Lesson 2: Visual Enhancements & Graphics

  5:40

  Apply and customize video transitions to smooth visual flow between clips.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Editing Clips Moving & Trimming

  Lesson 2: Visual Enhancements & Graphics

  16:13

  Organize and refine the timeline by trimming, moving, and managing tracks for tighter pacing.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Editing Clips Slip & Slide Edit

  Lesson 2: Visual Enhancements & Graphics

  14:21

  Adjust B-roll timing using slip and slide edits without changing sequence length.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding Text

  Lesson 2: Visual Enhancements & Graphics

  19:44

  Create on-screen text using Premiere Pro’s graphics tools and format it for clarity and readability.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Animating a Graphic

  Lesson 2: Visual Enhancements & Graphics

  8:37

  Animate text and logos with keyframes to add subtle motion, fades, and looping effects.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Quick Export

  Lesson 2: Visual Enhancements & Graphics

  5:44

  Export completed videos using Quick Export and verify settings for share-ready files.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Project Intro

  Lesson 3: Promo Project Foundations

  10:00

  Set up a new promo project by reviewing assets, goals, and creating a clean sequence.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Refining Clips

  Lesson 3: Promo Project Foundations

  10:00

  Improve pacing by adjusting clip timing and syncing visuals to music beats.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Adjusting Audio

  Lesson 3: Promo Project Foundations

  6:34

  Balance audio levels using volume, gain, fades, and clipping prevention techniques.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding Titles

  Lesson 3: Promo Project Foundations

  15:25

  Design custom titles with controlled typography, placement, and backgrounds for promos.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Resizing and Exporting Video

  Lesson 3: Promo Project Foundations

  22:33

  Prepare videos for multiple platforms by duplicating sequences and adjusting aspect ratios.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Editing a VO

  Lesson 4: Voiceover-Driven Editing

  10:00

  Edit voice over recordings by selecting best takes and assembling a clean audio sequence.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Enhancing Audio

  Lesson 4: Voiceover-Driven Editing

  10:00

  Improve voice over quality with nesting, noise reduction, EQ, and Essential Sound presets.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Adding Music & Markers

  Lesson 4: Voiceover-Driven Editing

  12:13

  Add background music and balance it against voice over using markers for timing.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding Clips to the Timeline

  Lesson 4: Voiceover-Driven Editing

  18:59

  Build visuals around voice over by aligning clips to markers with overwrite and three-point edits.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working with Effects

  Lesson 4: Voiceover-Driven Editing

  15:51

  Apply video effects such as stabilization to improve shaky footage.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Multicam Editing

  Lesson 5: Advanced Editing Techniques

  10:00

  Create multicamera sequences by syncing angles with shared audio and switching views live.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Adding B Roll

  Lesson 5: Advanced Editing Techniques

  6:12

  Enhance multicam edits by layering B-roll to cover cuts and add visual interest.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working with Adjustment Layers

  Lesson 5: Advanced Editing Techniques

  7:00

  Apply color correction across multiple clips using adjustment layers.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding an AE Composition

  Lesson 5: Advanced Editing Techniques

  8:01

  Integrate After Effects compositions using Dynamic Link without intermediate renders.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Chroma Keying

  Lesson 6: Chroma Key & Animation

  10:00

  Remove green screens using Ultra Key and refine matte settings for clean edges.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Finishing up the Keying Animation

  Lesson 6: Chroma Key & Animation

  8:43

  Finalize green screen animations by nesting clips, fixing artifacts, and syncing motion graphics.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Using Project Manager

  Lesson 7: Project Delivery & Archiving

  3:56

  Package and back up projects using Project Manager to consolidate media for archiving or collaboration.

  View enrollment options at Noble Desktop

• ▶ Play preview

  Intro & Making Subclips

  Lesson 1: Editing Foundations

  10:00

  Create subclips from a single master shot to break long takes into manageable segments, streamlining workflow and preparing footage for a professional assembly edit.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  The Assembly Edit

  Lesson 1: Editing Foundations

  10:00

  Build an assembly edit using organized subclips and construct a rough sequence that follows the script.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Refining Cuts in the Timeline

  Lesson 1: Editing Foundations

  11:09

  Tighten dialogue exchanges, remove unwanted handles, and create smoother match cuts to strengthen continuity and storytelling impact.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Making Split Edits & Using the Slide Tool

  Lesson 1: Editing Foundations

  7:41

  Enhance dialogue scenes using split edits (J-cuts and L-cuts) to overlap audio and video for natural conversation flow.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Transcribing & Captioning

  Lesson 2: Captions & Subtitles

  10:00

  Generate accurate transcripts directly inside Premiere Pro and convert them into editable captions.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Translating Subtitles & Exporting

  Lesson 2: Captions & Subtitles

  6:29

  Translate captions into multiple languages using Premiere Pro’s AI-powered tools to expand audience reach.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Upgrading Captions to Graphics

  Lesson 2: Captions & Subtitles

  3:24

  Convert standard captions into fully editable graphics clips to unlock animation and advanced styling options.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Color Correcting for Skin Tones

  Lesson 3: Color Correction Essentials

  9:05

  Correct skin tones using Lumetri Color and professional video scopes for accurate color balance.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Secondary Color Correction

  Lesson 3: Color Correction Essentials

  7:30

  Target specific colors with secondary color correction techniques using Hue vs. Saturation curves.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Comparison View

  Lesson 3: Color Correction Essentials

  4:36

  Match color and exposure between clips using Comparison View and Lumetri’s Color Match tools.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Color Correction with Masks

  Lesson 3: Color Correction Essentials

  12:07

  Create and refine custom mask paths frame by frame to control exposure, contrast, and temperature without affecting the entire image.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  HSL Secondary In Lumetri Color

  Lesson 3: Color Correction Essentials

  12:46

  Isolate and adjust specific colors using the HSL Secondary tools in Lumetri Color for precise secondary color correction.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Creating a Custom Workspace & Metadata Display

  Lesson 4: Workspace & Metadata Optimization

  18:24

  Design a streamlined custom workspace in Premiere Pro to improve editing efficiency and reduce panel clutter.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Organizing your Clips Visually

  Lesson 5: Creative Editing Techniques

  10:00

  Organize footage visually using Icon View and hover scrub to build a storyboard-style edit before entering the timeline.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  The Assembly Edit

  Lesson 5: Creative Editing Techniques

  10:00

  Construct a rough assembly edit by placing clips on the timeline in narrative order and syncing them to music markers.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Creating a Fade Out Transition

  Lesson 5: Creative Editing Techniques

  11:41

  Create smooth fade-out transitions using cross-dissolves or manually animated opacity keyframes.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working with Vertical Footage

  Lesson 5: Creative Editing Techniques

  14:14

  Adapt vertical video for horizontal timelines using scaling, duplication, blur backgrounds, and creative layout techniques.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Jump & Match Cuts

  Lesson 5: Creative Editing Techniques

  8:15

  Learn to use jump cuts and dynamic reframing to create aggressive, high-energy edits.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Time Remapping Video

  Lesson 5: Creative Editing Techniques

  7:05

  Animate speed changes using Time Remapping to create slow-motion and speed-ramp effects within a single clip.

  View enrollment options at Noble Desktop
• ▶ Play preview

  The RGB Glitch Effect

  Lesson 6: Effects & Stylized Motion

  10:00

  Build a stylized RGB glitch effect by separating color channels and using blend modes for a split-color distortion look.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Saving a Multi Effect Preset

  Lesson 6: Effects & Stylized Motion

  7:14

  Save complex multi-effect combinations as reusable presets to streamline advanced editing workflows.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Time Glitch Effect

  Lesson 6: Effects & Stylized Motion

  4:49

  Create a stylized time glitch effect using Posterize Time, opacity blending, and color adjustments.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Creating a Speed Trail

  Lesson 6: Effects & Stylized Motion

  5:08

  Build a motion trail effect using the Echo time effect to simulate double exposure or multiple exposure visuals.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Scale Zoom Cut Effect

  Lesson 6: Effects & Stylized Motion

  4:58

  Simulate rapid camera cuts by animating scale, position, and rotation with hold keyframes for sharp transitions.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Blur Transition

  Lesson 6: Effects & Stylized Motion

  6:35

  Design a custom blur transition using adjustment layers and animated Gaussian Blur effects.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Adding Video Overlays

  Lesson 7: Video Overlays & Textures

  10:00

  Enhance footage with video overlays using blending modes such as Screen, Lighten, and Add.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Combining Clips with Nesting

  Lesson 7: Video Overlays & Textures

  7:17

  Layer and duplicate overlay clips to create dense glitch and distressed line effects, then consolidate them using nesting.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding Color Video Overlays

  Lesson 7: Video Overlays & Textures

  6:46

  Blend color-based overlays into footage using advanced opacity and blending mode techniques.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Mask Tracking

  Lesson 8: Masking & Motion Tracking

  10:00

  Track moving subjects using animated masks and Gaussian Blur to conceal faces or objects.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Mask Animation

  Lesson 8: Masking & Motion Tracking

  10:43

  Animate opacity masks manually to create reveal effects such as a door-opening transition.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Push Slide

  Lesson 9: Advanced Custom Transitions

  6:45

  Combine the built-in Push transition with adjustment layers and Gaussian Blur to create a smoother, more dynamic slide effect.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Flash Cut

  Lesson 9: Advanced Custom Transitions

  6:12

  Create a high-impact flash cut transition using animated exposure and Gaussian Blur on an adjustment layer.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Fast Zoom

  Lesson 9: Advanced Custom Transitions

  5:58

  Design a fast zoom transition using the Transform effect and motion blur to simulate rapid camera movement.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Track Matte Transition

  Lesson 9: Advanced Custom Transitions

  15:42

  Build a custom text-based transition using the Track Matte Key effect and animated graphics.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Light Leak

  Lesson 10: Building Your Own Transitions

  8:38

  Create a custom light leak transition using a video overlay combined with blending modes and blur effects.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Animated Video

  Lesson 10: Building Your Own Transitions

  10:00

  Construct a wipe transition using animated video mattes and blending techniques.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Wipe with Shapes

  Lesson 10: Building Your Own Transitions

  14:33

  Design a fully custom wipe transition using animated shapes created directly in Premiere Pro.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Luma Key Transition

  Lesson 10: Building Your Own Transitions

  13:47

  Build a luma key transition using animated black-and-white video and the Track Matte Key effect set to Luma.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Creating a Picture in Picture Effect

  Lesson 11: Picture-in-Picture Compositions

  23:07

  Create a picture-in-picture layout by scaling and positioning multiple video clips simultaneously on screen.

  View enrollment options at Noble Desktop

• 

  Enrollment required

  Course Files & Project Overview

  Lesson 1: Creating a Social Media Ad

  5:03

  Organize your project by creating a composition in After Effects, importing pre-made media files (images, audio, video), and layering them to animate elements like text, photos, and effects according to a structured folder system.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Getting Started

  Lesson 1: Creating a Social Media Ad

  3:20

  Close the start screen, switch to the Standard workspace, and reset it to ensure a consistent panel layout.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Social Media Ad

  Lesson 1: Creating a Social Media Ad

  11:56

  Learn how to set up an After Effects project to create a square-format social media ad using imported images, video, and audio, starting with planning via a storyboard and building a new composition with specific dimensions, duration, and frame rate.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Importing Media

  Lesson 1: Creating a Social Media Ad

  6:46

  Import media files properly by using the correct import method, manage and rename folders carefully, and avoid accidental double-clicks that isolate elements.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding Footage to a Composition

  Lesson 1: Creating a Social Media Ad

  3:16

  Drag footage into the timeline to add it to a composition, rename layers freely, but avoid renaming or moving source files on your computer to prevent broken links.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Transform Properties and Layer Management

  Lesson 1: Creating a Social Media Ad

  6:18

  Use the Properties panel or the Timeline to adjust layer settings like position, scale, and rotation, keeping in mind that layer order affects visibility and selection may require using the timeline or right-click menu.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Relinking Missing FIles

  Lesson 1: Creating a Social Media Ad

  5:08

  Open the starter project from page 25, reconnect missing media files using "Replace Footage File," and avoid renaming, moving, or deleting source files after import.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Importing Audio

  Lesson 1: Creating a Social Media Ad

  8:04

  Add an audio file to the After Effects timeline, reveal its waveform using the LL shortcut, and trim or reposition the layer to align with the desired start time.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Animation and Keyframes Part 1

  Lesson 1: Creating a Social Media Ad

  15:47

  Animate layers in After Effects by enabling the stopwatch to create keyframes for properties like position and rotation, adjusting their values over time on the timeline, and using easing for smoother transitions.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Animation and Keyframes Part 2

  Lesson 1: Creating a Social Media Ad

  13:56

  Understand how to animate by setting keyframes, shift layers in time using shortcuts, duplicate animated layers, and replace their content while ensuring correct selection and precise timing.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Using the Type Tool

  Lesson 2: Finalizing and Exporting the Social Media Ad

  5:08

  Use the horizontal type tool to create and format a text layer using either the Properties panel after typing or the Character and Paragraph panels before typing.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Animating Text and Layer Styles

  Lesson 2: Finalizing and Exporting the Social Media Ad

  15:13

  Understand how to control and adjust layer anchor points, styles, and effects in animation software to ensure proper rotation, scaling, and appearance across text, image, and video layers.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working with Video Layers

  Lesson 2: Finalizing and Exporting the Social Media Ad

  8:35

  Hide all properties using Command-Tilde after selecting all layers, then import and position a video layer, scale it to fit comp height, align it if needed, and adjust contrast to enhance visual clarity.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Blending Modes and Effects

  Lesson 2: Finalizing and Exporting the Social Media Ad

  10:00

  Learn how to use blending modes, effects, and time manipulation in a graphics program to create and customize layered smoke visuals.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Parent and Link

  Lesson 2: Finalizing and Exporting the Social Media Ad

  9:07

  Use parenting with a null object layer to control and animate multiple layers simultaneously by assigning them as children, reducing keyframes and simplifying adjustments.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding a Linear Wipe

  Lesson 2: Finalizing and Exporting the Social Media Ad

  7:59

  Apply a linear wipe to the oversized background layer to fade out its right side, then add and animate the company logo PNG to slide in from the right while duplicating it into white and black versions for visual layering.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Additional Child Layers and Animating Opacity

  Lesson 2: Finalizing and Exporting the Social Media Ad

  7:28

  Follow the timing instructions precisely to properly parent layers and copy opacity animations, ensuring synced transitions and visibility.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Preparing for Export

  Lesson 3: Creating an Infographic Animation

  8:34

  Use the work area bar in After Effects to control preview and export ranges, then manually animate opacity and audio levels to create fade-ins and fade-outs.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Exporting the Project

  Lesson 3: Creating an Infographic Animation

  2:49

  Export the composition by adding it to the Render Queue, setting quality and output settings, choosing a save location, and clicking Render.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Project Overview & Getting Started

  Lesson 3: Creating an Infographic Animation

  9:22

  Learn how to import layered Illustrator and Photoshop files into After Effects to create and animate infographic scenes using a scene-based workflow.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Importing Illustrator Files

  Lesson 3: Creating an Infographic Animation

  10:13

  Import Illustrator or Photoshop files as compositions with retained layer sizes after creating a dummy composition to ensure correct settings.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Organizing the Timeline

  Lesson 3: Creating an Infographic Animation

  5:42

  Organize and color-code layers, edit original files, and isolate or solo elements in the timeline to manage complex compositions.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Starting the Animation

  Lesson 3: Creating an Infographic Animation

  16:42

  Animate layers efficiently by creating a dummy composition, overestimating duration, using consistent keyframe techniques like overshoot and ease, and timing staggered animations with shortcuts to avoid tedious manual adjustments.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Animating Position

  Lesson 3: Creating an Infographic Animation

  2:22

  Animate the position of layer 22 starting at frame 25, trimming its visibility to sync with the shield’s scaling using Option + left bracket.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Finalizing the First Animation

  Lesson 3: Creating an Infographic Animation

  3:52

  Understand how animation properties like scale, opacity, and rotation can be copied relative to their layers, while position must be manually adjusted due to its document-based reference, and apply overshoot techniques thoughtfully for more dynamic motion.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Overview of Masks

  Lesson 4: Logo & Title Animation

  9:55

  Open the provided project file, split the social media headline into two masked layers using vector paths, animate each with an overshoot motion, and prepare for manual sequencing in the timeline.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Setting Guides and Grids

  Lesson 4: Logo & Title Animation

  4:35

  Use visual aids like rulers, guidelines, title/action safe areas, proportional grids, and document grids to organize and align elements accurately in your composition.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding Masks to Layers

  Lesson 4: Logo & Title Animation

  5:36

  Create and adjust a 10-frame animation by keyframing position changes, using easing for smoother motion, duplicating layers with masks, and refining mask visibility and properties for compositing.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Adding a Track Matte & FInalizing the Animation

  Lesson 4: Logo & Title Animation

  10:00

  Use a track matte layer positioned above to reveal text only when it enters a defined visible area.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  A Note on Track Mattes

  Lesson 4: Logo & Title Animation

  4:00

  Understand that masks are bound to a layer and transform with it, while track mats use separate layers allowing independent animation, often based on alpha (transparency) or luma (brightness), and are widely used in text, shape, and video animations for reveal effects.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Re creating Text in After Effects

  Lesson 4: Logo & Title Animation

  11:17

  Use live text layers to animate editable text instead of static image-based text when fonts are available.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Adding Text Animators

  Lesson 4: Logo & Title Animation

  10:00

  Animate text properties like position, scale, and rotation per character, word, or line using the Add Animator button in the Properties panel.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  A Note on Text Animators

  Lesson 4: Logo & Title Animation

  11:26

  Animate text in After Effects by applying animators to live text layers using range selectors to control properties like opacity on a character, word, or line basis.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Working with Nested Compositions

  Lesson 5: Medical Animation

  10:00

  Combine multiple compositions (pre-comps) into a single comp to manage layers, apply effects uniformly, and streamline complex scenes.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  A Note on Transitions

  Lesson 5: Medical Animation

  2:02

  Animate transitions using layers or effects like fades or zooms, optionally enhance realism with motion blur, which appears only during movement and impacts preview performance but still renders on export.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Logo Animation Getting Started

  Lesson 5: Medical Animation

  6:06

  Animate multiple identical layers simultaneously, then use the sequencing command to stagger their start times evenly across the timeline.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Using the Shy Switch

  Lesson 5: Medical Animation

  3:30

  Use the Shy switch and layer lock to hide and protect layers in the timeline while maintaining comp visibility.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Animating Transform Properties

  Lesson 5: Medical Animation

  13:55

  Animate multiple layers by selecting them in order, setting relative keyframes using arrow keys or dragging, applying easing, shortening layer durations, sequencing them with Keyframe Assistant, and adjusting stagger timing by trimming and resequencing layers as needed.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Adding Multiple Text Animators

  Lesson 6: Shapes, Animation & Compositing

  10:00

  Animate a title in After Effects by using a linear wipe effect on a shape layer line, apply position animators to text layers for movement, use a solid as a track matte for reveal effects, and set text animation to occur word-by-word with range selectors.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  The Write On Effect Part 1

  Lesson 6: Shapes, Animation & Compositing

  10:00

  Animate text using the Write-On effect by drawing open mask paths on each layer, applying the Stroke effect, and using keyboard shortcuts like U and UU to reveal keyframes and modified properties.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  The Write On Effect Part 2

  Lesson 6: Shapes, Animation & Compositing

  7:32

  Apply the Stroke effect to a masked layer, animate the End property to create a write-on text effect, then copy and paste the effect to other layers and manually sequence their timing.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  A Note on Start and End Points

  Lesson 6: Shapes, Animation & Compositing

  5:52

  Animate the stroke's start or end based on the direction the path was drawn, as start and end define animation direction relative to the path or text.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Importing Photoshop Files

  Lesson 6: Shapes, Animation & Compositing

  9:07

  Import and animate a looping red blood cell video, Photoshop-painted vein graphics, and heartbeat audio into After Effects, ensuring grouped layers are flattened to avoid unwanted pre-comps.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Curving Motion Paths

  Lesson 6: Shapes, Animation & Compositing

  10:56

  Understand how Photoshop and After Effects handle layer-based imports, noting support for opacity and blending modes but not clipping masks or smart objects, and manage timeline elements like layer color coding, footage interpretation, and looping settings.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  loopOut Expression

  Lesson 6: Shapes, Animation & Compositing

  7:38

  Use the loopOut() expression in After Effects to repeat an animation indefinitely using only three keyframes.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Adding the Echo Effect

  Lesson 6: Shapes, Animation & Compositing

  10:00

  Precompose animated layers to create reusable comps, ensuring "Move all attributes" is selected, then apply the Echo effect to generate time-delayed visual duplicates for motion trail effects.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Project Overview and Adding Guides

  Lesson 6: Shapes, Animation & Compositing

  10:07

  Create a simple bar graph using shape and text layers, apply track mattes and animation presets, align elements with guides, and manually build layered components based on a reference image.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Creating Shape Layers and Text

  Lesson 6: Shapes, Animation & Compositing

  7:30

  Create text labels first to position them correctly, then draw and name bar-shaped rectangles with consistent anchor points and dimensions, ensuring proper alignment and visibility beneath the text.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Creating Graph Frame and Grid

  Lesson 6: Shapes, Animation & Compositing

  7:34

  Build a simple square graph with an outline, tick mark, grid using the Grid effect, labeled text layers, a headline, and a background image.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Animating the Headline

  Lesson 6: Shapes, Animation & Compositing

  5:35

  Animate the headline using the "Blinking Cursor Typewriter Console" preset, scale the bars into view, reveal country labels with a track matte, draw the outline using Trim Paths, and apply Gradient Wipe to animate the grid.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Animating the Bars

  Lesson 6: Shapes, Animation & Compositing

  4:19

  Animate bar layers by adjusting scale and anchor points using the pan behind tool, search properties depending on layer selection, and apply presets cautiously to avoid conflicts.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Revealing the Country Labels

  Lesson 6: Shapes, Animation & Compositing

  8:46

  Animate text and shapes using track mattes, shape layer effects like trim paths, and gradient wipes based on grayscale layers, while managing anchor points limitations in predefined shapes.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  A Note on Assets

  Lesson 6: Shapes, Animation & Compositing

  4:03

  Understand that most graphics for animation are created and prepped in Illustrator, as After Effects is not ideal for drawing or editing complex assets.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Green Screen Removal

  Lesson 6: Shapes, Animation & Compositing

  13:13

  Understand how After Effects is used primarily for motion graphics animation and video compositing, including techniques like motion tracking and green screen removal using presets such as Keylight.

  View enrollment options at Noble Desktop

• ▶ Play preview

  Intro to 3D

  Lesson 1: Intro to 3D

  10:00

  Learn how to create a foundational 3D scene in Adobe After Effects by importing vector layers from Illustrator, arranging them in 3D space, and preparing the workspace for animation. Discover key setup tips like composition settings, workspace resets, and best practices for scaling and importing layered files.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Creating Lights & Animating in 3D

  Lesson 1: Intro to 3D

  10:00

  Explore how to add realism to your 3D compositions with lighting and shadows. Understand the different types of After Effects lights, and master how to control shadow properties, diffusion, and color to enhance depth and visual appeal.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Animating Layers in 3D

  Lesson 1: Intro to 3D

  13:26

  Animate sea life elements within a 3D underwater environment using keyframes and depth of field. Learn how to synchronize camera movement with animated layers for natural timing and achieve cinematic focus effects that create depth and immersion.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working with Nested Compositions

  Lesson 2: Working with Nested Compositions

  17:03

  Master the concept of nested and pre-compositions to create reusable, modular animation setups. Build a dynamic photo collage project that leverages Photoshop files, track mattes, and timeline management for efficient, scalable animation workflows.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working with Static 3D Models

  Lesson 3: Working with 3D Models

  14:53

  Gain hands-on experience importing and positioning 3D models in After Effects using the Advanced 3D Renderer. Learn to adjust local and world axis modes, organize 3D assets, and manipulate objects with precision for visually compelling compositions.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working with Embedded Animation

  Lesson 3: Working with 3D Models

  10:16

  Unlock the power of embedded animation within imported 3D models. Discover how to loop, rename, and time-remap 3D layers to extend animation sequences seamlessly, transforming static scenes into dynamic, motion-rich experiences.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Easing with the Graph Editor Value Graph

  Lesson 4: Easing with the Graph Editor

  12:25

  Create professional-quality motion by mastering the value graph in After Effects’ Graph Editor. Learn to separate position dimensions, add keyframes, and fine-tune motion curves to design natural, expressive bounce and easing effects.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Easing with the Graph Editor Speed Graph

  Lesson 4: Easing with the Graph Editor

  9:44

  Refine your animations using the speed graph to achieve realistic acceleration and deceleration. Explore keyframe adjustments, handle controls, and influence curves to craft movement that feels smooth, dynamic, and intentional.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Introduction to Expressions loopOut()

  Lesson 5: Introduction to Expressions

  10:00

  Automate your animations with the loopOut() expression in After Effects. Learn how to apply this JavaScript-based expression to repeat motion seamlessly, explore different loop types like pingpong, and simplify your keyframe management for efficiency.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Introduction to Expressions wiggle()

  Lesson 5: Introduction to Expressions

  4:27

  Add natural, organic movement to your projects using the wiggle() expression. Control frequency and amplitude to simulate realistic shaking, floating, or vibrating effects, and learn how to apply expressions efficiently across multiple layers.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Introduction to Expressions random()

  Lesson 5: Introduction to Expressions

  5:43

  Discover how to use the random() expression to create dynamic, unpredictable movement in After Effects. Learn to control minimum and maximum values, use posterizeTime to manage playback speed, and build natural, varied animation for objects like dials and gauges.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Animating Imported Vector Layers

  Lesson 6: Working with Vector and Shape Layers

  10:00

  Animate imported Illustrator graphics by applying effects such as CC Sphere to create 3D illusions. Explore shading, lighting, and precomposing techniques that transform flat vector maps into detailed, rotating globe animations.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Converting Vectors to AE Shapes

  Lesson 6: Working with Vector and Shape Layers

  12:16

  Convert imported vector layers into live shape layers to unlock exclusive shape-layer effects. Learn how to organize precomps, rename shapes efficiently, and prepare Illustrator assets for advanced animation and customization.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Shape Layers Converting, Animating & Duplicating

  Lesson 6: Working with Vector and Shape Layers

  14:38

  Build dynamic bar graph animations by converting Illustrator elements to shape layers. Practice setting anchor points, scaling from precise pivots, and duplicating shapes to streamline repetitive motion design tasks.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Shape Layers Repeater Effect

  Lesson 6: Working with Vector and Shape Layers

  13:34

  Create complex animations with minimal effort using the Repeater effect. Trace and replicate geometric patterns like equalizer bars, adjust stroke and fill settings, and leverage guide layers for clean, efficient design.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Shape Layers Converting & Repeating Shapes

  Lesson 6: Working with Vector and Shape Layers

  9:13

  Bring static designs to life by converting simple vector lines into animated, repeating shapes. Control opacity, copies, and timing in the Repeater to create rhythmic, looping patterns that add motion and energy to your HUD designs.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Shape Layers Troubleshooting Converted Shapes

  Lesson 6: Working with Vector and Shape Layers

  14:48

  Troubleshoot problems that arise when converting Illustrator or EPS files to shape layers. Understand common issues such as excessive shape groups, misalignment, and performance lag, and learn practical solutions for clean, efficient animation.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Shape Layers Copy & Paste Motion Paths

  Lesson 6: Working with Vector and Shape Layers

  19:22

  Learn a professional shortcut for animating objects along custom paths by copying Illustrator vector paths and pasting them as position keyframes in After Effects. Adjust timing, alignment, and roving keyframes to synchronize elements with precision.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Text Animation Creating a Circle Graphic

  Lesson 7: Text Animation Basics

  13:33

  Design animated circular charts and graphs using text as a graphical element. Combine precomps, guide layers, and shape tools to construct scalable, organized compositions that can be animated seamlessly.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Text Animation Using Text as a Graphic

  Lesson 7: Text Animation Basics

  16:30

  Use text as a powerful visual tool by creating animated patterns with dingbat and symbol fonts like Wingdings. Learn to apply text-on-path techniques, adjust margins and tracking, and transform simple characters into motion-rich circular graphics.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Text Animation Animating Text Dynamically

  Lesson 7: Text Animation Basics

  13:32

  Automate changing text values in After Effects using expressions and sliders. Learn how to connect source text to animated properties, round numerical values, and create looping counters that update seamlessly for dashboards or infographics.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Text Animation Using Character Offset

  Lesson 8: Advanced Text Animation

  7:55

  Explore the Character Offset animator to shift and animate text characters with precision. Master how to use range selectors, indexes, and line-based offsets to create dynamic, glitch-like or numerical text animations with full creative control.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Text Animation Saving and Applying a Preset

  Lesson 8: Advanced Text Animation

  5:37

  Streamline your workflow by saving and reusing custom text animators as presets. Learn how to export animation presets properly, organize them in the After Effects User Presets folder, and reapply them across multiple projects with consistent results.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Text Animation Animating with Range Selector Shape

  Lesson 8: Advanced Text Animation

  10:00

  Create flowing, sequential text animations using the Range Selector’s shape options. Discover how to animate opacity and control movement across text layers to build marquee-like lighting effects for HUDs and futuristic motion graphics.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Text Animation Creating a Grid

  Lesson 8: Advanced Text Animation

  3:57

  Build dynamic background grids directly in After Effects using the Grid effect. Adjust cell size, thickness, and feathering to create stylized motion graphics backgrounds, and learn to animate grids for subtle movement and visual texture.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Unfurl Animation

  Lesson 9: Unfurl Animation

  16:52

  Animate layered images to peel or unfold using the CC Page Turn effect. Control the direction, timing, and offset of multiple elements for realistic unfurling motion, perfect for stylized transitions or paper-like animations.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Working with Particle Systems

  Lesson 10: Working with Particle Systems

  10:00

  Design fire, smoke, or flame trails using After Effects’ built-in Particle System II. Control birth rate, gravity, direction, and lifespan to create believable motion effects like rocket exhaust or environmental particle simulations.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Using Video as Track Mattes Alpha

  Lesson 11: Using Video as Track Mattes

  8:18

  Harness alpha mattes to blend videos and control visibility using transparency. Learn how to key out green screen footage, apply it as a mask, and animate both matte and background layers for professional compositing.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Using Video as Track Mattes Luma

  Lesson 11: Using Video as Track Mattes

  9:36

  Create complex composites by using luminance values to drive transparency. Adjust contrast, use thresholds, and pre-compose footage to build artistic effects where light and dark areas define visible regions of your composition.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Creating Realistic Motion Motion Sketch

  Lesson 12: Creating Realistic Motion

  8:25

  Capture organic, hand-drawn motion using the Motion Sketch tool. Draw movement directly with your mouse or stylus to record keyframes, adjust smoothing and capture speed, and create realistic paths for objects like rockets or planets.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Creating Realistic Motion Trace Path

  Lesson 12: Creating Realistic Motion

  12:08

  Create smooth, organic animation paths using After Effects’ Trace Path and Null system. Learn how to generate motion from shape layers, parent objects like rockets to follow dynamic curves, and enhance realism with trim paths, expressions, and subtle motion adjustments.

  View enrollment options at Noble Desktop

• ▶ Play preview

  Removing Unwanted Elements: Content Aware Fill

  Lesson 1: Content-Aware Object Removal

  10:00

  Remove unwanted objects from video using masks, mask tracking, and Content-Aware Fill in Adobe After Effects.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Content Aware Fill: Using a Reference Frame

  Lesson 1: Content-Aware Object Removal

  12:22

  Improve Content-Aware Fill results by creating and editing a custom reference frame in Photoshop.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Creating a Point Tracker

  Lesson 2: Point Motion Tracking

  10:00

  Create a point tracker in After Effects to analyze motion and attach graphics to moving objects.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Applying Tracking Data

  Lesson 2: Point Motion Tracking

  8:31

  Apply motion tracking data to graphics using null objects and parenting techniques in After Effects.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Creating a Garbage Matte

  Lesson 3: Green Screen & Chroma Keying

  8:15

  Create a garbage matte to isolate subjects and remove excess green screen areas before keying.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Using Keylight

  Lesson 3: Green Screen & Chroma Keying

  10:00

  Use the Keylight effect in After Effects to remove green screen backgrounds with precision.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Color Matching

  Lesson 3: Green Screen & Chroma Keying

  6:47

  Match foreground and background lighting using adjustment layers, blur, threshold, and tint effects in After Effects.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Troubleshooting

  Lesson 3: Green Screen & Chroma Keying

  11:27

  Troubleshoot common chroma key issues such as color spill, lost detail, and uneven backgrounds.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Using Transform Tracking

  Lesson 4: Planar Motion Tracking with Mocha

  10:00

  Track position, scale, and rotation using the Mocha AE plugin for advanced motion tracking in After Effects.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Applying Tracking Data

  Lesson 4: Planar Motion Tracking with Mocha

  9:31

  Transfer Mocha tracking data to a null object and apply it to replacement graphics in After Effects.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Corner Tracking

  Lesson 5: Advanced Mocha Tracking

  10:00

  Track screen surfaces using Mocha AE’s corner pin (four-point) tracking for realistic screen replacement in After Effects.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Corner Pinning

  Lesson 5: Advanced Mocha Tracking

  7:27

  Apply Mocha corner pin tracking data to a solid layer for accurate screen replacement in After Effects.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Chroma Keying

  Lesson 5: Advanced Mocha Tracking

  6:08

  Refine screen replacements by combining Mocha tracking with chroma keying techniques in After Effects.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Dealing with Occlusions

  Lesson 5: Advanced Mocha Tracking

  23:47

  Handle occlusions in Mocha tracking by creating animated occlusion masks that prevent tracking errors.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Applying the Effect

  Lesson 6: 3D Camera Tracking in After Effects

  10:00

  Apply the 3D Camera Tracker in After Effects to analyze camera movement and generate a virtual 3D camera.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Nulls to Track Points

  Lesson 6: 3D Camera Tracking in After Effects

  10:00

  Create null objects from 3D track points to position graphics precisely within a tracked scene.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Text to Track Points

  Lesson 6: 3D Camera Tracking in After Effects

  14:27

  Add 3D text to tracked surfaces using After Effects 3D Camera Tracker.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Solid to Track Points

  Lesson 6: 3D Camera Tracking in After Effects

  9:27

  Place solids on tracked planes to align graphics with floors, walls, or other surfaces in 3D space.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Lights and a Shadow Catcher

  Lesson 6: 3D Camera Tracking in After Effects

  10:12

  Enhance 3D camera-tracked scenes with lights and shadow catchers for realistic compositing.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Creating Facial Outlines

  Lesson 7: Face Tracking with Masks

  9:46

  Track faces automatically using After Effects' built-in mask face tracking to blur or color correct moving subjects.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Refining Facial Features

  Lesson 7: Face Tracking with Masks

  12:17

  Perform advanced face tracking with detailed analysis to capture facial features like eyes, nose, and mouth for precise graphic placement.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Rotobrush

  Lesson 8: Rotoscoping Techniques

  10:00

  Isolate moving subjects using the Roto Brush tool to create clean foreground cutouts without a green screen.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Rotoscoping: Manual

  Lesson 8: Rotoscoping Techniques

  19:21

  Create manual rotoscoping masks frame by frame when automatic tools fail, or when backgrounds are complex.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Stabilizing Shaky Footage

  Lesson 9: Stabilizing Shaky Footage

  7:42

  Stabilize handheld video using Warp Stabilizer in After Effects to smooth unwanted camera movement.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding 3D Model

  Lesson 10: Integrating 3D Models into Tracked Footage

  10:54

  Import and integrate real 3D models (GLTF/OBJ/GLB) into camera-tracked footage using the Advanced 3D renderer.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Working With Track Mattes

  Lesson 11: Track Mattes & Compositing Workflows

  17:09

  Use alpha and luma track mattes to reveal video, images, and animations through text or high-contrast footage.

  View enrollment options at Noble Desktop

• ▶ Play preview

  Points and Lines in Design

  Lesson 1: Elements of Design

  4:36

  Explore how points and lines serve as the building blocks of visual design, creating movement, emphasis, and structure in motion graphics.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Shape, Form, and Color

  Lesson 1: Elements of Design

  6:25

  Discover how flat shapes create visual foundations, how form adds three-dimensional depth, and how color conveys mood, identity, and meaning.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Typography, Texture, and Light

  Lesson 1: Elements of Design

  8:47

  Learn how typography balances readability with style, how texture adds tactile quality to flat screens, and how light and shadow create depth and drama.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Balance, Unity, Contrast, and Emphasis

  Lesson 2: Principles of Design

  9:43

  Apply the principles of balance, unity, contrast, and emphasis to organize visual elements, build hierarchy, and guide viewer attention through composition.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Repetition, Movement, and Composition

  Lesson 2: Principles of Design

  16:50

  Use repetition, movement, proportion, variety, harmony, hierarchy, and positive and negative space to create cohesive and intentional visual designs.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Foundations of Animation Principles

  Lesson 3: Animation Principles

  10:00

  Master the classic Disney animation principles, including appeal, staging, timing, follow-through, and easing, and understand how they apply to modern motion graphics.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Anticipation, Arcs, and Exaggeration

  Lesson 3: Animation Principles

  9:53

  Apply anticipation, exaggeration, squash and stretch, arcs, secondary action, and solid drawing to add sophistication and realism to motion work.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Motivated Cuts and Continuity

  Lesson 4: Editing Principles and Perception

  8:29

  Build a foundation in motivated editing by learning how every cut must serve a purpose, how match shots maintain continuity, and how cutting on motion disguises transitions.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Shot Rules and Visual Logic

  Lesson 4: Editing Principles and Perception

  10:00

  Navigate the 180-degree rule, the 30-degree rule, jump cuts, shot levels, match cuts, and wipes to maintain spatial orientation and seamless visual flow.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Gestalt Theory

  Lesson 4: Editing Principles and Perception

  9:00

  Discover how the brain organizes visual information through proximity, similarity, continuity, closure, and figure-ground relationships to strengthen hierarchy and readability.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Understanding Typography

  Lesson 5: Typography and Sound Design

  10:00

  Learn typeface classifications, hierarchy strategies, type pairing techniques, and typographic density, and then understand how motion changes the rules for keeping text readable and clear.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Sound Design

  Lesson 5: Typography and Sound Design

  14:21

  Navigate the five-core sound design workflow from asset gathering through final mix, and learn how intentional audio choices create emotional grounding, weight, and immersion.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Intellectual Property Fundamentals

  Lesson 6: Intellectual Property

  7:46

  Understand the four types of intellectual property law and how copyright protects original creative works fixed in tangible media for motion designers and video editors.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Trademark Law for Designers

  Lesson 6: Intellectual Property

  10:00

  Learn what trademarks protect, from logos and brand names to sounds and colors, how they differ from copyright, and their limitations in fair use and territory.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Licensing, Work for Hire, and Public Domain

  Lesson 6: Intellectual Property

  4:28

  Navigate work-for-hire agreements, Creative Commons licensing, and public domain rules to protect your professional work and respect the rights of others.

  View enrollment options at Noble Desktop
• ▶ Play preview

  From Brief to Script

  Lesson 7: The Production Workflow

  10:00

  Walk through the early stages of the production workflowm from concept briefs and mood boards through scripts and AV split scripts, for both motion design and video editing.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Style Frames, Storyboards, and Animatics

  Lesson 7: The Production Workflow

  7:03

  Develop style frames, storyboards, and animatics as planning tools, and understand the progression from assembly edits through rough cuts to final delivery.

  View enrollment options at Noble Desktop
• ▶ Play preview

  The Video Editing Workflow

  Lesson 8: Project Types and Portfolio

  5:25

  Organize assets, build scratch audio, and progress through storyboard edits, assembly edits, rough cuts, and final cuts using an iterative refinement process.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Motion Graphics and Video Project Types

  Lesson 8: Project Types and Portfolio

  9:00

  Survey common project types including logo animations, kinetic typography, infographics, narrative scenes, promos, social media ads, and music videos.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Building Your Project Portfolio

  Lesson 8: Project Types and Portfolio

  9:54

  Develop skills through narrative animation, documentary editing, travel promos, explainer videos, highlight reels, and motion titles with increasing complexity.

  View enrollment options at Noble Desktop

• ▶ Play preview

  Course Introduction

  Lesson 1: Foundations

  9:18

  Introduce the course structure, learning objectives, and how AI fits into the commercial motion graphics and video production pipeline from research through delivery.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  One Prompt, Several Outputs

  Lesson 1: Foundations

  12:40

  Demonstrate how a single text prompt in ChatGPT can generate a project summary, script concept, and visual prompts that feed into Adobe Firefly to rapidly produce concept art.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Research and Ideation with AI

  Lesson 2: Research & Scripting

  10:00

  Explore how AI tools accelerate the early creative phases — trend research, brainstorming, reverse briefing, and concept validation — by acting as a conversational creative partner.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  From Client Brief to Concept Directions

  Lesson 2: Research & Scripting

  10:00

  Walk through using ChatGPT to analyze a fictional client brand guide, generate audience personas, develop art direction options, and produce early concept imagery in Adobe Firefly.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Scriptwriting with AI

  Lesson 2: Research & Scripting

  12:22

  Examine how AI tools speed up commercial script drafting by generating tone and audience variations, adapting scripts for different durations and platforms, and why human revision remains essential.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Drafting and Adapting a Commercial Script

  Lesson 2: Research & Scripting

  8:48

  Demonstrate using ChatGPT to draft a 30-second commercial script from a reverse brief, then adapt it across different tones and durations while organizing versions for team review.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Building the Two Column AV Script

  Lesson 2: Research & Scripting

  13:43

  Explain the two-column audio/visual script format as a production planning tool and show how AI can convert a written script into a structured AV document.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Formatting a Script into a Two Column AV Document

  Lesson 2: Research & Scripting

  6:11

  Demonstrate converting an approved script into a three-column AV planning document using ChatGPT, then importing it into a layout tool like Milanote for production review.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Creating Style Frames with AI

  Lesson 3: Visual Development

  10:00

  Cover prompt engineering frameworks for AI image generation, using tools like Midjourney and Firefly to produce style frames and mood boards that serve the client's communication goals.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  From Script to Style Frames

  Lesson 3: Visual Development

  10:00

  Demonstrate generating AI image prompts from an AV script's visual descriptions, running them through Midjourney with iterative adjustments, and refining outputs in Photoshop.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Storyboarding with AI

  Lesson 3: Visual Development

  12:14

  Explain how AI tools can accelerate storyboard creation by generating scene descriptions and rough frame visuals, while emphasizing that continuity and shot planning still require human oversight.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  From Script to Storyboard Frames

  Lesson 3: Visual Development

  13:46

  Demonstrate breaking a two-column script into visual beats, generating storyboard-style image prompts in ChatGPT and Midjourney, and assembling them into a storyboard template.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Animatics and Rough Animation with AI

  Lesson 4: Motion & Sound

  10:00

  Explore how AI tools help bridge the gap between static storyboards and final animation by testing timing, generating motion from stills, and validating pacing before full production.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Building Animatics with AI

  Lesson 4: Motion & Sound

  8:22

  Demonstrate how to use ChatGPT and Midjourney to convert storyboard frames into rough animated video clips, building animatics faster with AI-generated image-to-video motion sequences.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Final Animation and AI Assisted Effects

  Lesson 4: Motion & Sound

  9:39

  Explore how AI supports the final visual finishing stage of production, covering cleanup, masking, tracking, stylization, and compositing in After Effects and Premiere Pro.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  AI in Sound Design and Mixing

  Lesson 4: Motion & Sound

  9:07

  Examine how AI tools accelerate audio post-production workflows including music generation, voice cleanup, auto ducking, and dialog enhancement for visual-focused creators.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  AI Sound Effects with Adobe Firefly

  Lesson 4: Motion & Sound

  6:07

  Walk through Adobe Firefly's audio generation tools to create and preview custom sound effects for an animation, building a rough sound effects track alongside video content.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Delivery and Metadata with AI

  Lesson 4: Motion & Sound

  10:18

  Cover the final delivery stage of the production pipeline, showing how AI assists with content reframing, caption generation, metadata creation, and platform-specific distribution.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Generative Fill and Expand

  Lesson 5: AI in Photoshop & Illustrator

  10:00

  Demonstrate Photoshop's Generative Fill and Expand features to extend cropped images into 16:9 compositions and prepare still images for video and motion projects.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Fixing and Enhancing Images

  Lesson 5: AI in Photoshop & Illustrator

  10:00

  Show how to use Photoshop's generative AI tools to fix flawed AI-generated images, remove unwanted elements, and add new AI-generated visual effects to existing photographs.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Generate Vectors and Turntable

  Lesson 5: AI in Photoshop & Illustrator

  13:17

  Demonstrate Illustrator's Generate Vectors feature for creating scalable vector graphics from text prompts, and the Turntable feature for rotating 2D artwork into 3D perspectives.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Generative Extend

  Lesson 6: AI in Premiere Pro & After Effects

  4:04

  Show Premiere Pro's Generative Extend feature, which uses AI to add up to two seconds of new video content beyond a clip's end point when footage runs short.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Auto Ducking and Enhanced Speech

  Lesson 6: AI in Premiere Pro & After Effects

  6:51

  Demonstrate Premiere Pro's AI-powered auto ducking to balance music against dialog, and Enhanced Speech to rebuild and clean up voice recordings.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Object Masking

  Lesson 6: AI in Premiere Pro & After Effects

  6:06

  Walk through Premiere Pro's AI-powered Object Mask tool to isolate and track specific areas of a video subject for targeted color correction.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Content Aware Fill

  Lesson 6: AI in Premiere Pro & After Effects

  5:29

  Demonstrate After Effects' Content-Aware Fill to remove unwanted background objects from video by masking, tracking, and letting AI generate replacement imagery.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Object Matte

  Lesson 6: AI in Premiere Pro & After Effects

  6:04

  Show the Object Matte tool in After Effects to isolate a person from their background using AI-powered edge detection, for use as track mattes or targeted effects.

  View enrollment options at Noble Desktop

• ▶ Play preview

  Course Introduction

  Lesson 1: Getting Started with Claude Code

  5:45

  Discover what to expect throughout this hands-on bootcamp, including the types of projects you'll build and how Claude Code empowers coders of all skill levels to create polished, production-ready applications.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  What is Claude Code?

  Lesson 1: Getting Started with Claude Code

  5:55

  Learn how Claude Code works as an AI coding agent, including understanding its LLM foundation, what tasks it can handle autonomously, and how to think of yourself as the manager guiding it rather than the coder doing the work.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Installing Claude Desktop

  Lesson 1: Getting Started with Claude Code

  7:19

  Walk through downloading and installing the Claude Desktop application, setting up your account, and navigating the platform's key areas, including where to find Claude Code and how to connect it to a project folder.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Installing Claude in VS Code

  Lesson 1: Getting Started with Claude Code

  3:01

  Set up the Claude Code extension directly inside VS Code, giving you a fully integrated AI coding assistant within the same professional development environment used by experienced developers.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Git and GitHub Explained

  Lesson 2: Setting Up Your Workflow

  10:00

  Understand how Git and GitHub work together as a version control system, including creating checkpoints, pushing code to the cloud, and cloning repositories, all with Claude handling the technical commands on your behalf.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Setting Up Your Claude.md File

  Lesson 2: Setting Up Your Workflow

  10:00

  Configure a Claude.md file to give Claude a persistent set of rules and preferences that carry over between sessions, covering coding style, documentation habits, and how to test that your instructions are actually working.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Understanding Permission Modes

  Lesson 2: Setting Up Your Workflow

  18:26

  Explore Claude's three permission modes, Ask, Auto Accept, and Plan, and learn when to use each one so you stay in control of your project while giving Claude the right level of autonomy for the task at hand.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Guided Lab: Build Your First Project

  Lesson 2: Setting Up Your Workflow

  16:15

  Apply everything you've learned by forking a course repository, using Claude to explore and customize a working quiz website, and committing your finished project to GitHub, with an optional challenge to publish it live using GitHub Pages.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Introduction to Prompt Engineering

  Lesson 3: Prompting Claude Code Effectively

  6:47

  Master the core principles of prompt engineering, including how to communicate goals, define behaviors and constraints, and steer Claude back on track when it makes assumptions you did not intend.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Explore, Plan, Execute, Review

  Lesson 3: Prompting Claude Code Effectively

  7:02

  Follow a four-step workflow for setting Claude up for success on any task, walking through how to explore a codebase, outline a plan, give Claude the green light to build, and review the output before moving on.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Managing Context and Session Length

  Lesson 3: Prompting Claude Code Effectively

  4:32

  Recognize the signs that a Claude session has gone on too long, including contradictions, ignored constraints, and hallucinations, and learn how to start fresh sessions while preserving the rules and context Claude needs to keep working effectively.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Scaffolding Your First Project

  Lesson 4: Scaffolding a New Project

  15:20

  Build a fully functional command line to-do list application in Python by scaffolding the project structure with Claude, defining core features upfront, testing the output, and progressively adding enhancements like color-coded terminal output.

  View enrollment options at Noble Desktop
• ▶ Play preview

  How the Internet Works

  Lesson 5: Web Development Fundamentals

  10:00

  Discover what actually happens when you type a URL into a browser, from DNS lookups and request response cycles to HTTP status codes, so you can understand and troubleshoot the web infrastructure Claude builds on.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  HTML and CSS Basics

  Lesson 5: Web Development Fundamentals

  10:00

  Get a practical introduction to HTML structure and CSS styling by exploring real code in the browser dev tools, so you can read and understand the code Claude generates without needing to memorize syntax.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Introduction to JavaScript

  Lesson 5: Web Development Fundamentals

  9:16

  Learn what JavaScript is, how it makes web pages interactive through variables, functions, and event listeners, and how to direct Claude to add JavaScript behavior to your projects without writing it yourself.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Frontend, Backend, and APIs

  Lesson 5: Web Development Fundamentals

  8:12

  Understand the difference between frontend and backend development, how servers and databases work together behind the scenes, and what APIs are so you can confidently direct Claude when building more complex applications.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Development vs Production Environments

  Lesson 5: Web Development Fundamentals

  6:11

  Learn the difference between development, testing, and production environments, including how error handling, API keys, and environment variables should be managed at each stage so your projects are secure and stable when they go live.

  View enrollment options at Noble Desktop
• ▶ Play preview

  How to Debug with Claude

  Lesson 6: Debugging and Testing Your Code

  10:00

  Develop a detective approach to debugging by learning how to gather clues from the browser console, network tab, and URL bar, then communicate symptoms clearly to Claude so it can diagnose and fix the root cause.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Setting Up Automated Tests

  Lesson 6: Debugging and Testing Your Code

  7:11

  Use Claude to build automated unit and integration tests for your projects, catching bugs before users do and creating living documentation that shows exactly how your program is supposed to work.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Libraries, Packages, and NPM

  Lesson 7: Modern App Architecture and Next.js

  6:53

  Understand what libraries and packages are, why developers use them, and how NPM works as the tool that installs and manages them, so you know what Claude is doing when it references or installs external code on your behalf.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Choosing the Right App Architecture

  Lesson 7: Modern App Architecture and Next.js

  14:02

  Compare the three most common application architectures, static sites, server side rendering, and single page applications, and learn the strengths and limitations of each so you can make informed decisions when Claude asks how you want to build.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Anatomy of a Next.js Application

  Lesson 7: Modern App Architecture and Next.js

  15:19

  Take a guided tour of a Next.js project built with Claude, exploring how routing, layouts, components, the public folder, and the package.json file all work together so you can confidently navigate your codebase and direct Claude as you build.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Landing Page Lab Walkthrough

  Lesson 8: Building a Business Landing Page

  10:41

  Build a business landing page by choosing an architecture, crafting a detailed and well-constrained prompt, and using plan mode to guide Claude toward a polished result, then continue iterating to add new features and improvements.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Skills and Slash Commands

  Lesson 9: Advanced Claude Code Features

  10:00

  Create reusable skills and trigger them instantly with slash commands, so you can automate repeated tasks like building and running tests without rewriting complex prompts every time.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Running Parallel Sessions

  Lesson 9: Advanced Claude Code Features

  8:06

  Speed up development by running multiple Claude sessions at the same time, learning how to assign separate tasks to each session while avoiding conflicts when both sessions might touch the same files.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Hooks and Sub Agents

  Lesson 9: Advanced Claude Code Features

  8:49

  Automate follow up tasks in Claude using hooks that trigger automatically after certain actions, and use sub agents to handle closely related tasks in the background without creating a fully separate session.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Extending Claude with MCP Servers

  Lesson 9: Advanced Claude Code Features

  7:43

  Install and use MCP servers to give Claude new capabilities beyond reading code files, including taking browser screenshots to visually evaluate pages and connecting to external tools like Figma and databases.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Branching and Feature Development

  Lesson 10: Advanced Git and GitHub Workflows

  10:00

  Learn how to create feature branches to develop new functionality in isolation, understand how branches protect your main codebase, and use Claude to build and commit changes on a separate branch before merging them back in.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Pull Requests, Merges, and Reverts

  Lesson 10: Advanced Git and GitHub Workflows

  9:29

  Walk through the full GitHub pull request process, from pushing a feature branch and reviewing diffs to merging into main, deleting the completed branch, and using reverts to safely roll back changes when needed.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Why Use a Database?

  Lesson 11: Databases and User Authentication

  9:48

  Understand what databases are, how SQL and NoSQL differ, and why Supabase with Postgres is the recommended choice for this course, so you can make informed decisions when Claude asks how you want to store your data.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Database Schemas, Tables, and Relationships

  Lesson 11: Databases and User Authentication

  10:00

  Design a visual database schema using DB Diagram and Claude, learning how tables relate to each other through foreign keys and how to choose the right data types for each field before writing a single line of database code.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Connecting Your Schema to Supabase

  Lesson 11: Databases and User Authentication

  25:04

  Set up a Supabase project, connect it to a Next.js app using environment variables, and run database migrations to turn your schema blueprint into real working tables, then validate everything is live by inserting sample data.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Adding User Authentication

  Lesson 11: Databases and User Authentication

  16:50

  Implement user authentication in a Next.js app using Supabase, including encrypted password storage, session and cookie management, and building signup and login pages so users can securely register and stay logged in.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Notes App Project Kickoff

  Lesson 12: Building a Notes App

  17:40

  Scaffold a full stack notes application from scratch by setting up a Next.js project, connecting it to a Supabase database, generating a Claude.md file, and using plan mode to map out the full app architecture before writing a single line of feature code.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Adding OAuth with GitHub

  Lesson 13: OAuth, External APIs, and Caching

  10:00

  Set up GitHub OAuth through Supabase so users can sign into your app with their GitHub account, and learn the principle of least privilege so you give third-party providers only the permissions they actually need.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Working with External APIs

  Lesson 13: OAuth, External APIs, and Caching

  21:32

  Integrate a free weather API into the notes app by obtaining an API key, storing it securely in an environment file, and prompting Claude to display live weather data, including how to debug when the widget does not appear as expected.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Caching API Data with Supabase

  Lesson 13: OAuth, External APIs, and Caching

  11:18

  Implement a caching layer for external API data using a Supabase table so your app stores short-term results locally, reducing network requests, protecting against rate limits, and keeping the app functional even when the external API is unavailable.

  View enrollment options at Noble Desktop
• ▶ Play preview

  UX and UI Fundamentals

  Lesson 14: Design, Accessibility, and UX

  8:54

  Apply the four core design principles of hierarchy, white space, consistency, and contrast to guide Claude toward building interfaces that are clear, readable, and visually effective, and learn where to find design inspiration to share directly with Claude.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Components and Design Systems

  Lesson 14: Design, Accessibility, and UX

  5:40

  Speed up development and improve visual consistency by using a component library like Shadcn UI, which gives you pre-built tested components that Claude can install and customize directly inside your Next.js project.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Responsive Design

  Lesson 14: Design, Accessibility, and UX

  8:47

  Ensure your app looks great on every screen size by understanding breakpoints and the mobile first approach, and learn how to use the browser's built in developer tools to test your layout across different devices and screen sizes.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Building for Accessibility

  Lesson 14: Design, Accessibility, and UX

  15:26

  Build websites that work for all users including those with visual impairments or limited motor ability, by using semantic HTML, keyboard navigation, proper contrast ratios, and ARIA labels to meet accessibility standards with Claude's help.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Component States and Dev Tools

  Lesson 14: Design, Accessibility, and UX

  8:50

  Design a better user experience by building out all six component states including loading, empty, error, success, disabled, and default, and learn how to use toasts, skeletons, and spinners to give users clear feedback at every stage.

  View enrollment options at Noble Desktop
• ▶ Play preview

  Six Attacks Every Developer Should Know

  Lesson 15: Web Security Fundamentals

  10:00

  Get a practical overview of the six most common security threats your application will face, including cross-site scripting, SQL injection, CSRF, brute force attacks, insecure data handling, and vulnerable dependencies, so you know what to watch for and how to direct Claude to protect against them.

  This preview is temporarily unavailable. Please try again later.

• ▶ Play preview

  Input Validation

  Lesson 15: Web Security Fundamentals

  10:00

  Protect your application from bad and malicious data by validating user input on both the client and server side, using allow lists, deny lists, and regular expressions to ensure only clean and expected data ever reaches your database.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  Rate Limiting

  Lesson 15: Web Security Fundamentals

  11:22

  Defend your application against brute force attacks, credential stuffing, denial of service attacks, and runaway API costs by implementing rate limiting on login, signup, password reset, and any endpoints that call external services.

  View enrollment options at Noble Desktop
• 

  Enrollment required

  Data Privacy and Legal Compliance

  Lesson 15: Web Security Fundamentals

  7:57

  Understand your legal obligations under GDPR and the California Consumer Privacy Act and learn the practical steps needed to stay compliant, including writing a privacy policy, collecting only necessary data, encrypting your database, and giving users the ability to delete their information.

  View enrollment options at Noble Desktop
• ▶ Play preview

  How to Deploy Your App with Vercel

  Lesson 16: Deployment, SEO, and Performance

  10:00

  Deploy your finished Next.js project to the internet by connecting your GitHub repository to Vercel, configuring your environment variables, and running your first production build, then test the live app to make sure everything works as expected.

  This preview is temporarily unavailable. Please try again later.

• 

  Enrollment required

  SEO and Performance Optimization

  Lesson 16: Deployment, SEO, and Performance

  15:25

  Improve your deployed site's search engine ranking and load speed by adding metadata and semantic HTML, using Google Chrome's Lighthouse tool to identify issues, and applying targeted fixes like image sizing, skeleton loaders, and caching with Claude's help.

  View enrollment options at Noble Desktop