Sony Pixel Power calrec Sony

How to use a Grid System for Responsive Motion Graphics Development

03/04/2024

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

--
LINK: https://creativecow.net/how-to-use-a-grid-system-for-responsive-motion...
See more stories from creativecow

Most recent headlines

05/01/2027

Worlds first 802.15.4ab-UWB chip verified by Calterah and Rohde & Schwarz to be demoed at CES 2026

Worlds first 802.15.4ab-UWB chip verified by Calterah and Rohde & Schwarz to be ...

01/06/2026

Dolby Sets the New Standard for Premium Entertainment at CES 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 Flex LTS Delivers Smarter Search, Faster Editing, and an AI-Ready Foundation for Modern Media

Dalet, a leading technology and service provider for media-rich organizations, t...

01/05/2026

NBCUniversal's Peacock to Be First Streamer to Integrate Dolby's Full Suite of Premium Picture and Sound Innovations

January 5 2026, 18:30 (PST) NBCUniversal's Peacock to Be First Streamer to ...

01/04/2026

DOLBY AND DOUYIN EMPOWER THE NEXT GENERATON OF CREATORS WITH DOLBY VISION

January 4 2026, 18:00 (PST) DOLBY AND DOUYIN EMPOWER THE NEXT GENERATON OF CREATORS WITH DOLBY VISION Douyin Users Can Now Create And Share Videos With Stun...

17/02/2026

Eutelsat, Viewsat Renew Capacity Agreements to Support Development of Broadcast Market in MENA Region

Eutelsat announces the renewal of multiple capacity agreements with Viewsat, rei...

17/02/2026

The Evolution of Communications in Cloud Era of Global Broadcasting

At Milano Cortina 2026, one statistic stood out across industry reporting: 70% of global signal distribution is now happening over public cloud. What began as e...

17/02/2026

CP Communications Supports the Big Game Broadcast for 27 Years

CP Communications provided broadcast support for Super Bowl LX in Santa Clara, Calif. at Levi's Stadium, marking 27 years of working around the Big Game. Th...

17/02/2026

NBC Sports Graphics Team Goes Onsite, Embraces L.A. Motif for NBA All-Star

Street-level images of iconic Los Angeles landmarks are incorporated into the regular-season look With NBC Sports just months into its return to NBA coverage a...

17/02/2026

Jimpa Asks You to Choose Love

Sophie Hyde and John Lithgow backstage during the premiere of Jimpa. (Photo by George Pimentel / Shutterstock for Sundance Film Festival)...

17/02/2026

The 19th Annual South African Film and Television Awards (SAFTAs19) Nominees Announced

Johannesburg, 17 February 2026 - The National Film and Video Foundation (NFVF), ...

17/02/2026

L3Harris Marks Delivery of 3 Million Fuzes to US Army

A Green Beret hangs a 60mm mortar round from a M225A mortar system on a live-fire range. (Photo credit: U.S. Army)...

17/02/2026

The AI Wild West, and Why it Needs a Sheriff

AI Is Scaling Faster Than Governance And That's a Risk AI adoption hasn't rolled out through neat transformation programmes. It has spread organically...

17/02/2026

TV Viewing Hits 12-Month High in Nielsen's January Report of The Gauge

Cable Surges 9% on Strength of College Football Playoffs and News, while NFL Delivers Top 15 Broadcast Telecasts ESPN (+86%) and FOX News Channel (+17%) Combin...

17/02/2026

Gray Signs Deal for Atlanta Braves Spring Training Games

Share Copy link Facebook X Linkedin Bluesky Email...

17/02/2026

January TV Viewing Hits 12-Month High

Share Copy link Facebook X Linkedin Bluesky Email...

17/02/2026

TAG Video Systems Expands MCS 1.7.0 With New Lens Visualization Tool

Share Copy link Facebook X Linkedin Bluesky Email...

17/02/2026

BCNEXXT Positions Broadcasters to Unlock New Revenue Oppo...

As the FCC explores a potential clawback of Upper C-Band spectrum currently used for broadcast distribution, BCNEXXT is working with broadcasters and operators ...

17/02/2026

VEON and Hala to Explore Partnership in Ride-Hailing Services

17 Feb 2026 VEON and Hala to Explore Partnership in Ride-Hailing Services Dubai, February 17, 2026 - VEON Ltd. (Nasdaq: VEON), a global digital operator ( VEON...

17/02/2026

Qube Cinema announces the acquisition of the business of Arts Alliance Media (AAM)

Qube Cinema announces the acquisition of the business of Arts Alliance Media (AA...

17/02/2026

Unveiling What's Next on Netflix for Australia and New Zealand in 2026

Back to All News Unveiling What's Next on Netflix for Australia and New Zealand in 2026 Entertainment 17 February 2026 GlobalAustraliaNew Zealand Link ...

17/02/2026

WBD Files Definitive Proxy Statement and Schedules Special Meeting for March 20, 2026, to Approve the WBD-Netflix Transaction

Back to All News WBD Files Definitive Proxy Statement and Schedules Special Mee...

17/02/2026

Arvato Systems Once Again Named One of Germany's Best IT Service Providers.

Arvato Systems Once Again Named One of Germany's Best IT Service Providers. The best IT service providers in 2026 G tersloh - Arvato Systems is once ag...

17/02/2026

ABC Consumer Media Report: Trusted data for a changing market

Open the report Our 2025 report brings together results from 155 consumer magazine titles across 42 market sectors, published by 59 media owners. Over the year...

17/02/2026

RT Choice Music Prize Announcement Classic Irish Album

Celebrating 21 Years of the RT Choice Music Prize RT Choice Music Prize In association with IMRO and IRMA Classic Irish Album And the winning album is T...

17/02/2026

RT to provide Irish-language commentary on major rugby and soccer fixtures throughout 2026

RT has today announced that as part of its public-service remit, it will expand...

16/02/2026

Live From NBA All-Star 2026: NEP Group Powers Game Capture With TFC Infrastructure, Specialty Cameras

The production infrastructure scaled seamlessly from regular-season games to the...

16/02/2026

Live From NBA All-Star 2026: NBC Sports' Ryan Soucy and Kim Titone on Ops for a New Era of NBA on NBC'

The operations team reimagined traditional workflows were reimagined and built a...

16/02/2026

Live From NBA All-Star 2026: NBA TV's New League-Run Era Debuts With Live Studio Shows

Once again an in-house operation, the league's network is producing shows fr...

16/02/2026

Live From NBA All-Star 2026: For NBA Broadcast Operations, There's a Lot of New'

The league is producing its first All-Star with NBC, Intuit Dome, and, once agai...

16/02/2026

Boland's Groundbreaking 12G 4K Video Wall

When a customer in London needed a 4K video wall that could take 12G input, the media company found no video wall suppliers that could meet their specs and time...

16/02/2026

NATO Upgrades Brussels HQ Broadcast Studio with Grass Valley Cameras

Grass Valley, a media and entertainment technology innovator, has won a competitive NATO-wide tender to provide the new camera system for NATO's main broadc...

16/02/2026

Comcast Business Powers February's Biggest Sports Moments

Comcast Business announces it is again partnering with NBCUniversal to architect and manage critical components of the linear and digital broadcast for three of...

16/02/2026

NBC Olympics on NEP's Critical Role for the 2026 Winter Olympics

Week two of the 2026 Milano Cortina Winter Olympics are underway and crucial to the NBC Sports efforts has been the NEP Group which is providing a full range of...

16/02/2026

Train Dreams, Sorry, Baby, Lurker, and Other Sundance Institute-Supported Wins at the 2026 Spirit Awards

The Film Independent Spirit Awards have officially switched things up. This Sund...

16/02/2026

SBS's Powerhouse Current Affairs Line-up is Back with the Conversations and Stories That Matter to You

SBS's Powerhouse Current Affairs Line-up is Back with the Conversations and ...

16/02/2026

L3Harris Receives New Contract to Power THAAD Interceptors

A THAAD interceptor is launched during a successful Missile Defense Agency intercept test (Photo Credit: Missile Defense Agency)...

16/02/2026

aconnic ramping up production for ACCEED 4104 10 Gigabit system for international markets

aconnic AG (ISIN: DE000A0LBKW6), Munich, is increasing capacity and ramping up p...

16/02/2026

Content Vault Expands Device Specific File Encryption to...

Content Vault, the patent-pending content security platform originally developed for the film, television and entertainment industries, has today announced a ma...

16/02/2026

Unscripted Content Producer MEGUMI Signs Exclusive Partnership with Netflix

Back to All News Unscripted Content Producer MEGUMI Signs Exclusive Partnership with Netflix Entertainment 16 February 2026 GlobalJapan Link copied to clip...

16/02/2026

Mission: Impossible: Capturing sound 10 meters underwater

In Ep62 of the AMPS Podcast, they share how a 3 mm DPA 6061 Subminiature Mic became part of a custom solution hidden inside the underwater mask capturing breath...

16/02/2026

Netflix Releases the Second Season of 'Gangs of Galicia' on April 3

Back to All News Netflix Releases the Second Season of Gangs of Galicia on April 3 Entertainment 16 February 2026 GlobalSpain Link copied to clipboard Wat...

16/02/2026

"Unscripted" Producer MEGUMI Signs Exclusive Partnership with Netflix

Back to All News "Unscripted" Producer MEGUMI Signs Exclusive Partnership with Netflix Entertainment 16 February 2026 GlobalJapan Link copied to clipboard ...

16/02/2026

RT announces the Appointments of new Clarity Correspondent and Policy & Analysis Correspondent

RT News & Current Affairs has today announced the new appointments of journalis...

16/02/2026

New Data Shows NVIDIA Blackwell Ultra Delivers up to 50x Better Performance and 35x Lower Costs for Agentic AI

The NVIDIA Blackwell platform has been widely adopted by leading inference provi...

15/02/2026

Live From NBA All-Star 2026: Entertainment Takes the Court in a Big Way

With new partnership between the league and NBC, workflows distinguish more between live, broadcast sound There'll be a lot new for the 75th NBA All-Star W...

15/02/2026

Live From NBA All-Star 2026: NBC Sports Director Pierre Moossa Previews NBC's Return to the Event

After 24-year absence, NBC Sports returns to NBA All-Star Weekend with unique ca...

15/02/2026

Live From NBA All-Star 2026: Peacock, NBC Sports Offer Viewers a Front-Row Seat With Courtside Live'

New to NBA coverage, the viewer experience offers several angles in addition to ...

15/02/2026

Live From NBA All-Star 2026: NBC Sports Returns With Plenty of Tech Toys in Tow

Coverage features 4X-slo-mo Supracam and Steadicam, Nucleus 4K cameras, closer play-by-play angle, 10 player mics NBC Sports is in the midst of its first NBA A...

14/02/2026

Cineverse Acquires TV Monetization Platform IndiCue

Share Copy link Facebook X Linkedin Bluesky Email...