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 ...
07/10/2026
Dalet, a leading technology and service provider for media-rich organizations, today announced the latest Long-Term Supported (LTS) release of Dalet Flex. Build...
06/09/2026
June 9 2026, 23:00 (PDT) Dolby and MagentaTV Bring Fans Closer to the FIFA Worl...
04/08/2026
Dalet, a leading technology and service provider for media-rich organizations, t...
23/07/2026
Evergent (5.A86) will showcase its Agentic Revenue Orchestration Platform for streaming services, sports leagues, pay-TV operators at IBC2026 (RAI Amsterdam, 11...
23/07/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
23/07/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
23/07/2026
David Dvir, 2D founder (left), Sundeep Reddy (center), and Jean-Marc Bouchut (right), both of Zeiss...
23/07/2026
Screen Australia announces new national documentary accelerator program 23 July 2026
Screen Australia has today announced the Above the Line Documentary Accel...
23/07/2026
RT Commercial today announced Honda as sponsor of Today with David McCullagh RT Radio 1, weekdays 9am 11am.
Broadcasting directly after Morning Ireland in ...
23/07/2026
RT News is pleased to announce Barry Gallagher has been assigned as the new journalist covering news from Cork, Kerry and the wider Southern region
Working al...
23/07/2026
Lock in and load up the cloud. GFN Thursday brings fresh updates and new adventu...
22/07/2026
Among other tweaks to coverage, the broadcaster added announce positions in the ...
22/07/2026
The Australian Sports Technologies Network (ASTN) has reported a sharp acceleration in Australia's sportstech sector, with revenue growth rising from 10% in...
22/07/2026
From a retrofitted broadcast bus to packed Match Day Live! events, Bennett detai...
22/07/2026
TMRW Sports has named Brendan Donohue as President, Flag Football, where he will lead the company's professional flag football business in partnership with ...
22/07/2026
Stephen Arnold Music (SAM) designed and produced soundtracks for nine projection...
22/07/2026
Harmonic has announced a $25,000 donation to Global Empowerment Mission (GEM) fo...
22/07/2026
Telemundo has announced it has acquired from UC3 exclusive U.S. Spanish-language...
22/07/2026
The Rest Is Football, hosted by Gary Lineker, Alan Shearer, and Micah Richards, ...
22/07/2026
Sports Studio has announced a partnership with TheSoul Group to distribute Free ...
22/07/2026
Daktronics has concluded its 2026 High School Video Summit, a two-day hybrid event combining virtual sessions with hands-on host school visits across the countr...
22/07/2026
FOR-A America will exhibit at the MMCA Show in Pensacola, Florida (July 21-24), marking the company's first appearance at the house of worship AV event. FOR...
22/07/2026
The New York Yankees have selected Lumen Technologies (NYSE: LUMN) to connect Ya...
22/07/2026
Calrec will exhibit at IBC 2026 (Stand 8.C47) with demonstrations of its IP-native audio ecosystem built around the Argo console range, and will announce two ne...
22/07/2026
Solid State Logic has announced the appointment of Algam EKO as its distributor for SSL large format consoles in Italy, covering the Live, Broadcast, and Studio...
22/07/2026
FloSports has announced the launch of the FloSports Channel, a free ad-supported streaming channel premiering on Prime Video in the U.S. on July 21. The channel...
22/07/2026
Banana Ball TV (BTV), the broadcast operation of the Savannah Bananas, has insta...
22/07/2026
SiriusXM and Audacy have announced an agreement bringing 42 Audacy sports, news, and talk stations from 29 U.S. markets to SiriusXM. Twenty-three Audacy sports ...
22/07/2026
The collaboration produced more than 500 short-form videos across four cities th...
22/07/2026
At 2,600 sq. ft., the new home of digital content houses a main studio, podcast space, and an auxiliary control room
NFL franchises are accelerating their prod...
22/07/2026
Library now available in Engine Player
Another of Eduardo Tarilonte's popular sample libraries has just been moved over to Engine Audio's Engine Pla...
22/07/2026
All-in-one mic & DSP interface overhauled
Cloudvocal have just refreshed the design of their all-in-one mic, audio interface and DSP processor, introducing ...
22/07/2026
The final boss of the lost dual-op-amp circuit
Electro-Harmonix have just introduced the Deluxe Big Muff Pi 2, which they say offers their latest take on t...
22/07/2026
eds3_5_jq(document).ready(function($) { $(#eds_sliderM519).chameleonSlider_2_1({ content_source:......
22/07/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
22/07/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
22/07/2026
Proven managed IP solution helps broadcasters confidently navigate the future of broadcast distribution
LTN announces it has completed successful satellite-to-...
22/07/2026
Today, Chaos announced V-Ray 7, update 4, eliminating the need for asset conversions and tool switching, which slow down media and entertainment pipelines. Arti...
22/07/2026
An AI playground for the Project Indigo camera app
Marc Levoy July 22, 2026
0 Comments
At left is the user interface of our Playground, running on an ...
22/07/2026
Custom Consoles announces the completion of a large technical furniture project for Radio T l vision Suisse (RTS) at the networks recently inaugurated productio...
22/07/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
22/07/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
22/07/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
22/07/2026
Culver City, CA, July 21, 2026 3D streaming infrastructure provider Miris today announced glTF intake, including the binary .glb form, to its spatial streamin...
22/07/2026
Documentary Lo Invisible Captured with Blackmagic PYXIS 6K
Brie Clayton July 21, 2026
0 Comments
Camera's versatile design allowed filmmakers to c...
22/07/2026
AAF Bridge converts AAF and XML Timelines to Ableton Live - and back
Jerome Gardier July 21, 2026
0 Comments
A two-way converter for macOS and Windows...
22/07/2026
From Class to Concert: Explore a Student-Led Production of David Bowies Work Thr...
22/07/2026
NVIDIA founder and CEO Jensen Huang today visited the Naval Postgraduate School in Monterey, California, to commission an NVIDIA DGX GB300 system - bringing one...
How to use a Grid System for Responsive Motion Graphics Development 
