Header ads

Header ads
» » » Bật mí kỹ thuật tự tạo khung hình avatar và hiệu ứng trên Facebook

Các hiệu ứng chụp ảnh, quay video trên Facebook hay Instagram luôn tạo được sự thích thú với người dùng, khi có rất nhiều kiểu hiệu ứng động khác nhau. Hoặc với avatar Facebook bạn cũng đã được cung cấp nhiều khung hình theo các chủ đề khác nhau để làm mới avatar của mình. Và nếu muốn người dùng hoàn toàn có thể tự tạo những hiệu ứng độc đáo đó cho Facebook thông qua phần mềm Spark AR.
Spark AR là nền tảng sử dụng để tạo các hiệu ứng thực tế ảo tăng cướng, chính là những hiệu ứng khuôn mặt hay hình động mà bạn sử dụng khi quay video trên Facebook, Instagram. Theo đó người dùng có thể tạo mới hoàn toàn rồi chia sẻ các bộ lọc này thong qua trang chủ của Spark AR. Như vậy không chỉ bạn mà rất nhiều người khác cũng sẽ được sử dụng hiệu ứng thú vị đó. Bài viết dưới đây sẽ hướng dẫn bạn đọc cách sử dụng phần mềm Spark AR tạo hiệu ứng khuôn mặt khi quay video trên Facebook và Instagram.

    Hướng dẫn dùng Spark AR tạo hiệu ứng Facebook

    Bước 1:
    Trước hết người dùng tải phần mềm Spark AR theo link dưới đây và tiến hành cài đặt.
    https://sparkar.facebook.com/ar-studio/
    Cài đặt phần mềm
    Bước 2:
    Sau khi cài đặt xong và khởi động phần mềm, chúng ta được yêu cầu đăng nhập tài khoản Facebook cá nhân.
    Đăng nhập Facebook
    Dưới đây là giao diện chính của phần mềm với một số mẫu tạo hiệu ứng sẵn có khác nhau. Nhấn vào Create Project ở phía dưới góc phải màn hình để tiến hành tạo.
    Giao diện phần mềm
    Bước 3:
    Hiển thị giao diện để người dùng tiến hành tạo các hiệu ứng khung hình. Chúng ta sẽ có khuôn mặt minh họa để xem trước hiệu ứng hiển thị khi hoàn thành. Ở góc phía trên sẽ là màn hình mô phỏng theo các thiết bị khác nhau, kèm thêm một số tùy chỉnh khác.
    Giao diện tạo hiệu ứng
    Bước 4:
    Trong trường hợp người dùng muốn sử dụng chính khuôn mặt của mình để làm hiệu ứng thì ở cạnh trái màn hình bạn nhấn vào biểu tượng camera rồi chọn HD Webcam. Ngay sau đó webcam sẽ hiển thị ở màn hình bên phải.
    Sử dụng webcam
    Bước 5:
    Tiếp đến tại mục Scene chúng ta nhấn chuột phải vào Focal Distance rồi chọn Add, chọn tiếp vào Face Tracker.
    Face Tracker
    Bên dưới hiển thị thêm faceTracker0, nhấn chuột phải chọn Add chọn tiếp vào Face Mesh.
    Face Mesh
    Kết quả khuôn mặt của bạn lúc đó đã có thêm phần mặt nạ bao quanh để làm hiệu ứng.
    Mặt nạ khuôn mặt
    Bước 6:
    Bây giờ chúng ta sẽ tiến hành tạo hiệu ứng thú vị cho khuôn mặt chẳng hạn có hình động bay ra từ mắt. Bạn cần chuẩn bị hình ảnh làm hiệu ứng bất kỳ với định dạng png. Mở thư mục trên máy tính lưu hình làm hiệu ứng rồi kéo vào phần Assets trên giao diện phần mềm.
    Hình chọn làm hiệu ứng
    Nhìn xuống bên dưới click chuột vào Add Asset rồi chọn Material. Hiển thị nội dung tại Assets, bạn đặt tên mới rồi nhấn Enter, chẳng hạn đặt fb hoặc tên nào đó tùy chọn.
    Tạo tên cho hiệu ứng
    Bước 7:
    Nhìn tiếp lên phần Scene click chuột phải vào faceTracker0, chọn vào Add rồi chọn tiếp vào Particle System.
    Particle System
    Chúng ta cũng đặt tên cho phông hình mới thêm bằng cách click chuột phải và chọn Rename, có thể đặt là lefteye chẳng hạn để tạo hiệu ứng cho bên mắt trái.
    Tên cho hiệu ứng mắt bên trái
    Nhấn tiếp Ctrl + D để nhân đôi thêm phông hình mới và cũng đặt tên là righteye để tạo hiệu ứng cho mắt phải.
    Tên cho hiệu  ứng mắt bên phải
    Bước 8:
    Bây giờ bạn click chuột vào mục View ở trên cùng giao diện rồi chọn Show/Hide Patch Editor hoặc nhấn tổ hợp phím Ctrl + Alt + P.
    Hiện Patch Editor
    Bước 9:
    Hiển thị vùng Patch Editor ở bên dưới màn hình rồi click đúp chuột vào vùng thiết lập này. Hiển thị khung để nhập từ khóa, chúng ta nhập face rồi nhấn vào Face Finder, click vào Insert Patch để sử dụng.
    Để sử dụng 1 hiệu ứng khuôn mặt khi quay video trên Facebook trước hết sẽ tiến hành tìm kiếm khuôn mặt, sau đó xác nhận khuôn mặt và tiếp đến là áp dụng hiệu ứng. Face Finder chính là quy trình tìm kiếm khuôn mặt đầu tiên mỗi khi chúng ta sử dụng hiệu ứng quay video.
    Face Finder
    Tiếp tục thực hiện như trên để hiện quy trình Face Select. Sau đó bạn nối hình tròn đầu tiên của Face Finder với hình tròn đầu tiên của Face Select như hình bên dưới.
    Face Select
    Bước 10:
    Tiếp tục click đúp chuột vào vùng Patch Editor rồi tìm từ khóa eye, click đúp chuột vào Eyelid.
    Eyelid
    Sau đó nối mũi tên tại Face Select sang cột Face như hình. Eyelid sẽ khoanh vùng cho hiệu ứng hiện trên mí mắt của bạn.
    Nối Face Select với Eyelid
    Bước 11:
    Tại Scene click chuột vào phông lefteye rồi nhìn sang cột phải giao diện màn hình click vào Position để điều chỉnh vị trí cho hiệu ứng mắt trái.
    Vị trí cho hiệu ứng mắt trái
    Hiển thị khung điều chỉnh vị trí mắt trái tại Patch Editor. Tiếp tục nối mũi tên thứ 2 tại cột Eyelid sang khung lefteye như hình.
    Vị trí hiệu ứng mắt trái
    Bước 12:
    Tại Scene hãy kéo phông faceMesh0 xuống dưới 2 phông mắt trái và mắt phải.
    Ẩn faceMesh0
    Nhìn sang cột bên phải bỏ tích tại Visible để hiển thị khuôn mặt thật.
    Bỏ mặt nạ lưới
    Bước 13:
    Tiếp tục click vào righteye ở Scene rồi cũng nhấn vào Position để hiển thị khung vàng chỉnh vị trí dưới phần Patch Editor. Sau đó tìm tới mũi tên Right Center Position tại cột Eyelid nối với khung righteye màu vàng như hình.
    Vị trí mắt phải
    Bước 14:
    Click lại vào phông lefteye tại Scene rồi nhìn sang cột bên phải click vào dấu cộng tại Materials rồi chọn tên hiệu ứng mà chúng ta đã đặt tên trong Metarials tại Assets, ở đây là fb. Tiếp tục thực hiện thao tác tương tự với phông righteye.
    Chọn hiệu ứng tại Assets
    Bươc 15:
    Tại khu vực Assets chúng ta click vào fb rồi nhìn sang cột bên phải tại Texture nhấn vào mũi tên rồi chọn tên hình ảnh làm hiệu ứng hay hình bất kỳ mà bạn muốn tạo hiệu ứng bay ra từ mắt.
    Chọn tên của hình làm hiệu ứng
    Kết quả chúng ta được hiệu ứng khuôn mặt như hình.
    Xem trước hiệu ứng cho mắt
    Nếu muốn sử dụng hình khác thì bạn cũng kéo ảnh vào phần Assets rồi cũng chọn hình mới đó cho fb. Chẳng hạ đổi sang hiệu ứng hình sao như dưới đây.
    Chuyển sang hình ảnh hiệu ứng khác
    Bước 16:
    Nếu bạn muốn điều chỉnh vị trí của hiệu ứng hiện trên mắt thì chỉ cần điều chỉnh tại cột Eyelid bên dưới Patch Editor. Chúng ta lựa chọn các mũi tên vị trí rồi nối vào từng khung vàng lefteye righteye. Vị trí hiệu ứng được thay đổi ngay và bạn có thể kiểm tra qua màn hình minh họa bên trên
    Thay đổi vị trí của hiệu ứng
    Bước 17:
    Để điều chỉnh lại kích cỡ cho hình hiệu ứng thì bạn click vào từng phông tại Scene, rồi nhìn sang cột bên phải tại Particle, click vào Scale và điều chỉnh lại kích cỡ. Có thể điều chỉnh kích cỡ của cả 2 bên mắt, nhưng tốt nhất bạn nên để cùng kích cỡ.
    Chỉnh lại kích cỡ hiệu ứng
    Bước 18:
    Tiếp đến chúng ta điều chỉnh thêm phần hiển thị cho hiệu ứng. Click đúp chuột vào vùng trống trong Patch Editor rồi tìm kiếm blink. Sau đó chúng ta nối mũi tên của Face Select vào Blink như hình dưới đây.
    Chỉnh hiệu ứng nháy mắt
    Bước 19:
    Nhìn lên khung Scene chọn vào lefteye rồi nhấn vào mũi tên Birthrate tại Emitter để hiển thị khung màu vàng Birthrate cho mắt trái.
    Chỉnh tốc độ hiệu ứng
    Tiếp đến chúng ta click trực tiếp vào vùng Patch Editor rồi tìm delay để tạo khung, tạo tiếp If then ElseSwitch. Sau đó chúng ta sẽ nối các quy trình như hình dưới đây. Bạn cần quan sát chi tiết để thực hiện. Chú ý các thông số được khoanh tròn để điền vào.
    Chỉnh tốc độ
    Tiếp tục click vào righteye rồi cũng click vào mũi tên Birthrate tại Emitter. Sau đó nối khung If then Else vào khung righteye. Kết quả chúng ta được sơ đồ hoàn chỉnh như hình dưới đây.
    Nếu tăng Duration trong khung Delay thì hiệu ứng sẽ hiện lâu hơn. Mỗi một thay đổi đều được hiện trước trên màn hình mô phỏng phía trên để bạn xem trước. Như vậy chúng đã hoàn thành xong các bước tạo hiệu ứng cho khuôn mặt rồi đó.
    Quy trình hoàn chỉnh
    Bước 20:
    Để xuất file hiệu ứng đã tạo bạn nhấn vào File rồi chọn Export.
    Xuất file hiệu ứng
    Hiển thị bảng Project Export nhấn tiếp vào nút Export.
    Chọn Export
    Chúng ta lưu tên của file hiệu ứng này dưới định dạng arexport.
    Lưu  tên hiệu ứng
    Bước 21:
    Sau đó phần mềm hỏi bạn có muốn tải hiệu ứng này lên trang Spark AR Hub để xét duyệt làm hiệu ứng khung hình cho Facebook không, nhấn Open Spark AR Hub. Hoặc bạn có thể truy cập vào link dưới đây để tải hiệu ứng.
    https://www.facebook.com/arp/effect/details/
    Mở trên trang xét hiệu ứng Facebook
    Bước 22:
    Tại đây chúng ta sẽ điền tên hiệu ứng tại khung Tên hiệu ứng rồi nhấn Tiếp ở bên dưới.
    Nhập tên hiệu ứng
    Chuyển sang giao diện tiếp phần Biểu tượng hiệu ứng bạn sẽ tải hình ảnh đại diện cho hiệu ứng, chú ý phần yêu cầu của biểu tượng mà Facebook đề ra.
    Hình cho hiệu ứng
    Phần File hiệu ứng chúng ta tải file hiệu ứng tạo bởi Spark AR rồi nhấn Tải lên và tiếp tục. Chúng ta chờ hiệu ứng được tải lên Facebook.
    File cho hiệu ứng
    Bước 23:
    Trước khi chờ Facebook xét duyệt thì bạn có thể xem trước hiệu ứng bằng cách gửi thông báo thử nghiệm trên điện thoại để kiểm tra qua phần quay video trên ứng dụng Facebook. Nhấn Tiếp bên dưới. Bạn mở ứng dụng Facebook rồi nhấn vào thông báo để kiểm tra hiệu ứng khuôn mặt mới tạo.
    Gửi thông báo trên Facebook
    Bước 24:
    Phần Xem lại thông tin chúng ta nhập mô tả về hiệu ứng. Phần Video hiệu ứng hãy tải đoạn video chúng ta test hiệu ứng trên Facebook.
    Tải video hiệu ứng
    Cuối cùng người dùng xem xét lại toàn bộ các thông tin về hiệu ứng khung hình rồi nhấn Gửi để xem xét.
    Gửi để xem xét
    Khi đó chúng ta nhận được thông báo hiệu ứng mà bạn tải lên đang trong quá trình xét duyệt. Thường sẽ mất khoảng 5 ngày để xét duyệt hiệu ứng và chúng ta sẽ nhận được thông báo trên Facebook, nhưng cũng có thể thay đổi nếu bên xét duyệt cần kiểm tra lại hiệu ứng của bạn.
    Đang xem xét hiệu ứng
    Ngoài ra Spark AR còn có ứng dụng Spark AR cho Android và iOS để chúng ta test ngay hiệu ứng khi hoàn thành xong. Bạn chỉ cần tải ứng dụng theo link dưới đây rồi cài đặt trên điện thoại. Sau đó kết nối với máy tính cũng cài phần mềm Spark AR và đã tạo xong hiệu ứng.
    Khi đó bạn nhấn vào biểu tượng điện thoại rồi chọn tên thiết bị, nhấn Send. Hoặc chọn Facebook Camera, Instagram Camera để gửi hiệu ứng lên ứng dụng để kiểm tra.
    Test hiệu ứng
    Trên đây là toàn bộ từng chi tiết để tự tạo hiệu ứng cho khung hình video trên Facebook, thông qua phần mềm Spark AR. Các bước làm tương đối phức tạp nên người dùng cần theo dõi kỹ từng bước. Nếu muốn tạo thêm nhiều khung hình video khác thì bạn có thể tìm video hướng dẫn để xem cách tạo những hiệu ứng độc đáo hơn.
    Chúc các bạn thực hiện thành công!
    Khóa đào tạo Power BI phân tích báo cáo để bán hàng thành công

    Khóa học Lập trình Visual Foxpro 9 - Dành cho nhà quản lý và kế toán

    Khóa học hướng dẫn về Moodle chuyên nghiệp và hay
    Xây dựng hệ thống đào tạo trực tuyến chuyên nghiệp tốt nhất hiện nay.


    Khóa học AutoIt dành cho dân IT và Marketing chuyên nghiệp

    Khóa học hướng dẫn sử dụng Powerpoint từ đơn giản đến phức tạp HIỆU QUẢ
    Khóa học Thiết kế, quản lý dữ liệu dự án chuyên nghiệp cho doanh nghiệp bằng Bizagi
     Khoa hoc hay
    Khóa học Phân tích dữ liệu sử dụng Power Query trong Excel
    Khóa học Phân tích dữ liệu sử dụng TableAU - Chìa khóa thành công!
    Nhấn vào đây để bắt đầu khóa học

    Khóa học “Thiết kế bài giảng điện tử”, Video, hoạt hình 
    kiếm tiền Youtube bằng phần mềm Camtasia Studio
    Khóa học HƯỚNG DẪN THIẾT KẾ VIDEO CLIP CHO DÂN MARKETING CHUYÊN NGHIỆP
     Xây dựng website​​​​
    HƯỚNG DẪN THIẾT KẾ QUẢNG CÁO VÀ ĐỒ HỌA CHUYÊN NGHIỆP VỚI CANVA
    Hãy tham gia khóa học để trở thành người chuyên nghiệp. Tuyệt HAY!😲👍
     Khoa hoc hay
    MICROSOFT ACCESS



    GOOGLE SPREADSHEETS phê không tưởng
     Khoa hoc hay
    Khóa hoc lập trình bằng Python tại đây

    Hacker mũ trắng




    Hãy tham gia khóa học để biết mọi thứ

    Để tham gia tất cả các bài học, Bạn nhấn vào đây 
    Khóa học sử dụng Adobe Presenter-Tạo bài giảng điện tử
     Khoa hoc hay
    Design Website

    Khóa học sử dụng Edmodo để dạy và học hiện đại để thành công



    Cập nhật công nghệ từ Youtube tại link: congnghe.hocviendaotao.com
    Tham gia nhóm Facebook
    Để tham gia khóa học công nghệ truy cập link: http://thuvien.hocviendaotao.com
    Mọi hỗ trợ về công nghệ email: dinhanhtuan68@gmail.com

    About Học viện đào tạo trực tuyến

    Xinh chào bạn. Tôi là Đinh Anh Tuấn - Thạc sĩ CNTT. Email: dinhanhtuan68@gmail.com .
    - Nhận đào tạo trực tuyến lập trình dành cho nhà quản lý, kế toán bằng Foxpro, Access 2010, Excel, Macro Excel, Macro Word, chứng chỉ MOS cao cấp, IC3, tiếng anh, phần mềm, phần cứng .
    - Nhận thiết kế phần mềm quản lý, Web, Web ứng dụng, quản lý, bán hàng,... Nhận Thiết kế bài giảng điện tử, số hóa tài liệu...
    HỌC VIỆN ĐÀO TẠO TRỰC TUYẾN:TẬN TÂM-CHẤT LƯỢNG.
    «
    Next
    Bài đăng Mới hơn
    »
    Previous
    Bài đăng Cũ hơn