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...
20/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
20/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
20/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
20/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
20/08/2026
IPC Expands Brazilian Presence with New Channel Partner CCATech
Industry veterans Carlos Abrah o and Bruno Lopes strengthen local support and expand IPCs prese...
20/08/2026
Zixi Enters Mauritius Market Through Strategic Deployment with MTC Jockey Club
Worlds Oldest Horse Racing Club in the Southern Hemisphere Selects Zixis Softwar...
20/08/2026
LA JOLLA, CA-Scripps Research assistant professor Tiantian Liu has received a five-year NIAID DP2 award from the National Institute of Allergy and Infectious Di...
20/08/2026
Audiences reveal appetite for multicultural Australia on-screen 20 August 2026
Dr Georgie McClean, Dr Rebecca Huntley (L-R)
By Dr Georgie McClean and Dr Rebec...
20/08/2026
How Mavis Studio Is Expanding Live Production Teaching at Sussex
Brie Clayton August 19, 2026
0 Comments
Hero image displays a student about to mix be...
20/08/2026
Vertical Unscripted Series Legal Queens Captured with Blackmagic Design
Brie Clayton August 19, 2026
0 Comments
Reality TV veteran Eric Gardner create...
19/08/2026
As the cost of IP nears price parity with traditional SDI, Reynolds argues that ...
19/08/2026
A private 5G bubble was chosen instead of traditional broadcast RF for the race ...
19/08/2026
(L-R) Rafael Manuel and Isabel Sicat attend the Filipi ana premiere during the 2026 Sundance Film Festival at The Ray Theatre on January 23, 2026, in Park Cit...
19/08/2026
Studio owners invited to have their say on rates cuts
The Music Producers Guild (MPG) are inviting UK-based studios to take part in an in-depth survey that ...
19/08/2026
Vintage-inspired desktop interface revealed
Harrison's latest hardware offering sees them head into the world of audio interfaces, delivering a 10-in/12...
19/08/2026
Granular effect remains locked to scale and tempo
Described as your dream granular effect , Minimal Audio's latest creation is capable of turning any s...
19/08/2026
First polyphonic SWAM instrument incoming
Audio Modeling's latest physical-modelling orchestral instrument is just around the corner, and is now availab...
19/08/2026
World Cup Games Generate 84 Billion Minutes Across FOX, Fox Sports 1 and NBCU...
19/08/2026
July brought typical peak-holiday drops in viewership, driven primarily by viewers stepping away from screens and a visible decline in reach across both traditi...
19/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/08/2026
Henry joins BCE as the company accelerates its commercial strategy and expands its international presence across the media, broadcast and technology markets. He...
19/08/2026
iWedia, a leading provider of software solutions for connected TV devices, today announced a major milestone in Android platform optimization with the successfu...
19/08/2026
NTP Technology announces that ST 2110-30 audio-over-IP connectivity with AES67 and RAVENNA capabilities is now available for the brand's world-class audio i...
19/08/2026
Net Insight has been selected to provide its Nimbra platform by the service provider Big Blue Marble, formerly ORS Group, as the core media transport solution f...
19/08/2026
LiveU has supported Coventry City FC and several other top-flight UK football clubs through one of their most demanding live production challenges of the year, ...
19/08/2026
Nature Seekers Documentary Shot with Blackmagic URSA Cine 12K LF
Brie Clayton August 18, 2026
0 Comments
Filming endangered turtles required camera...
19/08/2026
Neyrinck Brings D-Control Consoles Back to Life on Apple Silicon with D-Control ...
19/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/08/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
19/08/2026
Riedel Communications today announced that Edith Cowan University (ECU) in Perth, Australia, implemented a comprehensive communications infrastructure that brin...
19/08/2026
QuickLink, a leading provider of award-winning video production and remote guest contribution solutions, will spotlight a major leap forward in remote guest con...
19/08/2026
Integrated platform melds media asset management, playout automation and newsroom workflows
EMAM, PlayBox Neo and SNEWS have officially launched Nuvex, a conne...
19/08/2026
Screen Australia releases the Private Investment Toolkit to strengthen screen in...
19/08/2026
Do Aussies truly value local content? Unpacking Screen Currency 2026 with Deirdr...
19/08/2026
There's an early Christmas gift for Bookish fans, as UKTV confirms the re-commission of the hit U&alibi drama, created by and starring Mark Gatiss. Viewers ...
19/08/2026
Wednesday 19 August 2026
Sky gives sports fans the chance to watch multiple liv...
19/08/2026
On Saturday September 5 Katie Taylor will step into the ring for the fight of her life against Flora Pili in front of 80,000 fans in Croke Park. A legendary fig...
18/08/2026
SportStream 2026, a free three-day virtual event, will take place September 15-17. One registration provides access to all three days of live programming and on...
18/08/2026
BeckTV will introduce BeckFlow to the European market at IBC2026, demonstrated on the Providius stand (10.F53).
BeckFlow is a web-based schematic documentation...
18/08/2026
Boland Communications will introduce a SMPTE ST 2110 input option for its 4K monitors at IBC2026, along with a new 55-inch super-narrow bezel display for video ...
18/08/2026
Dolby Laboratories and the Seattle Seahawks have announced a partnership integrating Dolby OptiView into the Seahawks' live streaming coverage, making the S...
18/08/2026
For BMG Executive Producer of Sports Production, Graham Taylor, producing live s...
18/08/2026
TMRW Sports has appointed Rufus Hack as President of Golf, a newly created role in which he will lead the company's golf businesses including TGL presented ...
How to use a Grid System for Responsive Motion Graphics Development 
