Mở một video quảng cáo 15 giây trên điện thoại, chữ xuất hiện từng chữ một, logo xoay nhẹ rồi tan vào nền gradient — toàn bộ cảm xúc đó được dựng bằng keyframe, easing curve và đôi khi chỉ một lớp âm thanh đúng nhịp.
Motion Graphic kết hợp media production và thiết kế ứng dụng: học sinh dùng After Effects (và công cụ liên quan) để animate typography, shape layer, infographic động và intro thương hiệu. Với THPT hướng Thiết kế đồ họa, Truyền thông đa phương tiện hoặc Animation, đây là kỹ năng portfolio trực tiếp cho agency, freelance, MV ca nhạc, TVC và content YouTube/TikTok — nơi timing và cảm giác chuyển động quan trọng hơn số lượng effect.
01Motion Graphic là gì?
Motion Graphic là lĩnh vực thiết kế chuyển động — đưa typography, hình dạng, icon, infographic và hình ảnh tĩnh vào timeline có thời gian, nhịp điệu và chuyển cảnh có chủ đích. Khác với animation nhân vật dài (phim hoạt hình), motion graphic thường ngắn (vài giây đến vài phút), phục vụ thông điệp rõ: intro app, bumper TV, explainer video, lyric video, presentation keynote hoặc identity động của thương hiệu.
Trong môn học THPT và foundation đại học, người học làm việc chủ yếu trên After Effects: keyframe, easing, graph editor, shape layer, pre-compose và export đúng codec. Nền tảng thiết kế tĩnh (bố cục, màu, typography) vẫn là điều kiện — motion chỉ làm rõ thông điệp khi frame tĩnh đã mạnh.
Giao diện After Effects — timeline keyframe, composition typography animation và graph editor điều chỉnh easing curve
Timing & easing — chuyển động không đều tạo cảm giác tự nhiên; linear keyframe trông máy móc; curve trong graph editor quyết định "cảm xúc" của chuyển động.
Storyboard & style frame — biết trước từng cảnh trông ra sao trước khi mở AE; style frame tĩnh làm chuẩn màu, font và layout cho toàn bộ animation.
Sound design cơ bản — nhạc nền, SFX và sync beat thay đổi hoàn toàn cảm nhận; một animation im lặng và có âm thanh có thể như hai tác phẩm khác nhau.
02Học những gì?
Chương trình Motion Graphic đi từ thao tác AE cơ bản đến reel portfolio và intro thương hiệu:
- After Effects basics: keyframe, easing, curves — position, scale, rotation, opacity; chuyển linear sang ease in/out; dùng graph editor chỉnh bezier; hiểu hold keyframe và spatial interpolation cho đường chuyển động mượt.
- Typography animation — animate từng chữ, dòng, tracking và mask reveal; kết hợp font display với hierarchy rõ; tránh over-animate làm khó đọc thông điệp.
- Shape layer & transition — vẽ và animate hình vector trong AE; trim path, repeater, merge path; transition giữa cảnh bằng wipe, morph shape hoặc match cut có chủ đích.
- Infographic động & motion principles — biểu đồ, số liệu và icon chuyển động có thứ tự; áp dụng anticipation, follow through, squash & stretch ở mức motion graphic (không cần nhân vật cartoon) để tạo nhịp sống động.
- Sound design cơ bản & export codec — import audio, đánh dấu beat trên timeline; sync animation với nhịp; export H.264 cho web, ProRes cho nộp bài chất lượng cao; hiểu resolution, frame rate (24/30 fps) và bitrate.
Typography animation — style frame tĩnh làm chuẩn trước khi animate từng chữ và transition giữa các câu thông điệp
Infographic động — shape layer và icon animate theo thứ tự kể chuyện, sync với voice-over hoặc nhạc nền
03Tại sao môn này quan trọng?
Video ngắn chi phối feed mạng xã hội và pitch thương hiệu — motion designer là cầu nối giữa designer tĩnh và video editor. Học sinh THPT có reel 30–60 giây chất lượng, typography animation sạch và intro brand hoàn chỉnh tạo lợi thế rõ khi apply internship agency, freelance hoặc ngành truyền hình/quảng cáo. Quan trọng hơn effect hoành tráng là timing: biết khi nào dừng, khi nào nhấn, và cách easing curve tạo cảm giác sang trọng hay năng động.
Motion designer tại agency — TVC bumper, social cutdown, campaign launch; làm việc với art director và copywriter theo brief.
Freelance motion creator — nhận job intro logo, explainer, lyric video; quản lý timeline, revision và export multi format cho client.
MV ca nhạc & TVC quảng cáo — typography lyric, transition sản phẩm, packshot animate; sync chặt với nhạc và director's treatment.
Intro YouTube/TikTok & presentation keynote-level — opener kênh, lower third, title sequence cho talk hoặc sự kiện; nhịp nhanh, readable trên mobile.
Brand identity động — logo animate, motion guideline cho app và social; mở rộng visual identity tĩnh sang hệ sinh thái chuyển động.
Showreel motion graphic 30–60 giây — tuyển chọn best work typography, transition và intro brand cho portfolio tuyển sinh hoặc internship
04Reel, typography animation và intro video brand
Môn Motion Graphic (media production + thiết kế ứng dụng) thường đánh giá qua reel motion graphic 30–60 giây tổng hợp best work, bài tập typography animation (một câu quote, lyric hoặc thông điệp ngắn có hierarchy và timing rõ) và intro video brand (logo + tagline + visual identity động trong 5–15 giây). Một số chương trình bổ sung infographic động 45–90 giây có voice-over hoặc nhạc nền.
Tiêu chí chấm thường gặp:
- Timing & easing — chuyển động có nhịp, không giật linear; graph editor được dùng có chủ đích; không over-animate
- Typography & layout — font pairing hợp lý, readable trên mobile; animation phục vụ đọc hiểu, không che thông điệp
- Storyboard & quy trình — nộp storyboard/style frame trước animation; thể hiện đã plan trước khi vào AE
- Sound & sync — audio có hoặc SFX phù hợp; cut và motion sync beat (nếu brief yêu cầu)
- Export & kỹ thuật — đúng resolution, fps, codec; file nguồn .aep organized; không lỗi render, banding hoặc typo trên frame cuối
Buổi trình chiếu reel motion graphic — lớp và giảng viên góp ý timing, typography animation và intro brand trên màn lớn
05Những lưu ý khi làm animation
Timing quan trọng hơn effect — easing curve làm nên cảm giác
Hai animation cùng hình ảnh nhưng khác easing sẽ cho cảm giác sang trọng, vui nhộn hay gấp gáp hoàn toàn khác nhau. Mặc định linear trong AE trông máy móc — luôn chỉnh ease in/out hoặc custom curve trong graph editor. Trước khi thêm glow, particle hay blur, hãy chắc timing cơ bản đã đúng nhịp brief.
Storyboard trước khi mở After Effects
Mở AE và keyframe ngẫu nghiệm dẫn đến composition lộn xộn, khó sửa. Vẽ storyboard thô (6–12 frame) và style frame màu cho từng cảnh chính. Xác định thời lượng từng cảnh trên animatic trước — khi vào AE bạn chỉ "execute" plan đã có, tiết kiệm hàng giờ revision.
Render preview thường xuyên — đừng chờ đến frame cuối mới xem
RAM preview từng đoạn ngắn, kiểm tra motion blur, motion path và typo trên frame giữa. Export draft H.264 thấp resolution gửi feedback sớm. Render full quality 4K khi composition chưa chốt sẽ lãng phí thời gian và khó quay lại sửa timing.
Sound thay đổi cảm xúc hoàn toàn — đừng để animation im lặng đến cuối
Đặt nhạc hoặc SFX sớm trên timeline — dù là track tạm — để sync motion với beat. Một cú accent âm thanh đúng frame làm cú reveal typography mạnh hơn gấp điệu. Kiểm tra level audio không clip; export có cả track audio nếu brief yêu cầu.
Tránh quá nhiều effect cùng lúc
Glow + blur + particle + 3D camera + chromatic aberration trên cùng một cảnh 3 giây thường rối và chậm preview. Motion graphic mạnh thường dựa trên ít element, animate tốt. Giữ palette và số layer hợp lý; pre-compose để quản lý; tắt effect không cần thiết khi preview.
Organize project và export đúng spec nộp bài
Đặt tên layer và composition rõ (SC01_Intro, TXT_tagline); folder Footage, Audio, Precomp. Lưu incremental. Export đúng fps và codec giáo viên yêu cầu — thường H.264 MP4 cho trình chiếu và ProRes hoặc .aep kèm media collected khi nộp source. Kiểm tra typo trên frame cuối trước khi submit.
06Các bước làm project motion graphic
Đọc brief: thời lượng (30–60s reel, 5–15s intro), platform (16:9, 9:16), mood và thông điệp. Phác storyboard 6–12 khung hình thể hiện flow cảnh. Chốt concept trước khi design chi tiết — tránh làm đẹp frame tĩnh rồi không animate được.
Dựng 2–4 style frame trong Illustrator hoặc Figma: màu, typography, layout từng cảnh chính. Style frame là "hợp đồng" visual với giảng viên/client — animation sau này không lệch palette hay font đã duyệt.
Ghép storyboard thành animatic (video tĩnh hoặc rough motion) với track audio tạm. Xác định thời lượng từng cảnh và điểm chuyển cảnh. Bước này fix timing trước khi keyframe chi tiết trong AE.
Import asset, setup composition đúng fps. Keyframe position, scale, opacity, shape path; chỉnh easing trong graph editor. Typography animation từng chữ hoặc dòng; transition giữa cảnh. RAM preview thường xuyên, pre-compose layer phức tạp.
Chọn nhạc/SFX có license phù hợp học tập. Đánh dấu beat trên timeline; chỉnh motion cho khớp accent. Kiểm tra mix level — dialogue (nếu có) rõ, nhạc không át. Sync là bước làm piece "professional" hơn hẳn.
Export master chất lượng cao; tạo bản H.264 cho web và tỷ lệ 9:16 nếu brief social. Collect files hoặc nộp .aep có readme settings. Xem lại full trên điện thoại và máy chiếu — typo và banding dễ lộ trên màn lớn.
