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...
07/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
07/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
07/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
07/05/2026
Recreating the 1974 Doctor Who Time Tunnel in After Effects
Graham Quince May 6, 2026
0 Comments
The Time Tunnel from Doctor Who titles is one of th...
06/05/2026
Gravity Media Chief RF Communications Engineer Glenn Willems uses Wisycom RF over Fiber and wireless solutions across major cycling events and international mar...
06/05/2026
A Sennheiser Spectera module is now available in Bitfocus Companion and Buttons, enabling direct integration of Spectera with the two software platforms. The mo...
06/05/2026
Ted Turner, the visionary media entrepreneur whose appetite for disruption helpe...
06/05/2026
Peacock is going all-in on the beautiful game - streaming all 104 FIFA World Cup...
06/05/2026
New pricing tiers for vocal/dialogue restoration tool
NoiseWorks Audio's AI-powered vocal and dialogue processing plug-in is now available in three diff...
06/05/2026
Popular mixing & routing software overhauled
Following a recent public beta test, RME have launched the final release version of the powerful mixing and rou...
06/05/2026
New SOS Video Feature
Focusrites ISA C8X is a milestone product that brings together the companys analogue heritage and their expertise in digital audio. Yo...
06/05/2026
Polands Miecznik-class frigates are part of the largest contract in Polish shipbuilding history. (Image Credit: PGZ Stocznia Wojenna)...
06/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
06/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
06/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
06/05/2026
Riedel Communications today announced the expansion of its leadership structure as part of a strategic initiative to strengthen both its operational management ...
06/05/2026
For nearly three decades, Veteran Production Sound Mixer and Five-time Emmy Award Winner Dirk Sciarrotta has helped define the sonic identity of the long-runnin...
06/05/2026
ZEISS CinCraft LensCore: Cinema Lens Looks for Compositing
Brie Clayton May 6, 2026
0 Comments
ZEISS announces the launch of CinCraft LensCore, a nove...
06/05/2026
Wisycom Solves Extreme RF Challenges Across Miles of Live Action for Gravity Med...
06/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
06/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
06/05/2026
Narrative Entertainment has partnered with Encompass to deliver high-quality subtitling of its Great! network content using the Altitude Intelligence AI assiste...
06/05/2026
SipRadius, widely recognized for making content processing and connectivity secure and seamless, is proud to launch a dramatic new approach to AI content creati...
06/05/2026
When the broadband and media industry gathers at ANGA COM in Cologne from May 19 to 21, Big Blue Marble will be at the forefront. The international broadcast an...
06/05/2026
Cinegy GmbH, a leading developer of software-defined television technology, is proud to exhibit at MPTS for the first time. Visitors to the stand will discover ...
06/05/2026
Val Jeanty Receives 2026 Doris Duke Artist Award Jeanty, a composer, percussionist, and turntablist, is the fourth Berklee recipient of the prestigious award ...
06/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
06/05/2026
Share
Copy link
Facebook
X
Linkedin
Bluesky
Email...
06/05/2026
When live cycling races and international marathons stretch for miles across cities and countryside, there is no margin for RF failure in live broadcast. As Chi...
06/05/2026
Oberkochen/Germany, May 5, 2026
ZEISS announces the launch of CinCraft LensCore, a novel solution for creating physically based cinematic lens looks for visual...
06/05/2026
06 May 2026
VEON's Kyivstar Authorized to Resell Starlink for Businesses & ...
06/05/2026
UKTV has secured the exclusive rights to the early back catalogue of iconic Australian drama series Neighbours, following a landmark content deal with Fremantle...
06/05/2026
Wednesday 6 May 2026
Sky commissions feature documentary to mark 10th anniversa...
06/05/2026
Wednesday 6 May 2026
Sky and Formula 1 agree long-term partnership across UK, Ireland and Italy
Sky in the UK & Ireland to remain the home of Formula 1 until ...
06/05/2026
Sky Zero Footprint Fund-backed TV campaign launches nationwide, supported by new...
06/05/2026
Wuppertal May 6, 2026
Riedel Expands Leadership Structure, Appoints Marc Engro...
06/05/2026
SAN JOSE, Calif. - May 6, 2026 - Harmonic (NASDAQ: HLIT) today announced its latest broadband innovations for ANGA COM 2026, highlighting its vision for a new e...
06/05/2026
Statement from Rupert Murdoch, Chairman Emeritus, Fox Corporation on Ted Turner&...
06/05/2026
Friday 8 May on RT One and RT Player
Meet the NSPCA team caring for and protecting animals in need in this six-part series
Fly on the wall, six-part series...
06/05/2026
The race to build the world's most powerful AI factories demands networking ...
06/05/2026
How changes to proteins can alter drug interactions for new precision therapies Scripps Research team maps how chemical modifications to proteins affect drug bi...
05/05/2026
Experts from the world of academia, tech, business, politics and media convened for a Thomson Talks at the Cambridge Disinformation Summit in April. It's th...
05/05/2026
Three phones were hardwired for power and transmission to the truck; camera feat...
05/05/2026
The creative studio behind campaigns for the NBA, Fanatics Sportsbook & Casino, ...
05/05/2026
Nielsen has announced results from a co-viewing pilot program covering February&...
How to use a Grid System for Responsive Motion Graphics Development 
