Kỹ xảo đa phương tiện

HỌC VIỆN CƠNG NGHỆ BƢU CHÍNH VIỄN THƠNG KHOA THIẾT KẾ VÀ SÁNG TẠO ĐA PHƢƠNG TIỆN ***** GIÁO TRÌNH BÀI GIẢNG (Phƣơng pháp đào tạo theo tín chỉ) TÊN HỌC PHẦN: IT KỸ XẢO ĐA PHƢƠNG TIỆN PT (02 tín chỉ) Biên soạn ThS HÀ ĐÌNH DŨNG LƢU HÀNH NỘI BỘ Hà Nội, 11/2014 MỤC LỤC MỤC LỤC i DANH MỤC HÌNH VẼ iv DANH MỤC TỪ VIẾT TẮT xi CHƢƠNG 1.1 TỔNG QUAN VỀ KỸ XẢO ĐA PHƢƠNG TIỆN Khái niệm vai trò kỹ xảo đa phƣơng tiện 1.1.1 Khái niệm kỹ xảo 1.1.2 Vai trò ý nghĩa kỹ xảo sản phẩm đa phƣơng tiện 1.2 Phân loại kỹ xảo 1.2.1 Kỹ xảo tiền kỳ IT 1.2.2 Kỹ xảo hậu kỳ 1.2.3 Kỹ xảo thị giác 1.2.4 Kỹ xảo thính giác Giới thiệu số công cụ kỹ xảo CHƢƠNG 2.1 KỸ XẢO 2D TRONG PHẦN MỀM ADOBE AFTER EFFECTS 15 PT 1.3 Giới thiệu phần mềm Adobe After Effects 15 2.1.1 Lịch sử phát triển 15 2.1.2 Tính After Effect CS6 16 2.1.3 Cấu hình yêu cầu tối thiểu cài đặt After Efects CS6 19 2.1.4 Quy trình làm việc với phần mềm Adobe After Effect 20 2.1.5 Các phím tắt hay dùng Adobe After Effect 21 2.1.6 Làm quen với cửa sổ giao diện phần mềm Adobe After Effect 24 2.2 2.1.6.1 Cửa sổ project 25 2.1.6.2 Cửa sổ composition 25 2.1.6.3 Cửa sổ layer (Timeline) 26 Nhập liệu vào project tạo composition 28 2.2.1 Nhập quản lý liệu projects 28 2.2.2 Tạo composition 31 2.3 Làm việc với layer keyframe 35 i 2.3.1 Tạo quản lý layer 35 2.3.1.1 Các loại layer: 35 2.3.1.2 Tạo layer 35 2.3.1.3 Điều chỉnh layer 37 2.3.2 Keyframes 37 2.3.3 Animating Layers 39 2.3.3.1 Các bƣớc thực làm footage di chuyển: 40 2.3.3.2 Các bƣớc làm footage xoay 41 2.3.3.3 Các bƣớc làm footage thay đổi kích thƣớc 43 2.3.4 Tinh chỉnh Animating 44 2.3.5 Kỹ xảo cho text 45 Tạo biên tập Text layer 46 2.3.5.2 Làm chuyển động cho Text 47 IT 2.4 2.3.5.1 Làm việc với Masks, Transparency & Painting Tools 52 2.4.1 Làm việc với Alpha Channels 52 PT 2.4.2 Làm việc với Masks 52 2.4.3 Làm việc với Mattes 56 2.4.4 Sử dụng Layer Modes 58 2.4.5 Painting Tool 61 2.4.5.1 2.4.5.2 2.5 Bút vẽ 61 Clone Stamp 63 Tìm hiểu sử dụng hiệu ứng 64 2.5.1 Các phƣơng thức dùng hiệu ứng 64 2.5.2 Đƣa hiệu ứng vào layer 66 2.5.3 Tắt xóa hiệu ứng 67 2.5.4 Danh sách hiệu ứng AE 68 2.5.5 Một số hiệu ứng hay dùng 70 2.5.5.1 Hiệu ứng color keying 70 2.5.5.2 Hiệu ứng Gaussian Blur 72 2.5.5.3 Hiệu ứng Auto level (color correction) 74 ii CHƢƠNG 3.1 KỸ XẢO 3D TRONG ADOBE AFTER EFFECTS 77 Ý nghĩa lớp 3D hiệu ứng 3D 77 3.1.1 Layer 3D 77 3.1.2 View 3D 78 3.1.3 Tracking camera 3D 80 Làm việc với cameras 81 3.3 Làm việc với light 84 PT IT 3.2 iii DANH MỤC HÌNH VẼ Hình 1-1: Bức tranh đƣờng phố họa sỹ Kurt Wenner Hình 1-2: Hình ảnh chó đầu to Hình 1-3: Quái vật phim Hy lạp Hình 1-4: Hình ảnh nhân vật game khơng có thực tế Hình 1-5: Robot phim Transformer Hình 1-6: Sản phẩm Buntu85 ấn tƣợng Hình 1-7: Kỹ xảo tiền kỳ phục vụ cảnh quay bé Pi ôm hổ Hình 1-8: Kỹ xảo tiền kỳ phim hoạt hình Alice IT Hình 1-9: Tiếng ngựa phi đƣợc thực studio Hình 1-10: Kỹ xảo tạo hiệu ứng dàn đồng ca PT Hình 1-11: Kỹ xảo tạo tiếng vang Hình 1-12: Hình chữ có thêm phần trang trí Hình 1-13: Kỹ xảo tạo hình ảnh kết hợp Hình 1-14: Kỹ xảo tạo hình ảnh nhân cách hóa đồ vật Hình 1-15: Bộ phim ngƣời khổng lồ xanh Hình 1-16: Hệ thống loa âm vòm Polk SurroundBar 360 Hình 1-17 : Phần mềm Xara 3D Marker 10 Hình 1-18 : Phần mềm Zaxwerks ProAnimator 10 Hình 1-19: Phần mềm Photoshop CS6 10 Hình 1-20: Phần mềm Sound Forge Pro Sony 11 Hình 1-21: Phần mềm biên tập âm Audition CS6 11 Hình 1-22 Phần mềm Cubase SX 12 Hình 1-23 : Phần mềm After Effect CS6 12 iv Hình 1-24: Phần mềm Avid Liquid Pro 13 Hình 1-25: Phần mềm Pinnacle Studio 13 Hình 2-1 Hoạt động dùng cache Ram xanh cache disk xanh nƣớc biển 16 Hình 2-2 : Tính 3D camera tracker 17 Hình 2-3: Khả tạo hình 3D dễ dàng AE CS6 18 Hình 2-4: Tính Mask Feathering dễ dàng tạo đƣờng biên 18 Hình 2-5: Chọn hình tạo từ lớp vector 19 Hình 2-6: Tính Rolling Shutter Repair giúp sửa nhãn xe rõ 19 Hình 2-7 Quy trình làm việc (workflow) AE CS 20 IT Hình 2-8 Các phím tắt bàn phím mà AE CS6 hỗ trợ 21 Hình 2-9: Giao diện làm việc chuẩn AE 24 Hình 2-10: Các khơng gian làm việc AE CS6 25 PT Hình 2-11 Các chức cửa sổ Project 25 Hình 2-12: Cửa sổ Composition 26 Hình 2-13: Các chức cửa sổ Layer 27 Hình 2-14: Tạo project 28 Hình 2-15 Thiết lập tham số project 28 Hình 2-16: Tìm liệu để đƣa vào AE CS6 29 Hình 2-17: Import file vào AE CS6 29 Hình 2-18 Lựa chọn giữ nguyên lớp trộn lẫn thành lớp 30 Hình 2-19: Tạo thƣ mục cửa sổ project 30 Hình 2-20: Tạo comp từ menu 31 Hình 2-21: Tạo comp từ cửa sổ project 31 Hình 2-22: Thiết lập lại tham số cho composition 32 v Hình 2-23 Thiết lập tính composition 32 Hình 2-24: Lựa chọn preset chuẩn comp setting 33 Hình 2-25: Thiết lập khoảng thời gian cho comp 33 Hình 2-26: Thiết lập nâng cao (Advanced) comp 34 Hình 2-27: Thiết lập tính Classic 3D Ray-traced 3D 34 Hình 2-28: Ví dụ sử dụng Ray-trace 3D 35 Hình 2-29: Tạo loại layer từ menu 36 Hình 2-30: Tạo loại layer từ cửa sổ layer 36 Hình 2-31: Đổi mầu label cho layer 36 IT Hình 2-32 Ví dụ chọn mầu Dark Green cho layer 36 Hình 2-33: Bật tắt tính hiển thị layer cửa sổ Comp 37 Hình 2-34: Biên tập layer cửa sổ timeline 37 PT Hình 2-35: Keyframe AE CS6 37 Hình 2-36: Tạo keyframe vị trí frame 38 Hình 2-37: Mở rộng thuộc tính bên layer 38 Hình 2-38: Tạo keyframe thay đôi tham số position 38 Hình 2-39: Thêm keyframe 39 Hình 2-40: Thêm keyframe vị trí điều chỉnh tham số 39 Hình 2-41: Thuộc tính Ancho Point 39 Hình 2-42: Thuộc tính Position 40 Hình 2-43: Thuộc tính tỷ lệ 40 Hình 2-44: Bỏ liên kết kích thƣớc chiều footage 40 Hình 2-45: Thuộc tính Rotation 40 Hình 2-46: Thay đổi số lần quay 360 độ footage 40 vi Hình 2-47: Thuộc tính Opacity 40 Hình 2-48: Tạo keyframe vị trí bên trái 41 Hình 2-49: Thêm keyframe điều chỉnh đối tƣợng phía phải để tạo chuyển động 41 Hình 2-50: Thêm keyframe cho thuộc tính Rotation 42 Hình 2-51 Thêm key frame rotation điều chỉnh tham số 42 Hình 2-52 Thực play để kiểm tra animation 43 Hình 2-53 Tạo keyframe scale frame đầu footage 43 Hình 2-54 Thêm keyframe scale cho footage 44 Hình 2-55 Mở phần Keyframe Asistant 44 IT Hình 2-56 Mở Graph Editor để tinh chỉnh keyframe (mầu đỏ, xanh cho kích thƣớc tƣơng ứng) 45 Hình 2-57 Thay đổi độ dốc đồ thị làm thay đổi kích thƣớc khơng tuyến tính 45 PT Hình 2-58 Ví dụ Point Text Paragraph Text 45 Hình 2-59: Tạo lớp Text 46 Hình 2-60: Layer Text xuất cửa sổ layer 46 Hình 2-61: Cơng cụ Type cửa sổ hỗ trợ soạn thảo kích hoạt giúp ngƣời dùng soạn text 46 Hình 2-62: Các chức chi tiết cửa sổ character 47 Hình 2-63: Mở Browse Preset để chọn hiệu ứng 48 Hình 2-64: Giao diện Adobe Bridge để duyệt presets 48 Hình 2-65: Xem preview hiệu ứng 49 Hình 2-66 : Đƣa hiệu ứng vào AE CS6 49 Hình 2-67: Thêm animator vào layer Text 50 Hình 2-68: Mở rộng Selector để điều chỉnh tham số 50 Hình 2-69: Chỉnh tham số cho hiệu ứng 51 Hình 2-70: Tinh chỉnh hiệu ứng 51 vii Hình 2-71: Các kênh thông tin ảnh video 52 Hình 2-72: Các chế độ trộn mầu mask 53 Hình 2-73: Mask path cho Text 53 Hình 2-74: Tạo text 54 Hình 2-75: Tạo đƣờng path 54 Hình 2-76: Mask đƣợc tạo vẽ path 54 Hình 2-77: Thiết lập text theo mask path 55 Hình 2-78: Tạo hình khối 55 Hình 2-79: Một mask đƣợc tạo layer 55 IT Hình 2-80: Chọn chế độ trộn mask 56 Hình 2-81: Chọn tính nghịch đảo chế độ trộn 56 Hình 2-82: Khi chƣa chuyển đổi sang track matte 57 PT Hình 2-83: Chọn chế độ track matte Timeline (layer) 57 Hình 2-84: Kết dùng Luma Matte 57 Hình 2-85: Vào chế độ trộn layer 59 Hình 2-86: Chọn chế độ trộn Timeline 59 Hình 2-87: Các chế độ trộn layer khác 60 Hình 2-88: Hình ảnh trƣớc chọn chế độ trộn 60 Hình 2-89: Hình ảnh sau chọn chế độ trộn 60 Hình 2-90: Các thuộc tính Brush 61 Hình 2-91: Các thuộc tính Paint 62 Hình 2-92: Chọn mầu cho bút vẽ 62 Hình 2-93: Có thể nhập giá trị mầu chọn vùng mầu 62 Hình 2-94: Các bƣớc chọn bút thuộc tính bút 63 viii Hình 2-95: Vẽ frame 63 Hình 2-96: Các thuộc tính chức clone stamp 64 Hình 2-97: Bảng tìm kiếm hiệu ứng 65 Hình 2-98: Tính Browser preset AE 65 Hình 2-99: Cửa sổ Effect control với hiệu ứng lens Flare 66 Hình 2-100: Hiệu ứng plugin trapcode AE 66 Hình 2-101: Kéo hiệu ứng vào layer đơn từ cửa sổ Effect & Presets 67 Hình 2-102: Áp hiệu ứng cho nhiều layer từ menu 67 Hình 2-103: Bật tắt hiệu ứng cửa sổ Effect control (A) Timeline (B,C) 68 IT Hình 2-104: Ảnh trƣớc keying có đen 70 Hình 2-105: Ảnh sau key đen 71 Hình 2-106: Tìm hiệu ứng color key kéo vào layer 71 PT Hình 2-107: Dùng bút lấy màu cần xóa layer 72 Hình 2-108: Đƣa footage vào layer phía dƣới để tạo khác 72 Hình 2-109: Hình trƣớc làm blur 72 Hình 2-110: Hình sau dùng hiệu ứng blur 73 Hình 2-111: Tìm kéo hiệu ứng blur vào layer 73 Hình 2-112: Điều chỉnh tham số bluriness 74 Hình 2-113: Hình trƣớc dùng hiệu ứng auto level 74 Hình 2-114: Hình sau dùng hiệu ứng auto level 74 Hình 2-115: Tìm kéo hiệu ứng auto level vào layer 75 Hình 2-116: Thực tinh chỉnh hiệu ứng auto level cửa sổ Effect Controls 75 Hình 3-1: Các tọa độ z bổ sung layer 2D để chuyển thành layer 3D 77 Hình 3-2: Sử dụng cơng cụ Rotation để xem đối tƣợng 3D 78 ix Hình 2-112: Điều chỉnh tham số bluriness 2.5.5.3 Hiệu ứng Auto level (color correction) PT IT Là hiệu ứng tự động cân chỉnh mầu sắc cảnh footage Có thể điều chỉnh mầu riêng rẽ (R,G,B) kênh alpha Hình 2-113: Hình trƣớc dùng hiệu ứng auto level Hình 2-114: Hình sau dùng hiệu ứng auto level 74 Các bƣớc thực hiện: - Bƣớc 1: Chọn layer cần đƣa hiệu ứng - Bƣớc 2: Tìm hiệu ứng Auto lever Hình 2-115: Tìm kéo hiệu ứng auto level vào layer Bƣớc 3: Thực viện tinh chỉnh cửa sổ Effect controls PT IT - Hình 2-116: Thực tinh chỉnh hiệu ứng auto level cửa sổ Effect Controls - Bƣớc 4: Lƣu xuất file 75 CÂU HỎI ƠN TẬP Trình bày composition , cách thiết lập tham số cho composition Trình bày layer, phân loại cách tạo layer Trình bày keyframe, ý nghĩa cách tạo, xóa, tinh chỉnh keyframe Trình bày text AE, tạo chuyển động cho text Trình bày mask, phân loại cách tạo mask AE PT IT Trình bày số hiệu ứng hay dùng AE 76 CHƢƠNG KỸ XẢO 3D TRONG ADOBE AFTER EFFECTS Ý nghĩa lớp 3D hiệu ứng 3D 3.1 Đối tƣợng 3D ngồi thể kích thƣớc chiều cao chiều rộng thể chiều sâu giúp ta hình dung rõ đối tƣợng Do vậy, đối tƣợng 3D thƣờng có chiều kích thƣớc (x, y, z) AE CS6 hỗ trợ làm việc với đối tƣợng 3D gồm: - Layer 3D - View 3D - Tracking Camera 3D, PT IT 3.1.1 Layer 3D Cơ layer AE 2D tức phẳng, nhiên AE CS6 hỗ trợ 3D cách bổ sung thêm chiều chiều z Các thuộc tính đƣợc mở rộng thêm so với 2D là: Position (z), Anchor Point (z), Scale (z), Orientation, X Rotation, Y Rotation, Z Rotation, and Material Options Phần Material gồm tƣơng tác với ánh sáng bóng đổ Chỉ có lớp 3D tƣơng tác với camera, ánh sáng bóng đổ Hình 3-1: Các tọa độ z bổ sung layer 2D để chuyển thành layer 3D Một layer chuyển đổi thành 3D cách bật tính 3D nhƣ vịng trịn hình vẽ Chúng ta thêm hiệu ứng, mặt nạ cho lớp 3D, tổ hợp lớp 3D với lớp 2D, làm hoạt cảnh với camera ánh sáng để nhìn chiếu sáng lớp 3D từ góc Với lớp 3D xoay đối tƣợng cơng cụ Rotation Tool 77 Hình 3-2: Sử dụng công cụ Rotation để xem đối tƣợng 3D PT IT 3.1.2 View 3D Để xem đối tƣợng 3D khơng thể thiếu đƣợc tính xem đối tƣợng 3D Để đáp ứng yêu cầu AE CS6 tạo góc nhìn số lƣợng khung nhìn sẵn ta việc lựa chọn Đầu tiên ta chọn 3D view popup Select view layout nhƣ hình vẽ Hình 3-3: Các chức hỗ trợ xem 3D AE CS6 Hình 3-4: Lựa chọn số lƣợng khung nhìn Chức select view layout cho phép ta chọn 1, khung nhìn lúc tƣơng ứng cách xếp khung hình theo chiều ngang, dọc, trên, dƣới, trái , phải Thƣờng ta chọn view – horizontal tức khung nhìn song song 78 Hình 3-5: Chế độ mặc định khung nhìn gồm Active Camera Top view Khi mặc định ta có khung nhìn Active Camera khung nhìn từ xuống (top) PT IT Để dễ nhìn đối tƣợng 3D ta chọn khung nhìn lựa chọn 3D view popup Hình 3-6: Lựa chọn Custom View để xem đầy đủ chiều Ta lựa chọn góc nhìn từ phía trƣớc, bên trái, bên phải, từ xuống, từ phía sau, từ dƣới lên Ngồi cịn có lựa chọn Custom View 1, 2, Thƣờng để xem góc nghiêng để nhìn đủ chiều ta chọn Custom View 79 Hình 3-7: Minh họa view 3D gồm Custom View Active Camera Các trục tọa độ đối tƣợng 3D tƣơng ứng x mầu đỏ, y màu xanh z xanh dƣơng Chú ý: Cần chọn khung nhìn trƣớc chọn chế độ view PT IT Ta dùng cơng cụ nhƣ Orbit Camera Track XY Camera Track Z camera để phóng to thu nhỏ chiều để xem đối tƣợng 3D Hình 3-8: Sử dụng công cụ thuộc camera để xem đối tƣợng 3D 3.1.3 Tracking camera 3D Là hiệu ứng lƣu chuyển động 3D đối tƣợng Hiệu ứng góp phần lƣu chuyển động cho phép ta thực việc thay đổi xử lý đối tƣợng đƣờng chuyển động Ví dụ nhƣ thêm vào đối tƣợng để chuyển động 80 PT IT Hình 3-9: Thực tracking 3D Hình 3-10: Thực đƣa text vào đƣờng chuyển động lƣu 3.2 Làm việc với cameras Camera AE coi góc nhìn thƣờng dùng với đối tƣợng 3D Trong AE có riêng lớp camera thƣờng đƣợc sử dụng để xem lớp 3D từ góc nhìn khoảng cách Chúng ta di chuyển camera xung quanh đối tƣợng để xem đƣợc tồn đối tƣợng 81 Hình 3-11: Camera AE CS6 Thao tác với camera Bƣớc 1: Tạo layer camera cách vào menu Layer>New>Camera PT IT - Hình 3-12: Tạo layer camera - Bƣớc 2: Chọn thiết lập tham số camera Hình 3-13: Thiết lập camera 82 1: Đặt tên camera; 2: Chọn Preset; 3: Nhóm tham số khóa hệ số phóng to độ sâu; 4: Chọn đơn vị kích thƣớc phim PT IT Hình 3-14: Lựa chọn kích thƣớc phim máy quay Hình 3-15: Lựa chọn đơn vị cho camera - Bƣớc 3: Hiệu chỉnh tham số cho layer camera Hình 3-16: Các tham số camera layer 83 3.3 Bƣớc 4: Tạo keyframe cho camera để tạo góc nhìn liên tục Làm việc với light Đèn chiếu sáng góp phần quan trọng việc tạo dựng hình ảnh nhƣ chuyển động đối tƣợng, đặt biệt đối tƣợng 3D Trong AE CS6 hỗ trợ chức đèn chiếu sáng gồm: - Layer light - Các hiệu ứng light Lớp light (layer light) hiệu ứng màu với lớp 3D Light dùng để chiếu sáng lớp 3D tạo bóng Chúng ta dùng đèn phù hợp với điều kiện sáng khung cảnh để cảnh dễ nhìn Ví dụ dùng lớp ánh sáng để tạo xuất luồng sáng qua layer nhƣ làm với gƣơng PT IT Chúng ta tạo chuyển động cho nguồn sáng Hình 3-17: Các loại đèn AE CS6 1: Loại đèn rọi (spot light); 2: Loại đèn chiếu (point light); 3: Loại đèn tỏa (Parallet light); 4: Loại đèn chiếu xung quanh (Ambient light) A: Điểm xem quan sát; B: điểm nguồn sáng Các thao tác với đèn: 84 - Bƣớc 1: Tạo layer đèn chiếu Hình 3-18: Tạo layer light - Bƣớc 2: Thiết lập tham số đèn chiếu 1: Đặt tên đèn 2: Chọn loại đèn 3: Chọn mầu ánh sáng đèn 4: Mật độ sáng IT 5: Góc hình nón 6: Mức độ phủ nón PT 7: Fall off Hình 3-19: Thiết lập tham số light Hình 3-20: Bố trí đèn chiếu vào đối tƣợng - Bƣớc 3: Tinh chỉnh tham số chi tiết layer đèn 85 Hình 3-21: Các tham số điều chỉnh đèn IT Bƣớc 4: Tạo keyframe để tạo hiệu ứng chuyển động cho ánh sáng PT - 86 CÂU HỎI ƠN TẬP Trình bày ý nghĩa light loại light AE CS6 Thực hành tạo layer Light làm sáng cảnh đêm Trình bày camera AE CS6 cách tạo camera layer Thực hành tạo cảnh quay chữ 3D từ trái sáng phải chữ Trình bày nguyên tắc Layer 3D PT IT Thực dựng đối tƣợng 3D từ hình 2D 87 TÀI LIỆU THAM KHẢO [1] - Adobe After Effect CS6 – Help and Tutorials, 2012 PT IT [2] – Adobe After Effect CS6 – Classrom in a Book 88 ... QUAN VỀ KỸ XẢO ĐA PHƢƠNG TIỆN Khái niệm vai trò kỹ xảo đa phƣơng tiện 1.1.1 Khái niệm kỹ xảo 1.1.2 Vai trò ý nghĩa kỹ xảo sản phẩm đa phƣơng tiện 1.2 Phân loại kỹ xảo ... viết tắt xi CHƢƠNG TỔNG QUAN VỀ KỸ XẢO ĐA PHƢƠNG TIỆN 1.1 Khái niệm vai trò kỹ xảo đa phƣơng tiện 1.1.1 Khái niệm kỹ xảo Kỹ xảo theo định nghĩa từ điển Việt Nam ? ?kỹ đạt đến mức độ thành thạo, khéo... 1.2.1 Kỹ xảo tiền kỳ IT 1.2.2 Kỹ xảo hậu kỳ 1.2.3 Kỹ xảo thị giác 1.2.4 Kỹ xảo thính giác Giới thiệu số công cụ kỹ xảo CHƢƠNG 2.1 KỸ XẢO