Kỹ thuật tạo đồ họa chuyển động trong sản xuất video truyền thông

ISSN: 1859-2171  
e-ISSN: 2615-9562  
TNU Journal of Science and Technology  
225(07): 392 - 399  
KỸ THUẬT TẠO ĐỒ HỌA CHUYỂN ĐỘNG  
TRONG SẢN XUẤT VIDEO TRUYỀN THÔNG  
Phan Thị Cúc*, Đỗ Thị Bích Loan  
Trường Đại học Công nghệ thông tin và Truyền thông - ĐH Thái Nguyên  
TÓM TẮT  
V i     h     i                 ô g  ghệ hiệ       đồ họ   hu    độ g   ở  hà h mộ   ô g  ụ hữu  
dụ g   o g  iệ   â g   o hiệu quả   u ề   hô g   ài   o  à   h m mụ  đ  h gi i  hiệu        
 hu     h   g  h    à  ề   ả g  h    h u     đồ họ   hu    độ g  à đ  h gi    i            
trong  iệ     g     hu h    h   giả  à hiệu quả     qu      h   u ề   hô g h  h ả h  T   giả    
dụ g  h   g  h    ghi     u  ài  iệu   h   g  h    hu  h       iệu  hô g qu   hi u  hảo      à  
qu       m   độ  i            g  i   m qu   5  id o   u ề   hô g    g  ộ g đồ g đ     i d  h  
 o id- 9      ho  T u ề   hô g đ   h   g  iệ   Qu  đ    ài  i   đ      h  à          quả  ghi   
  u  i   qu   đ        ội du g: mộ      h   g  h   đồ họ   hu    độ g   o g   u ề   hô g;     
  u    ả h h ở g        u         qu       đồ họ   hu    độ g  à   i         đồ họ   hu    độ g  
  o g   u ề   hô g  T  đ       giả đ       hữ g      u   gi    ho  T u ề   hô g đ   h   g  iệ  -  
     g Đ i họ   ô g  ghệ  hô g  i   à T u ề   hô g - Đ i họ  Th i Ngu        hữ g đ  h h   g  
giả g d    à  â g   o hiệu quả họ       à   g dụ g Mo io  G   hi   (đồ họ   hu    độ g)   o g  
  u ề   hô g  ho  i h  i    
Từ khóa: Đồ họa chuyển động; chuyển động; truyền thông; truyền thông thị giác; thiết kế đồ họa.  
Ngày nhận bài: 20/5/2020; Ngày hoàn thiện: 19/6/2020; Ngày đăng: 23/6/2020  
TECHNIQUES TO CREATE MOTION GRAPHICS  
IN COMMUNICATION VIDEO PRODUCTION  
Phan Thi Cuc*, Do Thi Bich Loan  
TNU - University of Information and Communication Technology  
ABSTRACT  
With the considerable development of technology, Motion Graphics becomes an useful tool to  
improve communication efficiency. This article is aimed to introduce the different techniques,  
methods, and platforms of motion graphics as well as evaluating its role in increasing audience  
engagement & the effectiveness of image communication. The authors used some methods,  
including: document research, collecting data through  u       d o     i g  h        of  i w   ‟  
access via 05 communication videos on Covid-19 of Falcuty of Multi-Media Communication.  
Thereby, the article presents the research results relating to the contents: some graphic motion  
methods in communication; influencing factors, visual elements of motion graphics and its role in  
communication. Basing on that, the authors draw conclusions to support the Department of  
Multimedia Communication - University of Information Technology and Communication to have  
suitable teaching orientation and improve learning efficiency & application of Motion Graphics in  
communication for students.  
Keywords: Motion Graphics; motion; communication; visual communication; graphic design.  
Received: 20/5/2020; Revised: 19/6/2020; Published: 23/6/2020  
* Corresponding author. Email: [email protected]  
392  
Ph   Th      và Đtg  
T    h   HOA HỌ  &  ÔNG NGHỆ ĐHTN  
225(07): 392 - 399  
1. Giới thiệu  
Đồ họ   hu    độ g đ      o     ởi  ô g  
 ghệ  id o hoặ  ho   h  h  à   o ảo gi    ề  
 hu    độ g hoặ   h   đổi     uấ  hiệ      
      u     h  gi   [ ]  Về     ả   đồ họ  
 hu    độ g  à  gà h  ô g  ghiệ   ho  id o  
ho   h  h  h  h độ g 2D       uấ  3D hoặ  
GIF   o gồm âm  h  h  giọ g   i hoặ  hiệu  
  g âm  h  h [2]  H    ữ      h      h   
 ô g  ghệ  h   id o 36  độ   h      ảo  
Nhữ g đ i     g đồ họ   hu    độ g đ    
 hu    độ g thông qua các  hầ  mềm diễ  
ho     h  Ado   Af    Eff     … hoặ   hững  
 hầ  mềm   g dụ g 3D  h   i  m  4D  
M    … Mộ    o g  hữ g  g  i đầu  i      
dụ g  hu    gữ "đồ họ   hu    độ g" là  
 hu     i    àm  hu    độ g John Whitney -  
 hà    g     công ty Motion Graphics Inc [3]  
  m  96 . Saul Bass - mộ   hà  hi      đồ  
họ   ài    g  g  i M  [4]   à  g  i  i   
 ho g     dụ g   i đ    i  h      đồ họ  độ g  
  o g          h m     m  h  T    h m     
ô g   o gồm      hâ   ả h  i u đề  ho     
 ộ  him  ổi  i  g  h  The Man With The  
Golden Arm (1955), Vertigo (1958),… Các  
 hi          ô g đ   giả    h  g   u ề  đ   
đ  g  h  đề      ộ  him  
Hình 1. Số người dùng Internet qua các năm  
(Nguồn:Tổnghợp báocáocủatổchức“WeareSocial”)  
Qua khảo sát c     u g  âm đào   o Byhands  
(byhands.vn) ở hình 2 cho thấy, phần l n  
(96%) khách hàng mu n tìm hi u về sản  
ph m sau khi xem xong video; 90% khách  
hà g đ      qu    đ nh; 80% khách hàng ghi  
nh   hô g điệp c a video và có t i 64%  
 h  h hà g    ý đ nh mua sản ph m sau khi  
xem video, 46% khách hàng quy   đ nh mua  
sản ph m khi xem video.  
Lo i đồ họ   à   h  ng xuất hiệ    o g  h   g  
tiệ  điện t   à đ  c truyền thông m nh mẽ trên  
Internet [5]. Theo th ng kê Digital Marketing  
Việt Nam 2019 c a tổ ch   “We are Social”  
(vnetwork.vn)  g  i dùng Việt Nam dành  
trung bình t i 6 gi  42 phút mỗi  gà  đ  tham  
gia các ho   động liên quan t i m ng Internet.  
94% là tỷ lệ  g  i dùng Internet ở Việt Nam s  
dụng Internet hàng ngày. Và 6% là s   g  i s  
dụng Internet ít nhất một lần trong tuần. T  các  
tổng h p báo cáo th ng kê tình hình s  dụng  
Internet t i Việt Nam qu        m 2017, 2018,  
2019 c a tổ ch   “W      So i  ” (Hình 1),  
chúng ta thấy r ng tỉ lệ s   g  i s  dụng các  
 h   g  iện truyền thông xã hội t i Việt Nam  
đ     g  h   h  h  N m 2  9  ổng dân s  xấp  
xỉ 97 triệu dân mà có t i 64 triệu  g  i s  dụng  
Internet h  g  gà      g 28%  o   i   m 2  7.  
Hình 2. Mức độ tác động đến quyết định  
của khách hàng  
(Nguồn: byhands.vn,2018)  
Ng  i dùng    dụ g Inte       i     mụ  
đ  h  h    h u: đọ    o    m  him  mu      
hà g h      m  i m  hô g  i   F    oo      
Theo Social Media Today - kênh thông tin về  
truyền  
thông  
xã  
hội  
ngày  
nay  
(newsunad.com.vn) cho bi t trên th c t ,  
video sẽ chi m t i 82% tổ g   u    ng truy  
c   I         ào   m 2 2    hi      ền tảng  
truyề   hô g  h  F    oo   I    g  m h   
gầ  đâ   à    nổi b t c a Tik Tok (1  ng dụng  
 u  i    h     i n các nội dung cho video)  
đ  g   p trung t i  u   ải nghiệm xem video  
cho ng  i dùng. Đâ   à  u h   g  h   hề có  
dấu hiệu giảm nhiệt và chắc chắn sẽ ti p tục  
chi ph i m nh mẽ chi      c truyền thông  
c        h   g hiệu trong th i gian t i.  
393  
Ph   Th      và Đtg  
T    h   HOA HỌ  &  ÔNG NGHỆ ĐHTN  
225(07): 392 - 399  
chí, các t   g   o   u      h      h ả h…  à  
đ    d       mộ  mặ   hẳ g  h     giấ  h   
 ấm             hu   Co   g      guồ  g      
hà g    m   m        ắ  đầu     h   g  
Đô g  Và  h  đẻ         hu    à   à h i  ghệ  
    ổi  i  g          g  h i      h  Georges  
Brasque và Pablo Picasso [6].  
Nắm bắ  đ  c xu th  s  dụ g      h   g  iện  
truyền thông xã hội c    g  i Việt Nam ngày  
cà g    g    o g đ   đầu tiên Việt Nam phát  
hiệ   6  g  i nhiễm d ch Covid-19, Ban  
Giám hiệu, thầy và trò Khoa Truyề   hô g Đ  
 h   g  iệ        g Đ i học Công nghệ thông  
tin và Truyền thông - Đ i học Thái Nguyên  
đ     ý   ởng th c hiện các sản ph m truyền  
thông phòng ch ng d ch trong cộ g đồng gắn  
v i đặ   h    hu    mô  đào   o c a nhà  
    ng, c a Khoa, v a là hành động thi t th c  
h ởng  ng l i kêu gọi c a Th     ng Chính  
ph  “ h ng d  h  h   h ng giặ ”  B ng hình  
ả h đồ họ   i h động, những ch  đề gầ  gũi  
 h : Vi u  Corona và cách phòng ch  g;    
ch  lây nhiễm bệnh viêm phổi đ  ng hô hấp  
cấp do ch ng m i c a virus Corona; Phân biệt  
  m  h  ng và bệnh Covid-19 (tác giả phụ  
trách); Cần làm gì sau khi ti p xúc v i  g  i  
nghi nhiễm  o o  ; Ă  g  đ  phòng ch ng  
Covid-19 trở     đ   giản, dễ hi u, dễ ghi  
nh  h     huỗi video bao gồm 3 phiên bản:  
video truyề   hô g  hô g  h  ng, video dành  
 ho  g  i khi m thính và phiên bản video  
ti  g Lào đ    đ  g  ải truyền thông trên  
f    g  f    oo       g Đ i học CNTT&TT  
và Khoa Truyề   hô g đ   h   g  iện. Và  
đặc biệt nhóm xây d  g đ   ất thành công v i  
các video dành riêng cho cộ g đồng s  dụng  
ngôn ngữ ký hiệu. Việc chuy   đổi  à  đ  
nh   đ  c s   ng hộ tích c c không chỉ c a  
riêng cộ g đồ g  g  i khuy t t t mà còn  
nh   đ  c s  cổ  ũ   h  h  ệ rất l n t  đô g  
đảo cộ g đồng m ng.  
Đ      h    o  hà h    id o ả h  hu    độ g  
 h   g    dụ g     hu   làm phim  
Stopmotion (ho   h  h  ĩ h    ),   o g đ      
 hâ      đ    d  g      h o    g độ g      
  u đ  đ     hụ  h  h   i  à ghé   hà h mộ  
 ộ  him  Mỗi  hu g ả h  à mộ      ả h  mộ  
độ g      i  g  à  hi       i mộ     h  i    ụ  
       ảm gi    h       hâ       h      
 hu    độ g [7]  Ngà         i       đ i     
m   ả h  à  hầ  mềm     hu       h  
Photoshop, Illustrator, Premier, After  
Effect,… thì  iệ    o     id o ả h  hu    
độ g  ẽ dễ dà g h           hu    à   hô g  
    đ       dụ g  hổ  i    
2.2. Hoạt hình flash  
     ệ       h   g  h   ho   h  h  à   h   g  
đ      u   i đ  h d  g   wf  à  ầ      h  h   
 i  g đ   h    Do    h đ   giả    o g  ả   uấ  
 à    h  h     ệ   hấ    hiều do  h  ghiệ  đ  
   dụ g  o i  id o đồ họ   hu    độ g  à  đ  
quả g   o      I         Ho   h  h f   h    
dụ g     ả h đồ họ      o              ả h    
 h  đ     o gi     i  ấ   ỳ    h  h    mà  
 hô g  àm giảm  hấ      g  Đ i   i     
 h   g     h đ    ghi             hu g h  h  
hi    h  đ     hu       g     đ  h d  g hoặ  
 h   g  iệ   h    h   him hoặ  h  h ả h    
 hu       Ngoài          hu g h  h     h  đ    
hi    h   g             o g  hi  h    ho  g  i  
d  g  u i [8]  
2. Phương pháp tạo đồ họa động  
T o g   u ề   hô g, đ      h  đ   đ    hiệu  
  g  h  h  h  g đ    g  i d  g  h   ội  
du g   u ề   ải  hải  õ  à g       qu    à dễ  
hi u      hiều  h   g  h   đ    o    đồ họ  
độ g   h  g mỗi  o i  ẽ     hữ g  u   h    
đi m  i  g  
2.3. Chuyển động 2D  
Ph   g  h    à        h       à mộ         g  
 hấ  đ  h     h  h ả h đ     h    ầ         i  
    độ     đ  h  Đ  h d  g  ổi  i  g  hấ      
         i   à   à GIF  GIF đ     h     i      
  m  987  à đ  h d  g  à    u dữ  iệu h  h  
ả h    g    h    dụ g màu i d   d      ghĩ  
 à mỗi h  h ả h     h    o gồm 256 màu  H  h  
độ g GIF  ấ  đ   giả   dễ     g  h  h  à     ẽ  
2.1. Ảnh ghép chuyển động 2D  
 o   g  ( ắ  ghé  ả h)  à mộ      hu      g  
  o  ghệ  hu    h    u    dụ g   o g  ghệ  
 hu    h  gi  . Mộ       h m  o   g  gồm  
 hữ g đ i     g đ     ắ  d                 
394  
Ph   Th      và Đtg  
T    h   HOA HỌ  &  ÔNG NGHỆ ĐHTN  
225(07): 392 - 399  
   độ g đ     h    i   hầu h                h  
du ệ  w    
    g 3D  i  g  ẽ  Nh       dễ dà g   o  hu    
độ g  à  ắ        i   i  h u  hà h h  h ả h  
hoà   hỉ h    g mộ  " ộ  hu g" ảo  
Đ    o ho   h  h 2D   h  g       dụ g     
đ i     g  i  g  ẻ  à           o g  u    i  g  
 iệ   S u đ        ộ  h    h   hâ       mắ   
miệ g  quầ   o …          hâ       ẽ đ    
     hà  hi      ho   h  h  àm  ho  hu    
độ g          Keyframe (khung hình chính).  
Mộ   huỗi        f  m   h  h  à  hữ g g  
 g  i   m   m  à  hu    độ g. Mỗi  
Keyf  m  mô  ả mộ      g  h i     đ i     g  
 à     hà h độ g  h    ẽ đ    m      h    h  
 o   giữ  2 Keyframe. Hình 3  ho  hấ  mộ  
 g  i  àm  him ho   h  h  ẽ  ắ  đầu   i  iệ  
 hi       h i hoặ        f  m   h  h (hoặ  
 hiều h         huộ   ào đ i     g  à qu  
    h  hu    đổi)   hi đ  đ             h ho   
h  h  ẽ  h m      hu g   u g gi   đ    o    
qu      h  hu    đổi  à   o ảo ả h  i    ụ   ề  
 hu    độ g     đ i     g.  
Hình 4. Tạo chuyển động cho đối tượng  
3. Các yếu tố ảnh hưởng, yếu tố trực quan  
3.1. Các yếu tố ảnh hưởng và các thành  
phần của đồ họa chuyển động  
      u    đồ họ  ở đâ    o gồm  hiều đ i  
    g h  h ả h   uấ   h   đi m  à  hữ g  hi   
      g  hầ  mềm 2D   h  g     h   à h  h  
ả h  ụ  h   à  ũ g     h   hỉ  à  hữ g mả g  
 h i  đ   g  é …  h  g gồm   hoặ   hiều  
 h   h       huộ   ào ý   ở g  à  âu  hu ệ  
mà    đ  g mu   mi h họ    h  hiệ   hô g  
qua Motion Graphics.  
3.1.1. Kịch bản  
Việ      ý   ở g  à  i      h  ả  đ   ả   uấ  
 id o  h       à mộ       qu     ọ g  à đầ  
 h   h    đâ   à  ô g đo   ả h h ở g      
 i   đ    ả   h m  ũ g  h  qu      h  ả   uấ  
 id o   hi  i      h  ả   ầ      đ  h  õ mụ  
 i u  đ i     g mu   h   g   i;  ội du g  gắ  
gọ    õ  à g  đ   giả   à  ắm đ          u    
 ầ  đ     hấ  m  h h    à   u     h   h   
  o g  id o mu     u ề   ải  Qua  ô g  ụ  
Wistia (wistia.com) -  hầ  mềm  i    h   id o  
 ho do  h  ghiệ    h  g        h   i   đ     u  
h   g   âm  ý  g  i d  g  hi   m  id o  hô g  
qu   iệ   hâ     h họ dà h   o  hi u  h i gi   
đ    m  id o  họ  hấ      d  g  à      i    ụ  
khi nào.  
Hình 3. Phương pháp frame by frame  
2.4. Chuyển động 3D  
 hu    độ g 3D  hi        i  hô g gi   đ  
 hiều    o  ho  g  i   m  ảm gi    h    Do  hả  
   g   o    h h   h i h  h ả h  h   đ       h i  
mắ   à  h  g  hồ g      h u đ      đ  h độ  
 âu     môi      g      h  mô  hỏ g môi  
     g 3D   o g   o    g    h hi    h  h i h  h  
ả h đồ g  h i  ho mỗi mắ   Đ   àm  h       
 hà  ả   uấ  ghi   i h  h ả h 3D  ụ  h     h i  
đi m   m  à  h       V          g    h    
dụ g mộ   hi      đặ   iệ      h  hi    h  h i  
h  h ả h  à   i  g  iệ   ho    g mắ    h   giả  
    h    m h  h ả h  h o    h hoà   oà  3D  
[10]. Trong Hình 4   h  g     h    hấ       ộ  
 h   ( h  mắ   mũi        à        ổ   )      hâ  
    ho   h  h 3D đ     â  d  g  à     đ i  
T o g h  h 5      hấ  m   độ  ỏ  g  g     
 h   giả  hi xem một video quảng cáo có sự  
sụt giảm đặc biệt chỉ sau 2 phút. T  đ       h  
 ho  hấ     g   h  g         â  d  g  ội du g  
 id o  à g  gắ   à g       h  g  hải đảm  ảo  
395  
Ph   Th      và Đtg  
T    h   HOA HỌ  &  ÔNG NGHỆ ĐHTN  
225(07): 392 - 399  
  u ề   ải đ    đầ  đ   à đ  g  hô g điệ    i  
 g  i   m  
       m      id o đồ họ  độ g    g gấ  3  ầ  
 id o MV           g        h  u        id o  
 ũ g    g gấ  6  ầ   id o MV  
Bảng 1. Mức độ tiếp cận của người xem video  
Hình thức  
Motion graphic  
Quay MV  
Lượt xem  
48.485.336  
3.747.946  
Bình luận  
24.193  
4.199  
H  h ả h  à âm  h  h     i   qu   đ    ảm  
gi    h  h      o   g  i  à  h  gi    à  h  h  
giác. V         o g mộ       h m đồ họ  độ g  
  u h  h ả h hấ  dẫ  h     h   giả  ẽ     
  u g  ào h  h ả h;  à   o g mộ       h m đồ  
họ  độ g   o g đ  âm  h  h hấ  dẫ  h    
 h   giả  ẽ       u g  ào âm  h  h [  ]  
Hình 5. Minh họa mức độ xem của khán giả  
3.1.2. Chuyển động  
 hu    độ g đ         hà  hi        o    
   g    h  h   đổi  ội du g          hu g  
ả h  i    i    h u   hâ          h  di  hu    
qu         g   i  ả h  h    h u  đ     h   
đổi    h  h     màu  ắ    h i  iệm  hu    
độ g     h  đ    hi u  hô g qu      h  h  
 h    h       dụ     g     ặ    i     mộ    u  
    h  gi     o g  hu    độ g;  h   hu    
độ g  ặ  đi  ặ    i     mộ     g    n trên màn  
h  h   o  hà h mộ   o i  h   điệu [  ]  
3.1.4. Hình ảnh  
Khi chúng ta làm việc v i hình ảnh trong  
Mo io  G   hi     ghĩ   à      h  g     àm  
việc v i Visual (th  giác). Mà Visual ở đâ  
không chỉ có hình mà còn là s  k t h p giữa  
Typography (ki u chữ), bi u    ng, thông tin  
theo một cấu trúc, tr t t      ghĩ   Đ  t o nên  
s      ghĩ   à    h  g     ần phải tìm hi u  
về các ki n th c, nguyên lý c a nghệ thu t th  
giác và quá trình hình thành giao ti p th  giác  
[12]. Theo th ng kê c a Hubspot (công ty t i  
M  về phát tri n và kinh doanh phần mềm  
phục vụ cho ti p th  và bán hàng) trên trang  
bigstarmedia.vn cho thấy bộ   o  o   g  i  
x  lý hình ảnh nhanh gấp 60.000 lần x  lý  
     ả   9 %  hô g  i  đ  c x  lý trong não  
bộ  o   g  i là thông tin hình ảnh, và 93%  
giao ti p giữ   o   g  i v i  o   g  i là  
hình ảnh. Đ  thấ      động tích c c c a hình  
ảnh v i  o   g  i, tác giả ti n hành khảo sát  
f    g       g Đ i học Công nghệ thông tin  
và Truyền thông     c (Hình 6) và sau (Hình  
7)  hi đ  g  ải  5  id o đồ họa chuy n động  
tuyên truyền về Covid-19. Ta thấy s     t  
    g       i fan  g     g     khá rõ. Cụ th ,  
  u 2  h  g đ  g  ải thì s     t click vào xem  
 id o    g     72 %   éo  h o       t thích  
    g    g  24%      g  i  h o dõi     g    g  
127%, s   g  i ti p c n bài vi      g  7 %  
và s           g       i bài vi      g  97%  
3.1.3. Âm thanh  
T     h       7 % ả h h ở g          h m đồ  
họ   hu    độ g  h   g đ     h  hiệ  ở đ  h  
d  g     quả g   o  h   g m i hoặ      đ  h  
d  g     g    đ      o     ởi âm  h  h  Mặ  
d  hiệu   g h  h ả h  à  hu    độ g đồ họ  
hoà  hảo   h  g  ẽ  hô g hiệu quả   u  
 h  g  hô g đi  èm   i âm  h  h  h  h    
Và  hi  â  d  g  id o  h   h  g         họ  
 hữ g gi i điệu âm  h  h  ui    i   hộ   h  ,  
   dụ  h         h   hi            đ  g  
 ổi … Qu   hảo      id o  ài h   “Gh    ô  
  ” (d        g   o     Việ  S    hoẻ  ghề  
 ghiệ   à môi      g  h         i  h    ĩ  
 hắ  H  g      ĩ Mi   à     ĩ E ik -  
rQw) đ        h  à  d  i d  g  id o đồ họ  
độ g  à  id o qu   MV đ  g  ải       ou u   
    gà  2 -23/4/2 2       h   hấ     g m   độ  
 i        g  i   m     g đ i   o ở  id o đồ  
họ   hu    độ g      quả bả g    ho  hấ ,  
396  
Ph   Th      và Đtg  
T    h   HOA HỌ  &  ÔNG NGHỆ ĐHTN  
225(07): 392 - 399  
 i       độ g đ    ảm    h      g  i   m  
Màu  ắ      hả    g đặ   iệ  ả h h ở g đ   
 âm     g      g  i   m  à gâ      hữ g  
 ảm      h    h u d         ề      h    à  
    hâ      họ   hi       u g  ào  ả   hấ  
 âm      o   g  i   ầm qu     ọ g     màu  
 ắ    ở      õ  à g [ 4]  
3.1.6. Ánh sáng  
Á h    g  à mộ    u    qu    đ  h   o g  uộ  
   g      o   g  i  Vào   m 2  4  mộ  
 ghi     u          h  Tâm    họ   g  i  i u  
d  g đ   h   hiệ        g   h    g  à g m  h  
 ảm          o   g  i  à g    ả h h ở g  à  
gi     g   ả mặ     h      ẫ   i u      Nghi   
  u gồm   u  h   ghiệm  i m     m i  i   hệ  
giữ   ảm      à độ    g  u g qu  h   ảm  
gi   ấm       g      hi  hữ g  g  i  h m gi  
đ     i         i   h    g     ắ  đỏ   ảm  
gi           i u        g  hi   h    g    h  
 hi m  u  h   Á h    g  à g      ỡ   ảm     
     hữ g  g  i  h m gi   à g   ở nên mãnh  
 iệ    ả     g độ  à màu  ắ        h    g đều  
ả h h ở g đ    âm     g      o   g  i  Việ  
   dụ g      h   hu    hi u    g  h    h u  ẽ  
 àm  ho g  h        ở g     g [ 5]  
Hình 6. Số liệu trước khi đăng tải video  
Hình 7. Số liệu sau khi đăng tải video  
D         ý  hu     à  h          độ g     h  h  
ả h       hà  i    h   à  hà  hi      đều  h   
    ầm qu     ọ g      iệ     dụ g  hấ   iệu  
h  h ả h   o g  hi         i    h   Mộ  h  h  
ả h  ắ  mắ   à    g   o  uô   à  hấ   iệu  u ệ  
  i đ    o     mộ   ả   h m  hấ      g  D   
      h      h  âm  ý họ     hội   u      h  
“H  h ả h điều  hi    âm    ” [ 3] lý giải điều  
g    o      hữ g h  h ả h   u ề   ải  hô g  
điệ   hi    h  h hà g  ảm  h     i    ở g  
mu   ắm  à  h   đổi  ả   hâ   T  đ    ẽ đ      
đ       h  h     o     h  h ả h  à  hô g điệ  
  u ề   hô g hiệu quả  
3.2. Các yếu tố trực quan của đồ họa động  
và vai trò của chúng trong truyền thông  
Đồ họ   h  h ả h  à  ộ   u     h  h ả h    
  o g đồ họ   hu    độ g     h  gi    ải  
 hiệ   hấ      g              h m  à    g  
m   độ  hổ  i           ho  h   giả  hoặ  
 g      i  Nhữ g h  h ả h      qu    hải  
đ     hi       h  h     i ý   ở g  mo g  
mu    à  i u  h       h   giả đ  chúng     h  
  u ề  đ    hô g điệ       qu   mộ     h     
 hấ   Nhiều  hà  hi       h   đ  h gi  đ  g  
  i      à ả h h ở g    h               u    
 à    o g  iệ   hu h    ô g  h  g        , họ  
 h     o    đ         h m đồ họ  độ g  hấ  
    g   o  
. H  h ả h     +  hu    độ g    /    ghĩ  =  
video      
. H  h ả h     +  hu    độ g    h  h   g/   
 ghĩ  =  id o  ẫ       
. H  h ả h  ệ/ ấu/ hô g    ý  ghĩ  +  hu    
độ g     =  id o  h    hắ      h    id o  ệ  
3.1.5. Màu sắc  
Nhữ g đi m  h  h   o g  gô   gữ h  h ả h  
và  hà h  hầ  đ       dụ g   o g đồ họ  
 hu    độ g [ 6] đ     iệ     d  i đâ :  
Màu  ắ   à mộ   hầ    o g  uộ     g     
 h  g     à đ i   i mộ   g  i  hi       h  
màu  ắ   ô    g qu     ọ g  Mộ   ả   h m  
đẹ   à     h i h   hoà  hảo         ụ   à  
màu  ắ   Do đ   màu  ắ   h  h    ẽ  àm  ho  
 hi        ở      i h độ g   ắ  mắ   à         
1 -       u         qu    h  h (đ   g  h  h  
d  g  màu  ắ   h   g      ); 2 - Thà h  hầ ;  
3 - Các ph   g  h     o  gô   gữ h  h ả h;  
4 -     hu     o  h  gi   
397  
Ph   Th      và Đtg  
T    h   HOA HỌ  &  ÔNG NGHỆ ĐHTN  
225(07): 392 - 399  
3.2.1. Bố cục  
Nhữ g đ  ng Line dày th  hiện s  c ng cáp  
 à  h   g d  g đ  nhấn m nh một chi ti t  
 ào đ   o   i tổng th . Mộ  đ  ng thẳng  
đ ng t  trên xu  g d  i, t o cảm giác vững  
chắ       đ i    ng n m song song v i mặt  
đất luôn t o cảm giác yên bình, c   đ  ng  
chéo bi u hiện c a s  di chuy    à đ nh  
h   g hà h động, nhữ g đ  ng cong t o cảm  
giác thoải mái, an toàn, g i cảm …  
    ụ  đ  g   i     qu     ọ g   o g  hi      
đồ họ    h   g đề     đ           ụ  h      
h  h ả h       ả   à      hà h  hầ       ụ   à  
 iệ     dụ g     mẫu  đồ họ   à  hô g gi   đ  
  o    mộ   hi        ảm      à   o        g  
     N   à mộ    o g  hữ g  ô g  ụ      õi     
 hi      đồ họ   N u     ụ   hô g h    ý  h  
 ả   h m  ẽ  hô g  h    u ề  đ   đ     h  h  
     ội du g   u ề  thông  à  ẽ       g  h   hi  
 h  quả g   o đ i   i do  h  ghiệ  [ 5].  
Việ   hâ   hi   ắ       hoả g    h giữ      
đ   g Li    ũ g   o     ảm gi    ề  hu    
độ g   ảm gi    h  gi   ở  o   g  i  ấ   h   
 ảm   i         độ g  âm  ý  à gi       ghệ  
 hu       đ   g Li     o g mộ   hu g h  h  
V       đ     dụ g     đ   g mộ     h hiệu  
quả  h   h  g     hải  ắm đ        đặ  đi m  
    đ   g Line   ũ g     h    i    g đ   g  
Li    à   u       ả h h ở g  hấ   à đ       
dụ g  hiều  hấ    o g đồ họ  độ g  à đ    
   dụ g ở     d  g  h    h u    i ý  ghĩ  
khác nhau [17].  
3.2.2. Typograph (Kiểu chữ)  
T  og   h   à mộ   hầ   hô g  h   hi u  
  o g  hi       T o g đồ họ   hu    độ g thì  
Typography  ẽ đ         hà  hi        o  
 hu    độ g    g    h di  hu     hô g qu  
    i   đổi  h o  h i gi    à  hô g gi    h o  
đ   g  hẳ g  đ   g  o g … [2]  Tu   hi    
 hi đ       ào đồ họ   hu    độ g   g  i    
dụ g đôi        „  i   i‟     hô g  i           
h   fo    ào  ho  h  h     i  hâ   ả h  
 h     i  hi       ĩ h  T  og   h    o g  
Motion Graphics  hỉ  uấ  hiệ    o g mộ  
 hoả g  h i gi    ấ   gắ   V        hữ   o g  
     id o  h   g  u  i        o i fo    hữ dễ  
đọ   h   ou u    N           N u   
G   dho    …  à h    h   hữ g  o i fo    hữ  
qu  mỏ g        ẽ     h m  h    hữ g fo   
 hữ       h     g       o     ẽ  àm  g  i   m  
  i mắ   hi nhìn lâu [17].  
4. Kết luận  
Đồ họ   hu    độ g  à mộ   h   g  h    h  
hiệ   à gi o  i     i  h   giả qu       h  đề  
 à  ĩ h     độ  đ o    g  iệ      dụ g hiệu  
  g đồ họ   Trong đồ họ   hu    độ g, các  
  u     h  gi   gồm  ý hiệu   i u     g đ    
h     ộ    i     ý   ở g h  h ả h gồm  h   
điệu   hấ  m  h  à độ     g  hả     u đ      
h   cùng âm th  h  à  hu    độ g   u i  
cùng,    g       g   o      hà  hi       khán  
giả  ẽ đ     h ở g  h    hữ g  ả   h m  hấ  
    g   o. Đi m qu     ọ g đ i   i đồ họ  
 hu    độ g  o   i          h m đồ họ   h   
 à    hiệ  diệ       hu    độ g  à âm  h  h  
 à   u    hiệu quả   o g qu      h ả h h ở g  
đ    âm          h   giả  Đâ   à mộ  đi m mà  
hầu h            h m đồ họ   hi u  Điều  à     
giải      o đồ họ   hu    độ g     hả    g  
 hu    độ g  à m  g   i hiệu quả   u ề  
 hô g     h       h  h  h    ghệ  hu    h  
gi      đ  h  h  .  
3.2.3. Không gian trắng  
 hô g gi     ắ g  à  hầ  qu     ọ g   o g  
mọi     ụ    hoả g     g  hô g     ghĩ   à  
 hỉ màu   ắ g;        đ    gọi  à „ hô g gi   
âm‟   à  hô g gi   giữ       hầ   ội du g  
giữ      d  g h    h m  h   hầ   goài  ề  
 hô g gi     ắ g gi    hi     h      hầ   h   
nhau  à   o        hài h    ho  hi      [14].  
3.2.4. Lines (các đường)  
Trong Animation (diễn ho t hình ảnh), Line  
đ  c s  dụ g đ  t o ra s     g động và hành  
động c a nhân v t giúp khán giả hi u  õ h   
về tình hu ng mà nhân v   đ  g  h m gi   
Nhữ g đ  ng Line mỏ g  h  ng mong manh,  
 h  g  h  h p đ  t o ra s  nhẹ nhàng tinh t .  
T  h đ n th i đi m hiện nay, thì Khoa Truyền  
 hô g đ   h   g  iệ        g Đ i học  
 NTT&TT  à đ      đầu tiên xây d ng thành  
398  
Ph   Th      và Đtg  
T    h   HOA HỌ  &  ÔNG NGHỆ ĐHTN  
225(07): 392 - 399  
công 05 video truyề   hô g d  i d  g đồ họa  
độ g đ  c chuy n th  sang ngôn ngữ ký hiệu  
giúp cộ g đồ g  g  i khi m thính nh n bi t  
và có k     g  ảo vệ s c khoẻ       đ i d ch  
Covid- 9  Đi   h  h  à  id o “Vi u  Corona  
và cách phòng ch ng” đ    đ  g  ải trên  
fanpage c   T   ng Đ i học Công nghệ  
thông tin và Truyền thông  Đ i học Thái  
Nguyên (Hình 8) sau 03 tuần đ  g  ải đ   h n  
đ    h   7 5      t xem, 177 chia sẻ và hàng  
   m          g      
TÀI LIỆU THAM  HẢO/ REFERENCES  
[1]. M. Betancourt, The Origins of Motion  
Graphics, Cinegraphic, 2012.  
[2]. N. Babic, J. Pibernik, and N. Mrvac, “Media  
Study: Motion Graphics,” 2008 50th  
International Symposium ELMAR, IEEE  
Xplor, 2009.  
Wildside Press, 2013.  
[4]. M. Betancourt, Saul Bass  
Modernist Design, Cinegraphic, 2011.  
[5]. S. Skjulstad, “Communication design and  
motion graphics on the Web,” Journal of Media  
Practice, vol. 8, no. 3, pp. 359-378, 2007.  
[6]. Snyder, and Sandra, “Fractals and collage  
theorem expository paper,” Master of Arts in  
Teaching with  
a
Specialization in the  
Teaching of Middle Level Math Ematics in  
the Department of Mathematics, 2006.  
[7]. M. Ternan, Stop Motion Animation: How to  
Make & Share Creative Videos, Publisher  
B.E.S, 2013.  
[8]. G. Kirkpatrick, and K. Peaty, Flash Cartoon  
Animation, Apress, Berkeley, CA, 2002.  
[9]. T. Gasek, Frame-By-Frame Stop Motion: The  
Guide  
to  
Non-Traditional  
Animation  
Techniques, Focal Press, 2011.  
Hình 8. Video sau 3 tuần đăng tải  
[10]. B. Byrne , 3D Motion Graphics for 2D  
Artists:Conquering the Third Dimension,  
Publisher Focal Press, 2011.  
[11]. Woolman, Matt, Motion Design: Moving  
Graphics for Television, Music Video,  
Cinema, and Digital Interface, Rotovision,  
United Kingdom, 2004.  
[12]. U. Huy, Visual arts and basics (in  
Vietnamese), Art Publishing, 2019.  
[13]. Andrews, V. Leeuwen, and V. Baaren,  
Visual control of mind - 30 techniques of  
psychological control in communication,  
Labor Publishing, 2019.  
[14]. Braha, Yael, and B. Byrne, Creative Motion  
Graphic Titling for Film, Video, and the Web,  
New York, Taylor & Francis, 2011.  
[15]. M. Furniss, Art in motion: Animation  
Aesthetics, John Libbey Publishing, 2008.  
[16]. C. Nandi, Principles of Communication, Ess  
Publication, 2016.  
[17]. J. A. Brandão, “Motion Graphics  
Ergonomics: Animated Semantic System, for  
Typographical Communication Efficiency,”  
Elsevier Journal, vol. 3, pp. 6376-6379, 2015.  
Ngoài ra, các video này đ  c các báo l n  
 h : Th  h  i  ; Vi    m   ; Kênh 14; VOV  
giao thông; báo Pháp lu t; báo Tiền Phong;  
Nh p s ng s ; Nh p s ng th i đ i… đ    i   
V i những k t quả đ   đ  c, nghiên c u đ  
phác thảo đ  c b c tranh tổng quan về đồ họa  
chuy n động hỗ tr  giảng viên, sinh viên  
Khoa Truyề   hô g đ   h   g  iện c a  
     g Đ i học Công nghệ thông tin và  
Truyền thông trong giảng d y và học t p,  
 ũ g  h      đ  h đ  c những y u t  ch  
y u ả h h ở g đ n việc xây d ng sản ph m  
đồ họ  đ   h   g  iện c a sinh viên. T  đ  
gi    hà     ng có những giải pháp nh m  
nâng cao chấ     ng giảng d y, th c hiện mục  
tiêu và nhiệm vụ đ  đề    đ  có th  xây d ng  
đ  c những sản ph m có ích cho cộ g đồng.  
399  
pdf 8 trang yennguyen 22320 Free
Bạn đang xem tài liệu "Kỹ thuật tạo đồ họa chuyển động trong sản xuất video truyền thông", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

File đính kèm:

  • pdfky_thuat_tao_do_hoa_chuyen_dong_trong_san_xuat_video_truyen.pdf