Trapcode Form: Making UI Elements
2h 16mIntermediate2019-09-04
Authors

Todd Perkins
Developer specializing in iOS
Course details
Learn all of the core features for making engaging user interfaces with Trapcode Form, a 3D particle generator for Adobe After Effects. This fun, project-based course guides you through the process for building an animated user interface for a fictional, futuristic facial recognition program. While you build the project, you can see the power of the visual designer, controls, and presets in action and learn the basic tools and techniques you need to create your own custom UI elements from scratch. Adobe Certified Instructor Chad Perkins—and official Trapcode Form 4 trainer—shows how to make components, control Form with layer maps, create unique particles with Form sprites, and control animation with audio waveforms. Plus, learn how to use 3D files to create Form shapes.
Learning objectives
Using and modifying designer presets
Creating the background
Making components
Using layer maps
Adding elements with sprites
Controlling Form with audio
Creating 3D Form objects
Learning objectives
Using and modifying designer presets
Creating the background
Making components
Using layer maps
Adding elements with sprites
Controlling Form with audio
Creating 3D Form objects
Skills covered
Interaction DesignAfter EffectsUser ExperienceAdobeDeep Dive (X:Y)
Concepts
1. Introduction
- 01 - Learn the core features of Trapcode Form
- 02 - Prerequisites
- 03 - Trapcode Form vs. Trapcode Particular
2. Getting Started
- 04 - Examining the project
- 05 - Making Form do the work
- 06 - Modifying Designer presets
- 07 - Working in 32 bits per channel
3. Making the Background
- 08 - Creating the grid
- 09 - Creating the aerial overlay
4. Making Components
- 10 - Creating the oscilloscope
- 11 - Making the right side vertical bars
- 12 - Making the data readout
5. Using Layer Maps
- 13 - Making the status bars
- 14 - Changing the colors with a layer map
6. Working with Sprites
- 15 - Using sprites to create the analysis squares
- 16 - Creating the power supply with sprites
- 17 - Enhancing with flourishes
- 18 - Making the lower left audio waveform
7. Controlling Form with Audio
- 19 - Making the upper left audio waveform
8. 3D Form Objects
- 20 - Creating the head object
- 21 - Modifying the head with a layer map
- 22 - Creating a matte for the edges
Conclusion
- 23 - Next steps