FREE AFTER EFFECTS EXPRESSIONS

โค้ดพร้อมใช้
แค่คัดลอก แล้ววาง

รวม Expression สำหรับ After Effects ที่ช่วยให้งาน Motion ของคุณเร็วขึ้น ใช้ได้ฟรี และปรับแต่งต่อได้ทันที

เลือกดูสคริปต์ ↘
04EXPRESSIONS
พร้อมใช้งาน

RUN NUMBER
EXPRESSIONS

เลือกเวอร์ชันที่เหมาะกับงาน แก้ค่าที่ระบุไว้ แล้วนำไปวางใน Source Text ได้เลย

02

Run Number สำหรับวางคู่กับภาพ

แสดงเฉพาะตัวเลข เหมาะกับเลย์เอาต์ที่มีไอคอนหรือองค์ประกอบอยู่ด้านข้าง

AFTER EFFECTS EXPRESSION
// --- ค่าเริ่ม-สิ้นสุด
startValue = 0;
endValue = 9876543.21;
startTime = 0;
endTime = 4;

// --- คำนวณ
t = clamp(time, startTime, endTime);
progress = (t - startTime) / (endTime - startTime);
value = ease(progress, 0, 1, startValue, endValue);

// --- ฟังก์ชันใส่ comma
function addCommas(num) {
  s = num.toFixed(2).toString().split(".");
  intPart = s[0];
  decPart = s[1];
  rgx = /(\d+)(\d{3})/;
  while (rgx.test(intPart)) {
    intPart = intPart.replace(rgx, "$1" + "," + "$2");
  }
  return intPart + "." + decPart;
}

// --- แสดงผล (ไม่มีข้อความประกอบ)
addCommas(value);
03

Slider Control พร้อมคอมม่า

เชื่อมค่ากับ Slider Control แล้วเติมหน่วยท้ายตัวเลขได้อย่างรวดเร็ว

AFTER EFFECTS EXPRESSION
slider = effect("Slider Control")("Slider");
num = Math.round(slider).toString();
num_with_commas = num.replace(/\B(?=(\d{3})+(?!\d))/g, ",");

// แทนที่คำว่า "บาท" ด้วยหน่วยที่คุณต้องการ
num_with_commas + " บาท";
04

Run Number มากกว่า 1 ล้าน

ตั้งค่าตัวเลขปลายทาง ระยะเวลา ข้อความด้านหน้าและหน่วยด้านหลังได้

AFTER EFFECTS EXPRESSION
// เริ่มต้น Run Number
startNumber = 1;

// จำนวนที่ต้องการ (เช่น 1 ล้าน หรือมากกว่า)
endNumber = 1000000000;

// ระยะเวลาในวินาที
durationInSeconds = 10;

// ข้อความก่อนและหลังตัวเลข
prefix = "ข้อความก่อน ";
suffix = " หน่วย";

// ฟังก์ชันเพิ่มคอมมา
function addCommas(num) {
  var parts = num.toString().split(".");
  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  return parts.join(".");
}

// คำนวณเวลาและตัวเลข
currentTime = time;
progress = ease(currentTime, 0, durationInSeconds, startNumber, endNumber);

// แสดงผลพร้อมคอมมา
prefix + addCommas(Math.round(progress)) + suffix;
01

สร้าง Text Layer

สร้างเลเยอร์ข้อความใหม่ใน After Effects

02

เปิด Expression

กด Alt/Option + คลิก Stopwatch ที่ Source Text

03

วางและปรับค่า

วางโค้ด แล้วแก้ตัวเลข เวลา หรือข้อความตามต้องการ

TIP

ถ้าต้องการให้ตัวเลขเปลี่ยนด้วยความเร็วคงที่ ให้เปลี่ยน ease() เป็น linear()