• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Is there a way to automate message animations?

Community Beginner ,
Jan 02, 2023 Jan 02, 2023

Copy link to clipboard

Copied

This is a bit hard to explain and I'm not sure how to link a project here, and I apolgize if it's a dumb question, lol.

 

I have an 'automated message' animation that I'm using to show the lyrics of a song and who is singing along with it. In pictures, here's roughly what it looks like : 

 

Screen Shot 2023-01-02 at 4.20.30 PM.pngScreen Shot 2023-01-02 at 4.20.52 PM.pngScreen Shot 2023-01-02 at 4.21.07 PM.pngScreen Shot 2023-01-02 at 4.22.01 PM.pngScreen Shot 2023-01-02 at 4.22.15 PM.png

 

As you can see, one bubble containing the first line of text pops up, and another bubble pops up after it, pushing the first bubble up (I did this by parenting the first bubble to the second so they move together). This will continue on as the song progresses, like how Spotify and Apple Music do with their lyrics. To roughly complete one song, it takes me about an hour and thirty minutes.

 

As I was editing, I was wondering if there was some way that I could make this more automated, because I manually have to keep making more bubbles of different sizes. I also have to manually change the source codes of each bubble (so that the size of the bubble changes with the size and length of the text in that particular bubble). It's a pretty tedious process that I wanted to shorten. I hope this makes sense!

TOPICS
Expressions , How to

Views

199

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 02, 2023 Jan 02, 2023

Copy link to clipboard

Copied

I'd probably be tempted to do it with a script that reads a data file with the timing. lyric, and singer info--maybe a CSV file. I'd probably have it create lyric markers with expressions to control the timing, that way you could tweak the timing by moving the markers around.

Depending on what form your data's in, you might also be abled to do it with just expressions and a CSV data file, where you just have to duplicate  the bubbles until you have enough.

So, I think you could automate a lot--it just depends on how many of these you need to do and how much effort you're willing to put into it.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 03, 2023 Jan 03, 2023

Copy link to clipboard

Copied

That makes sense, thank you! Do you know of any resources I could use that could help me get started, as I'm not sure how I would format the lyrics in a CSV file or make it turn out the way I look like.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 03, 2023 Jan 03, 2023

Copy link to clipboard

Copied

LATEST

You can set up a pretty simple spreadsheet, with each lyric line being it's own row and then import this into After Effects.

helped.jpg

This is a really simple version which uses a slider to switch from one lyric to the next:

var slider = Math.floor(effect("Slider Control")("Slider"));
txt = thisComp.layer("lyric.csv")("Data")("Outline")("Lyric")("Lyric "+slider);

 

 

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines