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()