Làm quen với Adobe Flash CS4 Professional TTO - Adobe Flash cung cấp mơi trường biên tập tồn diện để tạo trang web tương tác làm ảnh động kỹ thuật số Flash sử dụng rộng rãi để tạo ứng dụng phong phú với đoạn video, đồ họa ảnh động Bạn tạo nội dung Flash nhập nội dung từ ứng dụng phần mềm Adobe khác, thiết kế đoạn ảnh động đơn giản cách nhanh chóng sử dụng ActionScript 3.0 để phát triển dự án tương tác phức tạp Adobe Flash CS4 Professional Nếu chưa sử dụng Flash, bạn hướng dẫn thực hành từ đơn giản đến phức tạp cách chi tiết Nếu biết qua Flash, bạn tìm thấy tập thực hành tính Flash CS4 giới thiệu Những tính Flash CS4 * Tạo ảnh động theo đối tượng (Object-based animation) Giúp bạn kiểm sốt tồn diện ảnh động nhờ vào việc tạo ảnh động theo đối tượng, tức áp dụng tweens trực tiếp cho đối tượng thay cho keyframes Với cách tạo tween này, bạn dễ dàng thực thay đổi cho chuyển động nhờ vào việc điều khiển tiếp tuyến đường cong Bezier * Chuyển đổi 3D (3D transformation) Tạo ảnh động cho đối tượng 2D thông qua không gian 3D nhờ công cụ chuyển dịch (translation) xoay (rotation) 3D, giúp bạn tạo chuyển động dọc theo trục x, y, z * Inverse kinematics với Bones tool Tạo hiệu ứng ảnh động giống dây xích với loạt đối tượng liên kết nhanh chóng làm biến dạng hình dạng cách sử dụng cơng cụ Bones * Tạo mẫu nhanh với công cụ Deco Spray Brush Chuyển biểu tượng (symbols) thành công cụ thiết kế Có thể áp dụng theo nhiều cách: tạo hiệu ứng kính vạn hoa (kaleidoscope) với cơng cụ Deco phun ngẫu nhiên biểu tượng vùng định trước cách sử dụng Spray Brush * Motion editor Trải nghiệm việc kiểm soát chi tiết thơng số keyframe, bao gồm xoay (rotation), kích cỡ (size), tỉ lệ (scale), vị trí (position), lọc (filters) cách sử dụng Motion Editor Tinh chỉnh thơng số easing với hình ảnh trực quan tương tự phần mềm After Effects * Hỗ trợ Metadata (XMP) Thêm metadata vào file SWF cách sử dụng XMP panel * Motion Presets Bắt đầu dự án với ảnh động dựng sẵn (prebuilt animations) áp dụng cho đối tượng Lựa chọn từ hàng chục ảnh động dựng sẵn tạo lưu riêng ảnh động bạn Chia sẻ với người khác ảnh động để tiết kiệm thời gian thiết kế * Biên tập cho Adobe AIR Cung cấp trải nghiệm tương tác với máy tính để bàn nhờ vào khả tích hợp để xuất với Adobe AIR Tiếp cận nhiều đối tượng khán giả thông qua loại thiết bị: trang web, điện thoại di động máy tính để bàn * Hỗ trợ H.264 Mã hóa thành định dạng mà Adobe Flash Player nhận với phần mềm kèm Adobe Media Encoder Công cụ biên tập video Adobe hỗ trợ định dạng H.264 * Hỗ trợ XFL Có thể mở file soạn chương trình Adobe InDesign After Effects giữ lại tính tồn vẹn file Với định dạng XFL tương thích với ứng dụng, dễ dàng nhập nội dung từ ứng dụng nói vào Adobe Flash để phát triển tiếp Tiêu chí thực hướng dẫn thực hành - Mục đích yêu cầu: giúp người đọc tự thực tập thông qua hướng dẫn online Các tập xếp từ đơn giản đến phức tạp, giúp người đọc tạo ảnh động, banner quảng cáo ngắn, xử lý hình ảnh, âm thanh, video, tạo website hoàn chỉnh sau viết trị chơi flash - Phương pháp thực hiện: hướng dẫn online tập hồn chỉnh kèm theo mẫu tải để tham khảo Người đọc tự thực thao tác hướng dẫn online Sau so sánh với mẫu để kiểm tra kết thực Nhịp Sống Số: Bài giới thiệu Flash CS4 mở đầu cho loạt hướng dẫn kiến thức chương trìnhAdobe Flash CS4 tiếng giới đồ họa đa truyền thơng Bạn đọc tham khảo đầy đủ danh sách bên Giáo trình giảng viên Trương Văn Năng (Công ty TNHH Khải Thiên - Trung tâm đào tạo) biên soạn Mọi email thắc mắc trao đổi đóng góp ý kiến xin gửi vềnss@tuoitre.com.vn - Cơ cấu hướng dẫn: hướng dẫn biên soạn cho chứa số thông tin lý thuyết nhiều tập thực hành hoàn chỉnh Phần hướng dẫn giúp người đọc bước nắm rõ giao diện, cách sử dụng công cụ vẽ, Panel chương trình Flash CS4, cách import xử lý hình ảnh, âm thanh, video flash Phần thực hành animation đơn giản, phối hợp animation để tạo thành banner quảng cáo thường thấy website, sau tiến đến thực hành có nội dung phức tạp dần đảm bảo người đọc thực dễ dàng thơng qua hình ảnh minh họa cụ thể - Về thuật ngữ chun mơn: chương trình Flash có giao diện menu, cơng cụ hồn toàn tiếng Anh nên nội dung viết phần lớn giữ nguyên thuật ngữ tiếng Anh chương trình, giúp người đọc thao tác xác đọc đến đoạn thực hành Ví dụ lệnh menu, công cụ công cụ, panel Flash CS4: Tạo ảnh động theo phương pháp Frame-By-Frame (phần 2) TTO - Phần hướng dẫn tạo ảnh động làm quen với công cụ Adobe Flash CS4 >> Tạo ảnh động theo phương pháp Frame-By-Frame (phần 1) Sử dụng Selection Tool để chọn nhiều ký tự stage Bấm chọn Selection Tool công cụ bên phải: Bấm chọn keyframe Timeline: Kéo rê chuột từ góc bên phải chữ TUỔI TRẺ ONLINE xuống góc bên trái, chừa chữ T lại: Khi nhả chuột bạn thấy ký tự chọn, trừ ký tự T đầu câu: Xóa đối tượng khỏi Stage Bấm phím Delete để xóa ký tự chọn, Stage ký tự T: Bấm chọn keyframe Timeline: Kéo rê chuột từ góc bên phải chữ TUỔI TRẺ ONLINE xuống góc bên trái, chừa chữ TU lại: Khi nhả chuột bạn thấy ký tự chọn, trừ ký tự TU: Bấm phím Delete để xóa ký tự chọn, Stage hai ký tự TU Thực thao tác chọn keyframe, chọn ký tự xóa tương tự bước nêu cho frame lại frame 15, bạn thu nội dung keyframe sau: Tại keyframe số 3: Tại keyframe số Tại keyframe số 5, frame có chứa khoảng trắng sau ký tự I Tại keyframe số Tại keyframe số 7: Tại keyframe số 8: Tại keyframe số 9, frame có chứa khoảng trắng sau ký tự Ẻ Tại keyframe số 10: Tại keyframe số 11 Tại keyframe số 12 Tại keyframe số 13 Tại keyframe số 14 Tại keyframe số 15 Xem thử animation lúc biên soạn Để xem thử kết lúc biên soạn, bạn nhấn phím ENTER Chữ TUỔI TRẺ ONLINE với ký tự xuất nhanh qua hình 10 Xuất file thành flash movie Để xuất file thành flash movie, bạn chọn Control > Test Movie từ menu sau Flash xuất thành file 001_frame_by_frame.swf sau Tuy nhiên, file flash movie lặp lại liên tục gây cảm giác không thoải mái xem Bạn bổ sung thêm số frame để Flash tạo chữ TUỔI TRẺ ONLINE hồn chỉnh dừng lại giây Đóng file flash movie lại cách bấm vào dấu X Tốc độ thiết lập 24 fps, để dừng lại giây bạn bổ sung thêm 48 frame Số frame có 15, bạn chọn frame số 63 Timeline Để chèn thêm frame vào Timeline bạn chọn Insert > Timeline > Frame từ menu (hoặc bấm phím tắt F5): Kết thu sau: Chọn Control > Test Movie từ menu (hoặc phím tắt Ctrl+Enter) để xem kết quả: Lần Flash dừng lại giây để người xem có thời gian thưởng thức tác phẩm bạn Cách thời gian dễ sai sót chọn nhầm keyframe xóa nhầm, nhiên giúp bạn hiểu rõ cách tạo animation theo phương pháp frame-by-frame áp dụng để tạo animation phức tạp sau Trong thực hành số bạn dùng Motion Tween kết tương tự *************************************************************************** Phần lý thuyết bổ sung cho thực hành Tìm hiểu thành phần vùng làm việc mặc định Essentials Trong hình có thành phần sau: * Phía menu bar giúp bạn thực thao tác thông qua menu * Dưới menu bar nơi hiển thị file làm việc, hình file Untitled-1.fla * Tiếp đến Display bar, Display bar thay đổi nội dung bạn thao tác đối tượng khác nhau, ví dụ hiệu đính đối tượng Display bar hiển thị tên đối tượng Ngồi Display bar cịn hiển thị biểu tượng để chọn Scene, Symbol, Menu xổ xuống để hiển thị độ phóng to thu nhỏ (phần trình bày thực hành kế tiếp) * Kế đến vùng màu xám, vùng gọi Pasteboard Các đối tượng vùng không xuất bạn xuất tác phẩm thành file flash movie (file có swf) Flash document Flash movie Trước mắt bạn tìm hiểu hai loại file thường sử dụng flash: * Flash document: Là loại file bạn dùng để biên soạn tác phẩm flash, loại file có fla, tương tự file có doc winword Ví dụ file flash document: animation.fla * Flash movie: Là loại file xuất từ file flash document đề cập File có swf Ví dụ file flash movie: animation.swf Đây file sử dụng để chèn vào trang web mà bạn thường thấy mạng * Vùng màu trắng gọi Stage Đây vùng làm việc Flash Nội dung muốn hiển thị tác phẩm xuất đặt vùng Stage * Phía vùng Stage Timeline Bạn dùng Timeline để xếp đặt đối tượng lớp (layer) khác khu vực bên trái Timeline Điều giúp bạn quản lý dễ dàng đối tượng tác phẩm lớn dần đối tượng tác phẩm ngày nhiều Phía bên phải Timeline khu vực bố trí khung hình (frame) * Khung màu đỏ bên phải Property Inspector Nội dung Property Inspector thay đổi tùy thuộc đối tượng chọn * Khung màu tím bên phải Toolbox Nơi chứa công cụ vẽ, công cụ chọn tùy chọn tương ứng với công cụ chọn *************************************************************************** Tìm hiểu Timeline Như hình vẽ bạn thấy Timeline chia thành hai khu vực: khu vực bên trái chứa layer nút để thực thao tác liên quan đến layer, khu vực bên phải chứa frame nút để thực thao tác liên quan đến frame Góc bên trái khu vực chứa layer có ba nút với chức sau: Góc bên phải khu vực chứa layer có nút với chức sau đây: Khu vực bên phải chứa frame nút để thực thao tác liên quan đến frame Để tạo thuận lợi cho việc chọn thao tác frame, khu vực đánh số frame với bước đếm frame nhìn thấy hình vẽ Bạn phân biệt loại frame: - Keyframe: frame thể có thay đổi nội dung so với frame trước đó, ví dụ tồn keyframe layer Shadows có nội dung khác Các keyframe hiển thị dấu chấm tròn đặc ruột màu đen - Blank keyframe: keyframe chưa có nội dung gì, hiển thị chấm tròn rỗng ruột màu trắng Blank keyframe frame bạn thấy bạn tạo file flash - Frame: hiển thị màu xám liên tục, ví dụ frame từ đến 14 layer Palms trên, frame số 15 hiển thị ô chữ nhật màu trắng dấu hiệu kết thúc frame Frame có nội dung giống với nội dung keyframe phía trước nó, ví dụ frame từ đến 14 layer Palms có nội dung giống nội dung keyframe số layer Palms Trong trường hợp frame đứng sau blank keyframe hiển thị màu trắng màu xám, frame số frame 15 layer Sun Trong hình minh họa đây, file flash hoạt động từ frame đến frame 15 Các frame từ số 16 trở hình để sẵn cho bạn biết bổ sung tiếp nội dung cho frame cịn lại Ơ màu đỏ có đường thẳng màu đỏ chạy dọc layer frame hình vẽ phía playhead, bạn dùng chuột kéo playhead để xem hoạt động file flash Ý nghĩa nút phía khu vực chứa frame Theo hình vẽ đây: playhead frame số 7, tốc độ tác phẩm 12 frame / giây (fps viết tắt frame per second: frame / giây), thời gian trôi qua 0,5 giây tính từ lúc playhead di chuyển từ frame đến frame Các nút lại giải thích bổ sung thực hành sau GV TRƯƠNG VĂN NĂNG Công ty TNHH Khải Thiên (KTC Co., Ltd) ... menu, công cụ công cụ, panel Flash CS4: Tạo ảnh động theo phương pháp Frame-By-Frame (phần 2) TTO - Phần hướng dẫn tạo ảnh động làm quen với công cụ Adobe Flash CS4 >> Tạo ảnh động theo phương... thành định dạng mà Adobe Flash Player nhận với phần mềm kèm Adobe Media Encoder Công cụ biên tập video Adobe hỗ trợ định dạng H.264 * Hỗ trợ XFL Có thể mở file soạn chương trình Adobe InDesign After... thành file flash movie (file có swf) Flash document Flash movie Trước mắt bạn tìm hiểu hai loại file thường sử dụng flash: * Flash document: Là loại file bạn dùng để biên soạn tác phẩm flash, loại