How to use a Grid System for Responsive Motion Graphics Development
Roland Kahlenberg April 2, 2024
0 Comments
Problem Description When a Text Layer is edited and additional lines are input, there is a possibility for the new lines to cut off at frame edges. This is a common issue when text is placed at either the top or bottom positions of the Video Frame.
There are also occasions when you want to dictate if the Text Boundary moves up or down when a text edit results in a change in the number of lines.
A download link to an Adobe After Effects Project File is provided here.
Solution In Adobe After Effects, you can dictate whether the Boundary of a Text Layer moves up, down or centered both ways by strategically locking the Anchor Point.
When the Anchor Point's location is locked to the top of the Text Layer, additional text lines will extend the Text Boundary downwards and the top of the Boundary does not move.
When the Anchor Point location is locked to the bottom of the Text Layer, additional lines of text will push the boundary upwards and the bottom of the boundary does not move.
And when the Anchor Point location of a Text Layer is locked to its y-center, additional text lines will move both the top and bottom boundaries in equal measure.
A positive externality of locking a Text Layer's Anchor Point is the ability to switch between Paragraph Alignments without affecting position. This allows for additional creative options for layouts and designs when developing Responsive Motion Graphics Templates.
The Animated GIF below shows these behaviors. The yellow dot is a visual identifier for the Text Layer's Anchor Point.
Animated GIF showing Dynamic Anchor Point and Seamless Switching Between Paragraph Alignments
Using the Grid System We use Expressions (Javascript-based code) in Adobe After Effects to create a Dynamic Anchor Point for our Text Layer. When the Text Layer is in the top grid position, the Anchor Point is placed at the top of the Text Layer. When the Text Layer is at the bottom grid, the Anchor Point changes location, dynamically, and it is now placed at the bottom of the Text Layer.
When the Text Layer is placed in the center grid, a design decision has to be made - you will have to decide how you want the Text Layer's boundary to shift; up, down or centered or even allow for a Drop Menu Selection for the user to choose.
Such a decision should depend on the design or Template Guide and this will depend on the expected lines of text to be input.
One of the fun and challenging exploits with developing Responsive Motion Graphics Solutions/Templates/Toolkits is combining Code, Motion Design, Graphics Design, Videos and occasionally audio to solve not one but multiple design considerations, use-cases at one go without compromise to aesthetics or motion design nuances.
In the realworld, the challenges are more exciting as you work with multiple Text Layers, Graphics, and Video.
More from Roland Kahlenberg
April 1, 2024What is Responsive Motion Graphics, and What's in it For Me?Responsive Motion Design is an innovative fusion of Motion Design, Graphics Design,
January 19, 2024How to use the Text Highlighting Features in the Adaptive Text Tool in Adobe Premiere ProLearn how to quickly add Faux Bold, Faux Italics, Color, Outline, and
Being able to develop Responsive and Adaptive features into your Motion Graphics Templates/Toolkits opens up a world of possibilities that will set you up really well for now and the future.
Not only does Responsive Motion Graphics allow you to create great-looking content but it will help you to transform your Content Supply Chain; set you up for the future, for your career and for your clients who are constantly demanding more, better and faster.
You'll be able to deliver these only by adopting new ways of working, new ways of looking at old problems and with new solutions and a new way to look at problems with the tools and know-how.
BroadcastGEMS adaptive & responsive text tools Gumroad Store
Enjoying the news? Sign up for the Creative COW Newsletter! Sign up for the Creative COW newsletter and get weekly updates on industry news, forum highlights, jobs, inspirational tutorials, tips, burning questions, and more! Receive bulletins from the largest, longest-running community dedicated to supporting professionals working in film, video, and audio.
Enter your email address, and your first and last name below!
-- Sign up: * indicates required
Email Address *
Name
--
Most recent headlines
05/01/2027
Worlds first 802.15.4ab-UWB chip verified by Calterah and Rohde & Schwarz to be ...
01/06/2026
January 6 2026, 05:30 (PST) Dolby Sets the New Standard for Premium Entertainment at CES 2026
Throughout the week, Dolby brings to life the latest innovatio...
02/05/2026
Dalet, a leading technology and service provider for media-rich organizations, t...
01/05/2026
January 5 2026, 18:30 (PST) NBCUniversal's Peacock to Be First Streamer to ...
01/04/2026
January 4 2026, 18:00 (PST) DOLBY AND DOUYIN EMPOWER THE NEXT GENERATON OF CREATORS WITH DOLBY VISION
Douyin Users Can Now Create And Share Videos With Stun...
19/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/03/2026
How Chris Bolte Builds the Sound of PlayStation Games Chris Bolte '16 is a technical sound designer at Sucker Punch Productions, where he helps create the...
18/03/2026
Newly named chief product officer (CPO), Larissa G rner Meeus will return to Net Insight on May 4.
Larissa G rner Meeus will become CPO of Net Insight on May 4...
18/03/2026
SVG Europe's The Football Summit 2026 explored how the sports broadcasting i...
18/03/2026
The 2026 NAB Show kicks off one month from today and SVG is once again set to cover the show from every angle. SVG's SportsTech@NAB Show Blog is now live - ...
18/03/2026
(L-R) The cast and crew of Dead Lover at The Ray Theater for its premiere at the 2025 Sundance Film Festival. (Photo by Robin Marshall/Shutterstock for Sundan...
18/03/2026
Yamaha C7 captured in Nashville
Wiltone Productions have announced the release of Music Row Piano, a deeply sampled Yamaha C7 piano library that's been ...
18/03/2026
Bass-enhancement plug-in upgraded
Along with a steady stream of new releases, Techivation have recently been revisiting some of the older plug-ins in their ...
18/03/2026
Mix-reference plug-in overhauled
iZotope's powerful mix-referencing plug-in has just reached its third major version, and now boasts a new capture proce...
18/03/2026
Latest EZKeys 2 expansion arrives
Toontrack's staggering collection of EZKeys 2 expansions has grown once again, and the latest instalment delivers a on...
18/03/2026
Jess Ho explores the politics of food in new SBS Audio podcast For The Culture
18 March, 2026
Media releases
New SBS Audio podcast For The Culture, hosted ...
18/03/2026
Future-ready broadcasts with ATSC 3.0 and enhanced services from Rohde & Schwarz...
18/03/2026
London Calling - When The Industry Convened to Help Streaming Find its MoJo In this blog, Laura Rognoni reflects on key discussions from the Connected TV World...
18/03/2026
SMPTE Unveils 2026 NAB Show Educational Presentations
Brie Clayton March 18, 2026
0 Comments
SMPTE , the home of media professionals, technologists, a...
18/03/2026
Auditel Ad Campaign Shot on Blackmagic PYXIS 12K
Brie Clayton March 18, 2026
0 Comments
LED wall virtual production blends 12K open gate acquisition w...
18/03/2026
Brainstorm transforms productivity and sustainability with Suite 7 at NAB Show 2...
18/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
18/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
18/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
18/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
18/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
18/03/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
18/03/2026
SMPTE , the home of media professionals, technologists, and engineers, today unveiled its educational presentations for the 2026 NAB Show. This year SMPTE will ...
18/03/2026
Maxon, maker of powerful, approachable software solutions for creators working in 2D and 3D design, motion graphics, visual effects, gaming, and more, today ann...
18/03/2026
Digital Alert Systems
Preview
2026 NAB Show
April 19 - 22
Booth C3452
At the 2026 NAB Show, Digital Alert Systems will showcase Version 6.0 of its DASDEC ...
18/03/2026
Setplex today announced that it will showcase its complete, fully integrated Zapflex platform for the first time at the 2026 NAB Show, introducing powerful new ...
18/03/2026
THIS ANNOUNCEMENT RELATES TO THE DISCLOSURE OF INFORMATION THAT QUALIFIED OR MAY HAVE QUALIFIED AS INSIDE INFORMATION WITHIN THE MEANING OF ARTICLE 7(1) OF THE ...
18/03/2026
COW Jobs: Seeking DP for Low Budget Dramedy - Chicago
Brie Clayton March 17, 2026
0 Comments
Seeking Director of Photography for Low Budget Dramedy Fe...
18/03/2026
COW Jobs: Seeking Gaffer for Low Budget Dramedy - Chicago
Brie Clayton March 17, 2026
0 Comments
Seeking Gaffer for Low Budget Dramedy Feature Film- I...
18/03/2026
COW Jobs: Seeking Location, Sound for Low Budget Dramedy - Chicago
Brie Clayton March 17, 2026
0 Comments
Seeking Location/Sound for Low Budget Dramed...
18/03/2026
COW Jobs: Seeking Child Wrangler for Low Budget Film - Chicago
Brie Clayton March 17, 2026
0 Comments
Seeking Child Wrangler for Low Budget Dramedy Fe...
18/03/2026
Calrec Redefines Broadcast Workflows at NAB 2026 with its Most Powerful Hardware...
18/03/2026
Oscar Nominated Two People Exchanging Saliva Posted with DaVinci Resolve Studio
Brie Clayton March 17, 2026
0 Comments
DaVinci Resolve Studio handle...
18/03/2026
Boston Conservatory Presents Celebrated Musical Satire Urinetown Performances for this Center Stage production will take place at Boston Conservatory Theater ...
18/03/2026
Charlie Puth Joins Switched on Pop at Berklee NYC The Berklee alum spoke with host and Berklee NYC professor Charlie Harding for a live taping, answering audi...
18/03/2026
X-Rite Pantone Demonstrates Advanced Color Management Solutions to Support Smart...
18/03/2026
Wednesday 18 March 2026
BAFTA winner James McAvoy to star in Sky Original serie...
18/03/2026
Wednesday 18 March 2026
Sky Sports and Zuffa Boxing announce multi-year agreement for the UK and Ireland
Sky Sports and Zuffa Boxing have announced a new mult...
18/03/2026
Wednesday 18 March 2026
Sky Unveils Poster and Trailer for Original Feature Fil...
How to use a Grid System for Responsive Motion Graphics Development 
