Karl Cleveland

506 subscribers

44 videos

I share instructional videos about media arts and design. My focus is on interactive media, web design, graphic design, creative code, animation, UI/UX desig...

Latest Videos

Exploring Figma Make to Create Functional Prototypes and Apps

Scrollytelling Techniques - Video and Audio Via Scroll

Frame by Frame Animation in Photoshop

Using Photoshop to Create Custom Halftone Effects for Screen Printing or to Simulate a Screen Print

Using Photoshop for Creating Color Palettes and Color Separations for Use in Screen Printing

Photoshop for Screen Printing - Halftones and Threshold - Step by Step

Splitting CMYK Color Channels, Color Separations, and Halftone Bitmaps for Screen Printing

& Campaign Promotional Video for Media Arts & Technologies at MiraCosta College

Creating an Animated Slideshow in Photoshop

Working with the Photoshop Timeline to Create Animated Parallax Effects

Actions and Automation in Photoshop

Optimizing Imagery for the Web - Saving to WebP

Figma Interactive Protoyping - Local Variables + Add To Cart

Creating and Applying a Color Palette - Part 3 Color Grading and Matching with Curves

Creating and Applying a Color Palette - Part 2 Gradient Maps and Blend If

Creating and Applying a Color Palette - Part 1 Sampling Colors

Vectorizing an Image in Photoshop

Create Patterns in Photoshop with Pattern Preview

How to Create an Interactive Slide Show in Figma

Creating a Website Drop Menu in Figma

CSS Animations Triggering Animations When Scrolled Into View

Animaton-Timeline and Scroll-Based CSS Animations

CSS Sprite Animation

Generative AI in Photoshop Generative Fill

Generative AI in Photoshop Generative Expand

Exploring CSS Animation The Animation Property and @keyframes

Exploring CSS Animation The Transition Property

Single Page Scroller Website - Part 2 CSS Techniques

Single Page Scroller Website - Part 1 Exploring structure and layout

Exploring Web Typography