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

New tutorial: create a precomp / Essential Graphic to display YouTube Comments using After Effects

Community Expert ,
Nov 14, 2020 Nov 14, 2020

Copy link to clipboard

Copied


In this tutorial, I’m going to show how you can take the text of Youtube comment and create a precomp to match the look. I’ll show how to use an expression to control the widget of the text box and how you can use Adobe’s Essential Graphics to make this precomp resuable. This looks way better than simply taking a screengrab, as you can resize it.

 

 

Project download: https://bit.ly/3b8Agvt


Expression used:

AllText = text.sourceText.replace(/(\r\n|\n|\r)/gm,"|");
AllTextLength = AllText.length;
textArray = AllText.split('');

txt = "";
word = "";
boxwidth = 40;
count = 0;
for (var i=0; i < AllTextLength; i++) {
 word = word+textArray[i];
 if (textArray[i] == ' ') {
  txt = txt+word;
  word = "";
 }
 count++;

 if (count >= boxwidth) {
  count = 0;
  txt = txt+"\n";
 }
    if (i == AllTextLength-1 ) {
  txt = txt+word;
 }

    if (textArray[i] == '|') {
  txt = txt+word+"\n";
  word = '';
  count = 0;
 }

}
txt.split('|').join('');

 

 

TOPICS
Expressions , How to

Views

692

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
Nov 17, 2020 Nov 17, 2020

Copy link to clipboard

Copied

LATEST

Great tutorial, ShiveringCactus!

Keep 'em coming.

 

Best,

Rameez

 

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