
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
04/09/2025
Monumental Sports & Entertainment (MSE), in collaboration with Dalet, has been a...
18/04/2025
WASHINGTON The FCC's call for public comments and suggestions on outdated regulations that it should be eliminated, has prompted a slew of fillings from bro...
18/04/2025
In a ruling that could have a major impact on the digital advertising market, a federal judge has ruled that Google has monopolized some types of advertising te...
18/04/2025
PEARL RIVER, N.Y. Global media solutions company Active Media Services (AMS) has formed a new relationship with VideoAmp, a measurement company for linear, CTV ...
18/04/2025
Netflix reported generally positive results for Q1 2015 with revenue up 13% YoY to $10.543 billion and operating income growing by 27% to $3.347 billion. Both w...
17/04/2025
Emilie Blichfeldt attends the 2025 Sundance Film Festival premiere of The Ugly ...
17/04/2025
R-GPS gives warfighters a decisive battlefield advantage by punching through adv...
17/04/2025
This year's NAB Show in Las Vegas marked a noticeable shift in the priorities of media and broadcast organisations. Gone are the days of chasing flashy, or ...
17/04/2025
class=attachment-thumbnail size-thumbnail f-align-center alt= decoding=async data-lazy-srcset=https://www.antonbauer.com/wp-content/uploads/2024/12/Amy-Daniel-1...
17/04/2025
SAN JOSE, Calif. Roku and Adobe have announced that they are collaborating on a real time data platform made possible by a a new integration of the Roku Data C...
17/04/2025
NEW YORK Internet advertising revenues demonstrated strong growth in 2024, increasing 14.9% year-over-year to $258.6 billion, according to the IAB Internet Adv...
17/04/2025
SDVI Earns Both Product and Project of the Year Awards at 2025 NAB Show
Brie Clayton April 17, 2025
0 Comments
Left to right, Geoff Stedman, CMO, SDVI...
17/04/2025
Singapore Polytechnic Readies Aspiring AV Professionals for Live IP Productions ...
17/04/2025
Calrec Wins 2025 NAB Show Product of the Year Award for True Control 2.0
Brie Clayton April 17, 2025
0 Comments
Image: The Calrec True Control 2.o on ...
17/04/2025
In Return to Berklee, Lucius Looks Back and Moves Forward From mood boards to live demos, the alumni band gave students an exclusive look at the process behin...
17/04/2025
DirecTV's free streaming service MyFree DirecTV has just added another eight channels from NBCUniversal....
17/04/2025
LOS ANGELES The virtual production company GameChanger has announced that it is expanding its global footprint by bringing its virtual production technology to ...
17/04/2025
DENVER The International Broadcaster Coalition Against Piracy (IBCAP) has announced that it has developed a proprietary, automated software-based system to iden...
17/04/2025
Pixalate's new CTV Device Market Share report for Q1 2025 shows that Roku has the highest open programmatic CTV device market share in the United States, wi...
17/04/2025
Edward J. Lewis III Named Senior Vice President of Institutional Advancement Lewis has more than 20 years of industry experience, leading fundraising initiati...
17/04/2025
April 17th, 2025 Press Materials Available Here
Tribeca Festival 2025 Announces TV & NOW Lineup
World Premieres and Exclusive Cast Panels with Apple TV '...
17/04/2025
SVG Sit-Down: Cisco's Bryan Bedford on Providing End-to-End Support for Clie...
17/04/2025
FIFA's Oscar Sanchez on the Task of Producing a North American World Cup The head of host broadcast production spoke during SVG Europe's Football Summit...
17/04/2025
NBA Playoffs 2025: As Play-In Tourney Continues, TNT Sports Preps Escalated Game...
17/04/2025
NBA Playoffs 2025: ESPN's Postseason Run Highlighted by New Cameras, Player ...
17/04/2025
Back to All News
Dear Hongrang' Blends Mystery and Romance in New Period D...
17/04/2025
Back to All News
The Making of Frozen Hot Boys': Real Training, Real Sculp...
17/04/2025
Back to All News
A Charming Prince, A Feisty Commoner and One Unexpected Love S...
17/04/2025
Back to All News
Made in New Mexico: A Look Behind the Scenes at Our New Drama ...
17/04/2025
Big shout out for our Managing Director Simon Couchman who is running his 50th and final marathon ahead of his 50th birthday in fancy dress!
Simon hopes to ach...
17/04/2025
The broadcast industry is on the brink of a transformative revolution, and at th...
17/04/2025
Festival programme promises a feast of drama, an action-packed fringe festival a...
17/04/2025
Gold prospecting in Venezuela has led to a malaria resurgence, but researchers h...
17/04/2025
Facebook
Twitter
LinkedIn
Thursday, 17 April 2025 - The next step has now been taken in the Franco-German armaments project Main Ground Combat System (MGC...
17/04/2025
RT 's Ireland's Wild Islands wins Best Series at the 2025 International ...
17/04/2025
As the days grow longer and the flowers bloom, GFN Thursday brings a fresh lineup of games to brighten the week.
Dive into thrilling hunts and dark fantasy adv...
17/04/2025
A better way to predict a patient's risk of coronary artery disease Scripps Research scientists developed a model that more accurately identifies patients a...
16/04/2025
At a time when Sudanese women journalists face unprecedented challenges, She Speaks Sudan has provided a critical platform for training, mentorship, and collabo...
16/04/2025
It's an understatement to say that the Peabody Awards are major. The winners...
16/04/2025
Finalists announced! Five stand-out brands shortlisted for SBS Media's Susta...
16/04/2025
L3Harris completed a $125 million expansion at its space manufacturing site in Fort Wayne, Indiana. The expanded 95,000-square-foot facility will support the De...
16/04/2025
Calrec is today announcing that its True Control 2.0 is a Remote Production winner in the 2025 NAB Show Product of the Year Awards. This official awards program...
16/04/2025
SAN DIEGO Sony Electronics has commercialized its AS-DT1 LiDAR depth sensor, a 1.14-inch wide by 1.14-inch high by 1.22-inch deep unit, excluding protrusions, t...
16/04/2025
NEW YORK A new report from Nielsen's The Gauge shows the NCAA men's basketball tournament helped drive cable's traditional March increase, the Oscar...
16/04/2025
Arcade Expands Creative Roster with Editor Alex Pirrone
Brie Clayton April 16, 2025
0 Comments
Arcade is thrilled to welcome Editor Alex Pirrone to it...
16/04/2025
Triveni Digital, a trusted leader in ATSC 1.0 and 3.0 service delivery, data broadcasting, and quality assurance solutions, along with key partners Sinclair and...
16/04/2025
When international cinematographer Jamie Ramsay was brought on to lens independent feature film Goodrich, he faced a unique lighting challenge. Shot on location...
16/04/2025
Riedel Communications announced today that Scotiabank Arena has implemented Riedel MediorNet decentralized routing as part of the venue's reimagination, wit...
16/04/2025
Riedel Communications today announced that the University of Notre Dame has successfully implemented Riedel's RefBox solution, part of the company's Sim...
16/04/2025
Riedel Communications today announced that outside broadcast (OB) production company Game Creek Video has chosen Riedel's advanced solutions for its newest ...