Trapcode Form: Making UI Elements

Trapcode Form: Making UI Elements

2h 16mIntermediate2019-09-04

Authors

Todd Perkins

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

Skills covered

Interaction DesignAfter EffectsUser ExperienceAdobeDeep Dive (X:Y)

Concepts

Introduction

  • Learn the core features of Trapcode Form
  • Prerequisites
  • Trapcode Form vs. Trapcode Particular

Getting Started

  • Examining the project
  • Making Form do the work
  • Modifying Designer presets
  • Working in 32 bits per channel

Making the Background

  • Creating the grid
  • Creating the aerial overlay

Making Components

  • Creating the oscilloscope
  • Making the right side vertical bars
  • Making the data readout

Using Layer Maps

  • Making the status bars
  • Changing the colors with a layer map

Working with Sprites

  • Using sprites to create the analysis squares
  • Creating the power supply with sprites
  • Enhancing with flourishes
  • Making the lower left audio waveform

Controlling Form with Audio

  • Making the upper left audio waveform

3D Form Objects

  • Creating the head object
  • Modifying the head with a layer map
  • Creating a matte for the edges

Conclusion

  • Next steps
80,000 Toman