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...

20/03/2026

NAB 2026: Net Insight unveils Market-Leading JPEG XS at Scale for Live IP Media Production

Net Insight will introduce a JPEG XS solution for full IP environments at NAB Sh...

20/03/2026

NAB 2026: LTN and Harmonic Expand Partnership to Support FAST Growth and C-Band Migration

LTN has expanded its technology partnership with Harmonic ahead of the FCC's...

20/03/2026

NAB 2026: Solid State Logic to Preview SSL Live V6.2 with New SolidPitch Effect and Major Workflow Enhancements

Solid State Logic will preview SSL Live V6.2 at NAB Show, booth C6907. The softw...

20/03/2026

NAB 2026: Fujifilm Announces Availability of FUJINON UA22x4.8BERD 4K Broadcast Zoom Lens

FUJIFILM North America Corporation's Optical Devices Division has announced ...

20/03/2026

NAB 2026: Fujifilm Announces Development of FUJINON UA16x4BERD, UA30x7.3BERD, and UA94x8.7BESM 4K Broadcast Zooms

FUJIFILM North America Corporation's Optical Devices Division has announced ...

20/03/2026

TrueVisions NOW Chooses Bitmovin's Observability

TrueVisions NOW, a streaming platform in Thailand and part of the TrueVisions Group, has selected Bitmovin's Observability product for real-time video analy...

20/03/2026

Marquee Sports Network Expands Distribution to Hulu + Live TV, Prime Video

Marquee Sports Network has announced distribution agreements with Hulu + Live TV and Prime Video ahead of the 2026 MLB season. Marquee Sports Network is now av...

20/03/2026

NAB 2026: Software-Defined, AI-Powered Workflow Tells the Story of the New FOR-A America

FOR-A will exhibit software-defined and AI-driven solutions at NAB Show 2026, bo...

20/03/2026

TNA Wrestling and Eurosport India Announce New Multi-Year Exclusive Programming Agreement

TNA Wrestling and Eurosport India have entered into a multi-year exclusive progr...

20/03/2026

GameTime Productions Expands Technical Vision for Athletes Unlimited Basketball in Nashville

When Athletes Unlimited brought its professional women's basketball season t...

20/03/2026

Calrec Craft Interview with Senior Broadcast Audio A1 Engineer and Music Director Rick Bernier

In this craft interview, Rick Bernier reflects on a career that has taken him to...

20/03/2026

NAB 2026: IP Innovation, SoftwareBased Media Infrastructure & Dynamic Media Facility Workflows on Display for Lawo

Lawo will announce a new product ahead of NAB Show 2026 in Las Vegas, where it w...

20/03/2026

Ratings Roundup: 2026 World Baseball Classic is Most Watched WBC Telecast EVER with Over 10 Million Viewers

Ratings Roundup is a rundown of recent rating news and is derived from press rel...

20/03/2026

MLB Names Polymarket Exclusive Prediction Market Exchange Partner and Signs Agreement with CFTC to Establish Integrity Framework

Major League Baseball (MLB) has named Polymarket as its Official Prediction Mark...

20/03/2026

How Big Tech AI Will Lead Broadcast Innovation: Lessons from the Enterprise Market

With AI now the industry-wide priority, Big Tech companies are uniquely position...

20/03/2026

SVG GameDay, Ep. 8: Los Angeles Angels' Davin Maske - SoCal Baseball in Anaheim

In-venue and creative video staffers at the professional and collegiate level ha...

20/03/2026

Fanatics Studios, FOX Sports Focus on Cavalcade of Stars in Fanatics Flag Football Classic

Abundant player mics and RF and other ground-level cameras will be used to captu...

20/03/2026

ESPN Ramps Up Production Levels for NCAA Women's Tournament as Popularity, Viewership Skyrocket

Regional site will also receive big boost in production resources, including on-...

20/03/2026

Give Me the Backstory: Get to Know Addison Heimann, the Writer-Director of Touch Me

By Jessica Herndon One of the most exciting things about the Sundance Film Fest...

20/03/2026

Spotify Marks 5 Years of EQUAL With EQUAL: The Podcast' and Global Events

In 2021, we launched EQUAL, a program designed to address an industry reality that persists: Women artists, songwriters, and producers too often face fewer oppo...

20/03/2026

Spotify's BTS Music Quiz Celebrates ARIRANG' and Puts ARMY Knowledge to the Test

BTS' long-awaited fifth studio album, ARIRANG, is finally here. To celebrate...

20/03/2026

Spotify and Kenia Os Bring K de Karma' From Streaming to Stage With Fan-First Experiences

A new era for Kenia Os has arrived, and Spotify marked the moment by putting fan...

20/03/2026

Spotify y Kenia Os llevan K de Karma' del streaming al escenario con experiencias nicas para Top Fans

Una nueva era para Kenia Os ha llegado, y Spotify marc el momento poniendo a lo...

20/03/2026

Sound Magic launch Supreme Drums Orange

Combines sampling & physical modelling Sound Magic have announced the launch of a comprehensive virtual drum instrument that's been designed to cater to...

20/03/2026

Mix Rescue: Ian Shepherd Video

How much difference should mastering make? In our latest Mix Rescue feature, SOS Editor in Chief Sam Inglis revisits a project from back in 2019, carrying o...

20/03/2026

Feast for cycling fans as SBS extends road cycling broadcasts to include all Grand Tours and Monuments

Feast for cycling fans as SBS extends road cycling broadcasts to include all Gra...

20/03/2026

London Calling - When The Industry Convened to Help Streaming Find its MoJo

In this blog, Laura Rognoni reflects on key discussions from the Connected TV World Summit in London, where NAGRAVISION hosted a panel on content discovery and ...

20/03/2026

The Gauge: Poland | February 2026

After a series of increases, February brought the first slowdown in time spent in front of TV sets in a long time. While traditional television was losing viewi...

20/03/2026

Eric Wolff Joins Chyron as Director of Venues Sales, North America

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

Study: Broadcasters Rebuild Live Operations Around IP

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

Matt Conrad Acquires DSC Labs

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

Glensound celebrates its diamond anniversary at NAB Show

60 years of audio innovation, driven by the people who use it...

20/03/2026

FCC Approves Nexstar's Acquisition of Tegna

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

Icesi names Ronald David Reyes as the 2025 recipient of t...

Colombia's Icesi University and WSDG are proud to announce Ronald David Reyes as the recipient of the 2025 WSDG Excellence Scholarship, awarded to an outsta...

20/03/2026

Celebrating the greatest creators - One Battle After Ano...

Avid today celebrated the filmmakers, editors and sound teams that worked with Avid Media Composer and Pro Tools to create the vast majority of this year'...

20/03/2026

MRMC Names CP Communications Its Official U.S. Rental, Sales Partner

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

FOR-A To Feature Software-Defined, AI-Driven Solutions At 2026 NAB Show

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

2026 NAB Show Exhibitor Insight: Riedel Communications

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

DirecTV Files Suit to Block Nexstar/Tegna Deal

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

Fujifilm Announces Four New Broadcast Zoom Lenses

Share Copy link Facebook X Linkedin Bluesky Email...

20/03/2026

NAB 2026: Software-Defined, AI-Powered Workflow Tells the...

Real-time 9:16 AI-Generated Autocropping; Software-Defined Station in a Box; and Software Switcher with Unlimited Layering Are Among Show Highlights For the fi...

20/03/2026

Signiant Showcases New Content Innovations Driving Visibility, Access, and Action at NAB 2026

Signiant Showcases New Content Innovations Driving Visibility, Access, and Actio...

20/03/2026

Caffeine Relies on DaVinci Resolve Studio for End to End Post Workflow

Caffeine Relies on DaVinci Resolve Studio for End to End Post Workflow Brie Clayton March 19, 2026 0 Comments Blackmagic Cloud helps Mexican post faci...

20/03/2026

Sky Extends Saturday Night Live UK Run to Eight Shows

Friday 20 March 2026 Sky Extends Saturday Night Live UK Run to Eight Shows Ahead of Saturday Night Live UK's launch tomorrow (March 21), Sky has confirmed...

20/03/2026

It's time to play The Money List! Baz Ashmawy is back at the helm as the quiz returns for a fourth season

It's time to play The Money List! Baz Ashmawy is back at the helm as the qui...