Bài giảng thiết kế đồ họa

TRƯỜNG ĐẠI HỌC AN GIANG KHOA KỸ THUẬT-CÔNG NGHỆ-MÔI TRƯỜNG Tên GV: Huỳnh Thanh Việt Tổ Bộ môn Tin Học Email: htviet@agu.edu.vn thanhviet7@gmail.com Mục tiêu giảng • Kiến thức: Giới thiệu chức thiết kế sẵn có công cụ Adove Flash CS6 Cung cấp kiến thức lập trình với đối tượng đồ họa Trình bày tính sở ngơn ngữ lập trình Action Script • Kỹ năng: Hướng dẫn sinh viên thiết kế hiệu ứng, hoạt hình cho trang web cơng cụ Marcomedia Flash Lập trình ngôn ngữ Action Script Hướng dẫn chạy debug lỗi chương trình Lập trình ứng dụng đồ họa, video, hoạt hình truy xuất liệu từ XML Trường Đại học An Giang - Adove Flash phần mềm chuyên nghiệp để tạo thước phim hoạt hình, trị chơi, thiết kế giao diện Web Flash có ứng dụng to lớn giới Internet nói chung cơng nghệ giải trí nói riêng - Có nhiều giáo trình Flash biên soạn đại đa số dựa phiên MacroMedia Flash MX 2005 tương đối cũ Với phiên CS5, Adove bổ sung vào tính giúp người dùng thiết kế lập trình đơn giản Trường Đại học An Giang Nội dung Bài giảng Chương I: GIỚI THIỆU VỀ FLASH Chương II: CÁC CÔNG CỤ VẼ CƠ BẢN Chương III: CÁC BIỂU TƯỢNG TRONG FLASH Chương IV: TẠO HOẠT CẢNH Chương V: LẬP TRÌNH VỚI ACTIONSCRIPT Chương VI: CÁC HIỆU CHỈNH NÂNG CAO Chương VII: THƯ VIỆN PAPERVISION3D BÀI TẬP THỰC HÀNH TÀI LIỆU THAM KHẢO Trường Đại học An Giang 1/ Sơ lược đồ họa Vecter lịch sử đời Flash: - Lịch sử đời Flash: … Đồ họa điểm: … Đồ họa Fractal: … Đồ họa Vecter: … 2/ So sánh Flash với Silverlight JavaFx: - Flash … Adove - Silverlight … Microsoft - JavaFx … Sun Trường Đại học An Giang 3/ Hướng dẫn cài đặt Adove Flash CS6: 4/ Giới thiệu Adove Flash CS6: - Khởi động - Giao diện:  Vùng hệ thống menu phía  Vùng cơng cụ bên phải  Vùng thuộc tính thư viện cạnh công cụ  Vùng sáng tác trung tâm  Vùng TimeLine Layer phía bên Trường Đại học An Giang  Thanh trình đơn  Thuộc tính thư viện  Thanh Công cụ  Trung tâm  TimeLine Layer Trường Đại học An Giang - Tạo dự án: + ActionScript 3.0 + Adove Air + Air for Android + Air for iOS + Flash Lite - Layer; Frame; Scene Movie: + Layer: + Frame: + Scene: + Movie: Trường Đại học An Giang - Vùng cơng cụ Tools: Vùng thuộc tính Properties: Vùng soạn thảo ActionScript: Các vùng chức khác: Trường Đại học An Giang 1/ Các công cụ Pencil, Brush, Spray Brush, Erase: a/ Pencil: b/ Brush: c/ Spray Brush: d/ Erase: 2/ Cơng cụ vẽ hình bản: a/ Line: b/ Rectangle, Rectangle Primitive: c/ Oval, Oval Primitive: d/ PolyStar: Trường Đại học An Giang 10 d/ Toán tử dịch bit: Tốn tử &  Tên gọi Ví dụ Và Hoặc 2&3=2 210 = 102 310 = 112 210 = 102 23=3 210 = 102 310 = 112 310 = 112 ^ loại 2^3 = 210 = 102 310 = 112 110 = 012 Dịch phải bit >> = 2/23 = 2/8 = ~ Phủ định bit ~2=1 210 = 102 110 = 012 Trường Đại học An Giang 45 e/ Toán tử gán hợp nhất: Toán tử Ví dụ Ý nghĩa Phạm vi += a+=b a=a+b Phép toán số học -= a-=b a=a-b Phép toán số học *= a*=b a=a*b Phép toán số học /= a/=b a=a/b Phép toán số học %= a%=b a=a%b Phép toán số học &= a&=b a=a&b Phép toán bit = a = b a=ab Phép toán bit ^= a^=b a=a^b Phép toán bit >> = a >> = b a = a >> b Phép toán bit ++ (hậu tố) dynamic_cast static_cast reinterpret_cast const_cast typeid Trái sang phải ++ (tiền tố) ~ !sizeof new delete *& Phải sang trái + - (dấu dương âm) (type) (chuyển đổi kiểu) Phải sang trái * -> * Trái sang phải */% Trái sang phải + - (phép toán cộng trừ) Trái sang phải > Trái sang phải Trường Đại học An Giang 51 k/ Thứ tự ưu tiên toán tử: Mức ưu tiên Toán tử Độ ưu tiên loại < > = Trái sang phải 10 = = != Trái sang phải 11 & Trái sang phải 12 ^ Trái sang phải 13  Trái sang phải 14 && Phải sang trái 15  Trái sang phải 16 ?: Phải sang trái 17 = *= /= %= += -+ >>= 0)) { trace(“phương trình có hai nghiệm:”+((b+Math.sqrt(delta))/2/a).toString()+”và”+((-bMath.sqrt(delta))/2/a).toString()); } else { // biểu thức điều kiện sai if (delta==0)) { trace(“Phương trình có nghiệm kép:”+(-b/(2/a).toString()); } else { trace(“Phương trình vơ nghiệm kép:”); Trường Đại học An Giang 58 Trường Đại học An Giang 59 ... PAPERVISION3D BÀI TẬP THỰC HÀNH TÀI LIỆU THAM KHẢO Trường Đại học An Giang 1/ Sơ lược đồ họa Vecter lịch sử đời Flash: - Lịch sử đời Flash: … Đồ họa điểm: … Đồ họa Fractal: … Đồ họa Vecter: …...Mục tiêu giảng • Kiến thức: Giới thiệu chức thiết kế sẵn có cơng cụ Adove Flash CS6 Cung cấp kiến thức lập trình với đối tượng đồ họa Trình bày tính sở ngơn ngữ lập... tương đối cũ Với phiên CS5, Adove bổ sung vào tính giúp người dùng thiết kế lập trình đơn giản Trường Đại học An Giang Nội dung Bài giảng Chương I: GIỚI THIỆU VỀ FLASH Chương II: CÁC CÔNG CỤ VẼ CƠ