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

04/09/2025

Monumental Sports & Entertainment and Dalet Win Prestigious 2025 NAB Show Project of the Year Award

Monumental Sports & Entertainment (MSE), in collaboration with Dalet, has been a...

18/04/2025

UPDATED: Broadcasters Urge FCC to Hit the Delete Button on Antiquated Regs

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

Federal Judge Rules Google Illegally Monopolized Ad Technologies

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

AMS, VideoAmp Collaborate on Cross-Channel Targeting and Measurement

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 Reports Strong Q1 Revenue, Operating Income

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

The Ugly Stepsister: A Cinderella Body Horror Story That Will Leave a Crowd in Shambles

Emilie Blichfeldt attends the 2025 Sundance Film Festival premiere of The Ugly ...

17/04/2025

Why Resilient GPS (R-GPS) Matters for US Military Superiority: We Must Address GPS Vulnerabilities

R-GPS gives warfighters a decisive battlefield advantage by punching through adv...

17/04/2025

What NAB told us about the future of media tech

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

Changing Sustainable Production in Wales and Beyond

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

Roku to Collaborate with Adobe on Real-Time Customer Data

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

IAB: Digital Ad Revenue Surges 14.9% YoY to $259 Billion in 2024

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

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 with AJA

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

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

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

MyFree DirecTV Adds 8 NBCU Channels

DirecTV's free streaming service MyFree DirecTV has just added another eight channels from NBCUniversal....

17/04/2025

GameChanger Launches in the U.S.

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

IBCAP Launches Automated VOD Monitoring and Takedown System

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: Roku Continues to Dominate U.S. CTV Device Market

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

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

Tribeca Festival 2025 Announces TV and NOW Lineup

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 Clients, How Industry Trends Impact Workflows

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

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-Day Tech for Postseason

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 Mics, Flagship Mobile Unit

NBA Playoffs 2025: ESPN's Postseason Run Highlighted by New Cameras, Player ...

17/04/2025

Dear Hongrang' Blends Mystery and Romance in New Period Drama Starring Lee Jae-wook and Cho Bo-ah

Back to All News Dear Hongrang' Blends Mystery and Romance in New Period D...

17/04/2025

The Making of Frozen Hot Boys': Real Training, Real Sculpting and Real National Champion Coaching

Back to All News The Making of Frozen Hot Boys': Real Training, Real Sculp...

17/04/2025

A Charming Prince, A Feisty Commoner and One Unexpected Love Story - The Royals' Arrives May 9 on Netflix

Back to All News A Charming Prince, A Feisty Commoner and One Unexpected Love S...

17/04/2025

Made in New Mexico: A Look Behind the Scenes at Our New Drama Series Ransom Canyon'

Back to All News Made in New Mexico: A Look Behind the Scenes at Our New Drama ...

17/04/2025

Si's 50th marathon and Guinness World record attempt

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

MXL and the Future of Broadcast: Ushering in a New Era of Open Collaboration and Innovation

The broadcast industry is on the brink of a transformative revolution, and at th...

17/04/2025

Amateur drama takes centre stage as the 2025 RT All-Ireland Drama Festival launches in the Abbey Theatre

Festival programme promises a feast of drama, an action-packed fringe festival a...

17/04/2025

AI Bites Back: Researchers Develop Model to Detect Malaria Amid Venezuelan Gold Rush

Gold prospecting in Venezuela has led to a malaria resurgence, but researchers h...

17/04/2025

MGCS Project Company GmbH (MPC) established in Cologne

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 Wins | Ireland's Wild Islands' Best Series at the 2025 International Wildlife Film Festival

RT 's Ireland's Wild Islands wins Best Series at the 2025 International ...

17/04/2025

Spring Into Action With 11 New Games on GeForce NOW

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

April 16, 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

A Voice Amidst Conflict

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

Queendom, Sugarcane, and Will & Harper Among Sundance Institute-Supported Films To Earn Peabody Nominations

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 Sustainability Challenge

Finalists announced! Five stand-out brands shortlisted for SBS Media's Susta...

16/04/2025

L3Harris Expands Indiana Facility to Support America's Golden Dome

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

True Control 2.0 Wins 2025 NAB Show Product of the Year Award

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

Sony Commercializes LiDAR Depth Sensor

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

March Madness Lifts Cable Viewing as Streaming Hits New Highs

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

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 and Broadcast Partners Win 2025 NAB Show...

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

DoP Ramsay Uses Astera to Light the Intimate Emotion of G...

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

Riedels Cutting-Edge MediorNet Routing and Artist Interco...

Riedel Communications announced today that Scotiabank Arena has implemented Riedel MediorNet decentralized routing as part of the venue's reimagination, wit...

16/04/2025

University of Notre Dame Scores Big With Riedels RefBox...

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

Game Creek Video Chooses Riedel for Better Game Day Commu...

Riedel Communications today announced that outside broadcast (OB) production company Game Creek Video has chosen Riedel's advanced solutions for its newest ...