
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...
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 ...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Evergent introduces its Agentic Revenue Orchestration Platform, transforming how subscription businesses across direct-to-consumer streaming, pay-TV, telecommun...
15/04/2026
Harmonic's XOS Media Processor Delivers Exceptional Video Quality to More than Half of U.S. Public Media Viewership
Harmonic (NASDAQ: HLIT) today announce...
15/04/2026
LONGMONT, COLORADO, APRIL 15, 2026 DPA Microphones N Series Digital Wireless System users in North America can now take full advantage of the system's exc...
15/04/2026
Cobalt Iron, a leading provider of SaaS-based enterprise data protection, today announced the launch of Compass Tape Gateway (CTG), a transformative enhancemen...
15/04/2026
Disguise to Showcase Cutting-Edge Experience Tech for Sports, Broadcast and More...
15/04/2026
Arooj Aftab Makes the Music She Wants to Hear The singular artist explores the juxtaposition of grief and joy, dark and light, in her distinctive sound.
Apri...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Interra Systems, a provider of end-to-end quality assurance solutions for the digital media industry, is proud to announce its central role in the digital trans...
15/04/2026
VO Integrates Client-Side and Server-Side Ad Technologies with its Secure Video Player and Segmentation Tools, Leveraging Broadpeak's SSAI and BPK SmartLib ...
15/04/2026
TMT Insights, a leader in professional services and software development for the media and entertainment (M&E) industry, today announced the launch of TMT AI at...
15/04/2026
Encompass Digital Media, a global leader in managed broadcast and cloud-based media services, today announced an expanded partnership with Oracle Cloud Infrastr...
15/04/2026
Middleman Software, a leading provider of signaling and synchronization solutions for broadcast and streaming workflows, today announced it will unveil PhaseLoc...
15/04/2026
Deity Microphones today announced the PR-4, a compact six-track field recorder featuring four inputs, 32-bit float recording, advanced routing, and a workflow-f...
15/04/2026
Blackmagic Design Announces Fairlight Live
Brie Clayton April 15, 2026
0 Comments
Powerful software-based live audio mixer with support for SMPTE-2110...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
15/04/2026
Strategic Alignment With the Riedel Group for Innovation and Growth
Thomas Riedel, founder and owner of Riedel Communications and the Riedel Group, has acqui...
15/04/2026
SDVI, the leading platform provider for cloud-native media supply chains, today announced that the company's Rally platform has been deployed by Iyuno Media...
15/04/2026
Frequency, the engine behind many of the worlds leading streaming television channels, has become the platform of choice for leading U.S. broadcasters bringing ...
15/04/2026
New Service Simplifies Integration of AI Applications with Exceptional Reliability and Security
SAN JOSE, Calif. April 14, 2026 Harmonic (NASDAQ: HLIT) t...
15/04/2026
During the 2025 off-season, VIDI completed a major upgrade of the broadcast infrastructure across all 36 stadiums in Germany's 1st and 2nd Bundesliga. The p...
15/04/2026
Clear-Com announced significant updates to its award-winning Arcadia Central Station as well as enhancements to the Eclipse HX Digital Matrix System now runn...
15/04/2026
Shotoku Introduces the World to Aura P2 PTZ Prompter Panner at NAB SHOW 2026
Brie Clayton April 15, 2026
0 Comments
New system removes PTZ pan restric...
15/04/2026
LiveU Announces Expanded Collaboration with Sony at NAB Show, Adding Direct File...
15/04/2026
This 24-Hour Performance Art Piece Needs Your Participation Keefer Glenshaws latest project is about collaborating with the Berklee community and beyond.
Apr...
15/04/2026
Traditional data centers only stored, retrieved and processed data. In the generative and agentic AI era, these facilities have evolved into AI token factories....
15/04/2026
Two Cities Television and Keeper Pictures to produce six-part series in association with Screen Ireland for RT and ITV Studios
RT has commissioned Two Citie...
15/04/2026
RT 100
RT unveils The Signal' a specially commissioned 60-second film
...
15/04/2026
The NAB Show 2026 trade show, running April 18-22 in Las Vegas, is set to showcase a wave of new features and optimizations for top video editing applications. ...
14/04/2026
ToolsOnAir and Omnistream Bring Mobile SRT Contribution into Professional 24/7 P...
14/04/2026
Haivision has announced the Falkon X4, a 5G mobile video transmitter for live broadcast and remote production. The device will be showcased at NAB Show 2026.
...
14/04/2026
Founded by veterans of the production-truck world, Stripe TV was born out of a d...
14/04/2026
Grass Valley has expanded its partnership with Studio Berlin, supplying 12 LDX 135 UHD/HDR camera systems and 12 LDX 180 Super 35mm cinematic cameras, including...
14/04/2026
LTN has announced two senior appointments ahead of NAB Show 2026: Mark Romano as Vice President, Multichannel Platforms, and Edward Cox as Vice President, Sales...
14/04/2026
Sennheiser and Italian rental company Agor have begun preparations for their Eu...
14/04/2026
DAZN and ADI Predictstreet have announced a partnership to integrate ADI Predict...
14/04/2026
Deltatre has announced the completion of a direct-to-fan website and app for Leg...