Cùng tìm hiểu tạo mặt nạ (mask); sử dụng các biểu tượng (symbol); tạo âm thanh (sound) được trình bày cụ thể trong Bài giảng Tin học cơ sở: Bài 3 - Mặt nạ, biểu tượng và âm thanh.
BÀI 3: MẶT NẠ, BIỂU TƯỢNG VÀ ÂM THANH KHOA CÔNG NGHỆ THÔNG TIN TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI Bài giảng tin học sở Nội dung Tạo mặt nạ (mask) Sử dụng các biểu tượng (symbol) Tạo âm thanh (sound) Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 1.1. Giới thiệu về mặt nạ (mask) Tạo ra một cửa sổ phía trên một trong số các lớp trong phim Sử dụng mặt nạ để: Tạo băng văn cuộn Hiệu ứng cửa sổ/ống nhòm (nhìn giống qua cửa sổ/ống nhòm) Hiệu ứng luồng sáng tìm kiếm Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 1.1. Giới thiệu về mặt nạ (1) Một số chú ý Có lớp mặt nạ - lớp đặc biệt để chứa mặt nạ Mỗi lớp mặt nạ ảnh hướng đến lớp nằm Chỉ có vùng tơ mặt nạ dùng để tạo mặt nạ Tất đường nét khác bị bỏ qua Không thể sử dụng chuyển động theo quỹ đạo để di chuyển mặt nạ Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 1.2. Tạo mặt nạ Cách kỹ thuật Tạo mặt nạ đồ họa Sử dụng văn làm mặt nạ Tạo văn cuộn Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 1.2.1. Tạo mặt nạ đồ họa Các bước Vẽ/chèn đối tượng muốn xuất phim Tạo chuyển động thẳng cho đối tượng Nhấn nút Insert Layer để thêm lớp phía lớp Nhấn phải chuột vào lớp mới, chọn Mask để lớp trở thành lớp mặt nạ Bỏ khóa lớp mặt nạ cách nhấn vào biểu tượng khóa bên cạnh lớp Vẽ mặt nạ cách sử dụng công cụ vẽ Đối tượng phải tơ (ví dụ: tròn, vng,…) Nhấn chuột vào cột khóa lớp mặt nạ để xem hiệu ứng mặt nạ (chỉ xem lớp mặt nạ bị khóa) Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 1.2.1. Tạo mặt nạ đồ họa (2) Ví dụ Nhấn Ctrl+R để chèn ảnh tháp Eiffel vào vùng thiết kế Dùng công cụ Free Transform để chỉnh kích thước ảnh mong muốn Tạo chuyển động thằng cho đối tượng • Kéo hình sang bên phải • Chọn frame thứ 60, nhấn F6, kéo hình sang trái • Chọn frame thứ 30, nhấn phải chuột chọn Create Motion Tween Nhấn vào biểu tượng Insert Layer, đặt tên Mat na Nhấn chuột phải vào lớp Mat na, chọn Mask Nhấn vào biểu tượng khóa lớp Mat na Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 1.2.1. Tạo mặt nạ đồ họa (3) Ví dụ (tiếp) Vẽ hình đa giác công cụ Polystar lớp Mat na Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 1.2.1. Tạo mặt nạ đồ họa (4) Nhấn chuột vào biểu tượng khóa của lớp Mat na để khóa lớp Mat na lại Nhấn Ctrl+Enter để chạy thử Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 1.2.2. Sử dụng văn bản làm mặt nạ Tương tự như mặt nạ đồ họa, chỉ khác là thay vì vẽ một hình có tơ làm mặt, ta dùng văn bản làm mặt nạ Ví dụ: Tạo mặt nạ với văn bản: “Trường ĐHBK Hà Nội” Cỡ chữ 70, font Vernada, màu trắng Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 10 Nội dung Tạo mặt nạ (mask) Sử dụng các biểu tượng (symbol) Tạo âm thanh (sound) Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 37 3. Tạo âm thanh (sound) Nhiều cách để dùng âm thanh Liên tục, độc lập Timeline Hoặc đồng hóa chuyển động track âm Có 2 loại âm thanh Event sound: Tải hồn tồn xuống trước bắt đầu phát dừng lại hoàn tồn Stream sound: Phát có đủ liệu số frame nạp Được đồng hóa vào Timeline Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 38 3.1. Nhập âm thanh vào (Import) Chọn menu File Import để đưa các âm thanh WAV hoặc MP3 vào tệp Flash Trong hộp thoại Import, chọn tệp cần mở Flash lưu âm vào thư viện ảnh Bitmap Symbol Giống như Graphic Symbol, chỉ cần tạo thể hiện của tệp âm thanh trong vùng thiết kế Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 39 3.2. Thêm âm thanh vào trong đoạn phim Chọn menu Insert Layer để tạo layer cho âm thanh, đặt tên Chọn layer vừa tạo, kéo âm thanh có trong thư viện vào vùng thiết kế Nên đặt đoạn âm vào Layer riêng biệt Trong phần Sound của bảng Properties, tệp âm thanh được chọn, có thể chọn một hiệu ứng nào đó Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 40 3.2. Thêm âm thanh vào trong đoạn phim (2) Hiệu ứng (Effect) None: Bình thường Left Channel: Loa trái Right Channel: Loa phải Fade Left to Right: Từ loa trái sang loa phải Fade Right to Left : Từ loa phải sang loa trái Fade in: Nhỏ, to dần Fade out: To, nhỏ dần Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 41 Ví dụ Fade in Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 42 3.3. Thêm âm thanh vào nút bấm Khi muốn đưa một số đáp ứng bằng âm thanh cho các sự kiện của chuột Flash có sẵn một số âm thanh nhỏ gọn, phù hợp với nút bấm, chọn trong Window Common Library Sound Khơng nên đưa âm thanh vào khung hình Up Chọn khung hình Down trong lớp Button Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 43 3.3. Thêm âm thanh vào nút bấm (2) Các bước Tạo biểu tượng nút bấm Nhập tệp âm muốn sử dụng (nếu cần) vào Tạo lớp chứa âm thanh, đặt tên Chọn khung hình Down, nhấn F6 Kéo tệp âm Library vào vùng thiết kế nút bấm Chọn tên tệp Sound cửa sổ Properties Tạo thể nút bấm vùng thiết kế tệp Flash Nhấn Ctrl+Enter để chạy thử Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 44 Ví dụ Sửa nút bấm đã tạo trước đó, đưa thêm âm thanh vào frame Down Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 45 3.4. Đồng bộ âm thanh Khi đưa âm thanh vào phim, muốn các âm thanh phát ra tại một thời điểm xác định hoặc khi có một sự kiện gì đó xảy ra Kiểm sốt bằng bảng Properties, phần Sync có các tùy chọn Event Start Stop Stream Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 46 3.4. Đồng bộ âm thanh Event Phát ra khi một sự kiện cụ thể nào đó xảy ra, ví dụ nhấn vào một nút Nó sẽ bắt đầu khi sự kiện xảy ra, tiếp tục cho tới khi kết thúc hồn tồn Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 47 3.4. Đồng bộ âm thanh – Start và Stop Start Gần giống với Event ln bắt đầu thể âm Có thể có nhiều thể âm phát thời điểm Stop Ngừng viết phát âm Nên sử dụng Stop trước sử dụng Start để có thể âm phát Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 48 3.4. Đồng bộ âm thanh – Stream Đồng bộ với timeline để cả hai cùng làm việc với nhau Nếu hoạt ảnh dừng lại, âm stream gắn với timeline dừng lại Chiều dài âm stream phát kiểm soát timeline Âm stream ngừng phát đạt đến frame kết thúc timeline Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 49 Ví dụ – Channel Right – Start Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 50 Thơng tin giảng viên để liên hệ Họ và tên: Nguyễn Thị Thu Trang Điện thoại: Email: trangnttfit@mail.hut.edu.vn hoặc trangntt.it@gmail.com Địa chỉ: Bộ môn Công nghệ phần mềm, P.327 C1, Khoa Công nghệ thông tin, trường Đại học Bách Khoa Hà Nội, số 1 Đại Cồ Việt, Hà Nội Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 51 ... Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 1.2.1. Tạo mặt nạ đồ họa (3) Ví dụ (tiếp) Vẽ hình đa giác cơng cụ Polystar lớp Mat na Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội... kết Bài giảng Tin học cơ sở Khoa Công nghệ thông tin Trường Đại học Bách Khoa Hà Nội 15 Nội dung Tạo mặt nạ (mask) Sử dụng các biểu tượng (symbol) Tạo âm thanh (sound) Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội... Tạo hoạt ảnh sử dụng các kỹ thuật đã học Bài giảng Tin học cơ sở Khoa Cơng nghệ thơng tin Trường Đại học Bách Khoa Hà Nội 27 2.2 .3. Đồ họa (Graphic) Dùng các cơng cụ vẽ để tạo biểu tượng đồ