Uploaded October 2025 | Updated September 2026, 1 week ago
In this lesson you will learn how to use Blend Modes & add Layer Style to change how layers interact with each other and to add visual effects such as shadows, strokes, glows, and overlays.
Exercise Files:
https://dub.sh/aeugfiles
1. Introduction to Layer Styles and Blend Modes
1. Layer Styles in Photoshop and After Effects
1. Common styles: bevel and emboss, stroke, glows, shadows, overlays.
2. Blend Modes
1. Control interaction between layers based on lightness and color values.
2. Importing and Preserving Layer Styles and Blend Modes
1. Importing Photoshop Files
1. Steps to import as a composition retaining layer sizes.
2. Importance of choosing editable layer styles.
2. Preserving Layer Styles and Blend Modes
1. Checking and editing imported layer styles and blend modes.
3. Accessing and Managing Layer Styles
1. Viewing and Editing Layer Styles
1. Twirling open layers to see and edit styles.
2. Toggling Modes and Switches
1. Keyboard shortcuts (F4) and menu options for toggling modes.
3. Converting Merged Layer Styles
1. Steps to convert merged layer styles into editable styles.
4. Adding and Customizing Layer Styles
1. Adding Layer Styles
1. Right-click or top menu options for adding styles.
2. Example: Adding a color overlay and changing color.
2. Layer Style Blend Modes
1. Each style has its own blend mode, which can be combined with layer blend modes.
3. Removing Layer Styles
1. Methods: Select and delete, right-click menu, top menu options.
4. Show All Layer Styles
1. Caution: "Show All" adds all available styles to a layer.
5. Comparison Between Layer Styles and Effects
1. Effects Similar to Layer Styles
1. Examples: Drop shadow, fill effect, stroke effect.
2. Choosing Between Layer Styles and Effects
1. Simplicity of layer styles vs. complexity and stack-ability of effects.
2. Technical rendering differences: effects before transform, layer styles after.
3. Special considerations for 3D layers.
6. Applying and Cycling Through Blend Modes
1. Changing Blend Modes
1. Found under the mode column in the layers panel.
2. Keyboard shortcuts: Shift + Equal, Shift + Minus.
2. Practical Use of Blend Modes
1. Adding texture, grunge, or natural looks to layers.
3. Keyboard Shortcuts for Layer Management
1. Command/Ctrl + left/right bracket keys for moving layers.
7. Advanced Use of Blend Modes
1. Combining Blend Modes and Effects
1. Example: Adding contrast or color with curves or levels effects.
2. Knocking Out Backgrounds
1. Using blend modes to remove white or black backgrounds.
2. Examples: Subtractive (darken, multiply) and additive (add, lighten, screen) blend modes.
8. Working with Animated Textures
1. Adding and Adjusting Animated Textures
1. Using blend modes to integrate animated textures into compositions.
2. Full-Screen Preview
1. Tilda (grave) key for full-screen view, Spacebar for navigation.
9. Practical Tips and Best Practices
1. Experimentation with Blend Modes
1. Cycling through blend modes to find desired effects.
2. Combining Layer Styles and Blend Modes
1. Fine-tuning results by combining both features.
3. Troubleshooting Common Issues
4. Addressing expression errors and rendering issues.
In this lesson you will learn how to use Blend Modes & add Layer Style to change how layers interact with each other and to add visual effects such as shadows, strokes, glows, and overlays.
Exercise Files:
https://dub.sh/aeugfiles
1. Introduction to Layer Styles and Blend Modes
1. Layer Styles in Photoshop and After Effects
1. Common styles: bevel and emboss, stroke, glows, shadows, overlays.
2. Blend Modes
1. Control interaction between layers based on lightness and color values.
2. Importing and Preserving Layer Styles and Blend Modes
1. Importing Photoshop Files
1. Steps to import as a composition retaining layer sizes.
2. Importance of choosing editable layer styles.
2. Preserving Layer Styles and Blend Modes
1. Checking and editing imported layer styles and blend modes.
3. Accessing and Managing Layer Styles
1. Viewing and Editing Layer Styles
1. Twirling open layers to see and edit styles.
2. Toggling Modes and Switches
1. Keyboard shortcuts (F4) and menu options for toggling modes.
3. Converting Merged Layer Styles
1. Steps to convert merged layer styles into editable styles.
4. Adding and Customizing Layer Styles
1. Adding Layer Styles
1. Right-click or top menu options for adding styles.
2. Example: Adding a color overlay and changing color.
2. Layer Style Blend Modes
1. Each style has its own blend mode, which can be combined with layer blend modes.
3. Removing Layer Styles
1. Methods: Select and delete, right-click menu, top menu options.
4. Show All Layer Styles
1. Caution: "Show All" adds all available styles to a layer.
5. Comparison Between Layer Styles and Effects
1. Effects Similar to Layer Styles
1. Examples: Drop shadow, fill effect, stroke effect.
2. Choosing Between Layer Styles and Effects
1. Simplicity of layer styles vs. complexity and stack-ability of effects.
2. Technical rendering differences: effects before transform, layer styles after.
3. Special considerations for 3D layers.
6. Applying and Cycling Through Blend Modes
1. Changing Blend Modes
1. Found under the mode column in the layers panel.
2. Keyboard shortcuts: Shift + Equal, Shift + Minus.
2. Practical Use of Blend Modes
1. Adding texture, grunge, or natural looks to layers.
3. Keyboard Shortcuts for Layer Management
1. Command/Ctrl + left/right bracket keys for moving layers.
7. Advanced Use of Blend Modes
1. Combining Blend Modes and Effects
1. Example: Adding contrast or color with curves or levels effects.
2. Knocking Out Backgrounds
1. Using blend modes to remove white or black backgrounds.
2. Examples: Subtractive (darken, multiply) and additive (add, lighten, screen) blend modes.
8. Working with Animated Textures
1. Adding and Adjusting Animated Textures
1. Using blend modes to integrate animated textures into compositions.
2. Full-Screen Preview
1. Tilda (grave) key for full-screen view, Spacebar for navigation.
9. Practical Tips and Best Practices
1. Experimentation with Blend Modes
1. Cycling through blend modes to find desired effects.
2. Combining Layer Styles and Blend Modes
1. Fine-tuning results by combining both features.
3. Troubleshooting Common Issues
4. Addressing expression errors and rendering issues.







![Part 2: How to set up Project Folder and build the Script UI Panel with Wiggle Button
🎓 Part 2 of 4:
How to set up Project Folder and build the Script UI Panel with Wiggle Button
Welcome to Part 2 of this 4-part mini-course where youll learn how to set up a Project Folder for this project and future vibe coding projects, how to open the folder in Cursor AI and then add a text prompt to build the basic ScriptUI Panel with a button that says Wiggle.
🧱 What You’ll Learn:
- How to organize your project folder for vibe coding
- How to open folders in Cursor AI and explore the interface
- How to prompt Cursor using the Context + Expectations method
- How to generate a .jsx ScriptUI panel with a dummy button
- How to install and test your custom panel inside After Effects
📺 WATCH THE FULL MINI-COURSE
▶️ Intro: https://youtu.be/7kcY82mnsA4
▶️ Part 1: https://youtu.be/YC7_7KwTZQE
▶️ Part 2 (You’re here)
▶️ Part 3:
▶️ Part 4:
🧭 ABOUT THIS SERIES
This is a mini-course designed for content creators and educators who want to use AI tools like Cursor AI to vibe code, build digital products, and create smart tools using Adobe After Effects.
🛠 Tools & Effects Used
* App: Adobe After Effects CC 2025
* Download Cursor: https://cursor.com
⌨️Keyboard Shortcuts:
* Open Chat Panel: Cmd/Ctrl + I
* Accept All Changes: Cmd/Ctrl + Enter
* Create Duplicate File: Cmd/Ctrl + D
📂 Project Folder Setup:
* Home...code...code builds....ae_script_panel_wiggle
* Inside: `dev`, `docs`, `project files`
💾 ScriptUI Install Path (Mac):
* Applications ...Adobe After Effects [version] ...Scripts,,,ScriptUI Panels
📦 RESOURCES & DOWNLOADS
* 🎓 After Effects User Guide Course: https://aeuserguide.com
* 🎨 Terrapin Textures: https://terrapintextures.com
* 🔧 My Gear & AI Tools: https://mikemurphy.co/resources
* 🖥 Adobe After Effects: https://mikemurphy.co/adobe (affiliate)
🗂️ How To Set Up Vibe Coding Project Folder (Mac Instructions)
* Create folder in Home Folder called ‘code’
* Create a folder inside ‘code’ called ‘code builds’
* Create a folder inside ‘code builds’ called ‘ae_script_panel_wiggle’
* Create 3 folders inside project folder (dev, docs, project files)
* Place Cursor code files (.jsx) in ‘dev’ folder
* Place ReadMe files and prompts in ‘docs’
* Place After Effects .aep project in ‘project files’
🛠️ How To Build ScriptUI Panel in Cursor AI:
* Copy ChatGPT (or similar) prompt to clipboard
* Open Cursor
* Open Project Folder
* Press Cmd/Ctrl + i to jump cursor to Chat Panel
* Paste Prompt in text field
* Press Return/Enter
* Accept File generated by Cursor
* Move .jsx file into ‘dev’ folder
🛠️ How To Add Code (.jsx) to After Effects
* Open Project Folder
* Open ‘dev’ folder
* Copy .jsx file (Cmd/Ctrl + D)
* Move .jsx file outside of ‘dev’ and give it identical file name as original created by Cursor
* Open Finder
* Click on Applications
* Click on Adobe After Effects [latest version]
* Click on ‘Scripts’
* Click on ‘ScriptsUI Panel’ and drag to Sidebar for shortcut
* Drag duplicated .jsx file in ScriptsUI Panel
* Open After Effects
* Go to Window Menu
* Select ‘myaetools.jsx’ to open
* Test by docking
* Click ‘Wiggle’ and nothing should happen yet
⏱ TIMESTAMPS
00:00 Introduction To Part 2
00:12 Part 2 Overview
00:32 Project Folder Setup & Organization
01:40 My Vibe Code System
02:17 Mac Tip: Finder Sidebar Shortcut
02:32 Start Building in Cursor
02:54 Explorer Panel + Project Folder
03:14 Rich Text vs Plain Text
03:49 Shortcut to Chat (Cmd/Ctrl + i)
04:40 Context + Framework
05:14 Copy & Paste Prompt
05:43 Review Cursor Results
06:22 Green Highlighted Code
07:11 Accept & Reject Code
07:55 Code Lingo Cheatsheet
09:07 Duplicating New .jsx File
09:58 ScriptsUI Panel Folder (Applications)10:34 Open & Test in After Effects
11:06 Testing Wiggle Button
11:32 End of Part 2
11:43 Recap of Part 2
👍 Like this video? Subscribe to the channel + sign up for my newsletter *AI Unplugged* to learn how to use AI to build your creative business.
📬 STAY IN THE LOOP
→ Join the AI Unplugged Newsletter to follow my journey into AI, tools, and building a solo creator business. https://mikemurphy.co/aiunplugged
→ Subscribe for more tutorials like this: https://youtube.com/mikemurphyco
🧭 Mike Murphy Tutorials
Learn AI. Build digital products. Make a living as a content creator.
🌹 Powered by Project Rosebud Part 2: How to set up Project Folder and build the Script UI Panel with Wiggle Button](https://i.ytimg.com/vi/Kc7sygIlMdQ/mqdefault.jpg)


