
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 ...
04/08/2026
Dalet, a leading technology and service provider for media-rich organizations, t...
04/07/2026
April 7 2026, 19:00 (PDT) Detective Conan: Fallen Angel of the Highway Opens in...
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...
21/05/2026
Game Creek Video Columbia and Celtic, NEP Supershooter 8 will house onsite produ...
21/05/2026
Freshly graduated, this upstart producer, director, and camera operator is already working as an AP on videoboard shows for the Philadelphia Phillies
In the li...
21/05/2026
Media Links has announced a channel partnership with Clearcast Asia, a broadcast...
21/05/2026
SiriusXM and NASCAR have announced a multi-year renewal of their broadcasting agreement. SiriusXM will continue to carry live broadcasts of every NASCAR Cup Ser...
21/05/2026
Audio-Technica held a demonstration event at its Technica House location in New ...
21/05/2026
Ateme has announced that RTL Deutschland has selected Ateme's software-based...
21/05/2026
LiveU has announced that BCC Live deployed the LU900Q intelligent production unit for the first time during the 2026 Memorial Hermann IRONMAN Texas North Americ...
21/05/2026
ATSC has announced that Mark Aitken, President of ONE Media and Senior VP of Advanced Technology at Sinclair Broadcast Group, will receive the 2026 Mark Richer ...
21/05/2026
BBright has published a technical analysis of the Media eXchange Layer (MXL), de...
21/05/2026
The Esports Foundation has announced that the 2026 Esports World Cup (EWC) will be hosted in Paris, France, from July 6 through August 23. The event marks the f...
21/05/2026
Chyron has announced PRIME Scorebug, a scorebug solution built on the PRIME Platform for on-premises sports production, and has expanded Chyron LIVE with purpos...
21/05/2026
Media Links has announced the integration of its Xscend IP transport platform with Skyline Communications' DataMiner xOps platform. The integration will be ...
21/05/2026
As live sports productions continue to demand more flexible, scalable, and cost-...
21/05/2026
In advance of this year's Sports Emmy Awards, SVG is taking a deep dive into...
21/05/2026
Hey Miami & Atlanta post-production folks!
Shade is hosting a free private suite at a Braves game (6/2) and Marlins game (6/5) and have about a dozen extra tic...
21/05/2026
The Suns and Mercury become the first NBA and WNBA teams to make games available under a single broadcast partner across both over-the-air and streaming....
21/05/2026
iPhones are part of the the regular production rotation for Friday Night Baseba...
21/05/2026
In advance of this year's Sports Emmy Awards, SVG is taking a deep dive into...
21/05/2026
Heather Matarazzo as Dawn Wiener in Todd Solondz's Welcome to the Dollhouse...
21/05/2026
Spotify has always been about helping you find something you want to listen to. And over the years, we've learned your taste and the moments that matter to ...
21/05/2026
Getting concert tickets today can feel like a race you're set up to lose.
You show up at the right time, refresh endlessly, and still miss out. Too often, ...
21/05/2026
In 2022, Spotify entered a new chapter by introducing audiobooks to our platform. Since then, we've grown our catalog to include more than 700,000 titles, e...
21/05/2026
Opening remarks
ALEX
Good morning everyone, I'm Alex [Norstr m].
GUSTAV
And I'm Gustav [S derstr m].
ALEX
Whether you've been following our j...
21/05/2026
Today, Spotify hosted our third Investor Day in New York City, offering the fina...
21/05/2026
Spotify hat heute seinen dritten Investor Day in New York City veranstaltet und der Finanzwelt tiefere Einblicke in das Gesch ft, die Produktstrategie und die l...
21/05/2026
Aujourd'hui, Spotify a organis son troisi me Investor Day New York. En pl...
21/05/2026
Oggi, a New York City, Spotify ha presentato il suo terzo Investor Day, offrendo...
21/05/2026
Hoy Spotify celebr su tercer Investor Day en Nueva York, donde ofrecimos a la c...
21/05/2026
Hari ini, Spotify menyelenggarakan Investor Day yang ketiga di New York City, me...
21/05/2026
2026 : (Investor Day) , , . ...
21/05/2026
Hoje, o Spotify realizou seu terceiro Investor Day em Nova York, oferecendo co...
21/05/2026
Spotify Investor Day ...
21/05/2026
Spotify bug n, 20'nci y l d n m m z kutlad m z bu y lda, finans camias na, i modelimiz, r n stratejimiz ve uzun vadeli vizyonumuz hakk nda daha detayl ...
21/05/2026
Two new Story Packs join orchestral instrument line-up
Sonuscore have just introduced two new additions to The Score, marking the instrument's first maj...
21/05/2026
30,000 samples, 99 presets & 504 loops
Heavyocity are well known for their hard-hitting cinematic instruments, and their latest release is no exception to t...
21/05/2026
Rohde & Schwarz AI powered voice to data: The future of air traffic control take...
21/05/2026
SKY RAIDER II INTERNATIONAL's modular open systems architecture delivers expanded operational reach and mission flexibility....
21/05/2026
ASO-enabled WESCAM MX-10 systems conduct systematic wide-area maritime search patterns, autonomously managing sensor scan operations to expand coverage, reduce ...
21/05/2026
HBO Max, a new addition to Gracenote Data Hub, is home to the most sports programming among major streamers
NEW YORK May 21, 2026 New analysis by Gracenote...
21/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
21/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
21/05/2026
The UK's leading event for the creative industries united thousands of professionals for two days of networking, debate, industry insight and getting hands-...
21/05/2026
Recreating Doug Trumbull's Slitscan VFX - After Effects Mastery
Graham Quince May 21, 2026
0 Comments
In this After Effects tutorial, I'm divi...
21/05/2026
Cavalry: An Array of Fun Stuff
Simon Ubsdell May 21, 2026
0 Comments
Arrays are a really powerful feature of Cavalry and here we'll go over some o...
21/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...