HOẠT HÌNH 2D BẰNG ILLUSTRATOR VÀ FLASH CS5. Adobe Illustrator là chương trình đồ họa vector, tạo nền tảng cần thiết cho nghề thiết kế đồ họa. Illustrator tạo hình dạng cơ bản: thông qua lệnh và công cụ, sao chép kết hợp đối tượng để tạo hình dạng đối tượng mới, chọn và thay đổi các phần trong đối tượng bằng công cụ Selection, tô vẽ đối tượng, cung cấp nhiều hiệu ứng 3D để vẽ các hình khối, vật thể, xử lí các hình liên quan. Thiết kế và dựng nhân vật bằng Adobe Illustrator. Tạo clip chuyển động phim hoạt hình bằng Flash CS5
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN – ĐHQG TPHCM KHOA KHOA HỌC MÁY TÍNH ĐỒ ÁN ĐỒ HỌA MÁY TÍNH ĐỀ TÀI HOẠT HÌNH 2D BẰNG ILLUSTRATOR VÀ FLASH CS5 TÊN ĐỀ TÀI CUỘC GẶP GỠ CỦA NHỮNG CON VẬT Giáo viên hướng dẫn: Ths. Mai Tiến Dũng MỤC LỤC Lời mở đầu …………………………………………………… 2 Phân công công việc …………………………………………. 3 Chương I – Sơ nét về Illustrator và Adobe Flash CS5 ………… 4 I. Adobe Illustrator …………………………………… 4 II. Adobe Flash ……………………………………… 6 Chương II – Mô tả đề tài ….…………………………………… 8 Chương III – Thực hiện đề tài ………………………………… 9 I. Adobe Illustrator CS5 ………………………………. 9 1. Thiết kế và dựng nhân vật bằng Illustrator CS5 9 2. Thiết kế Text trong Illustrator ………………… 27 3. Background …………………………………… 35 II. Adobe Flash …………………………………… 36 1. Cấu trúc và tổng quan Clip ……………………. 36 2. Một số hình ảnh tiêu biểu trong Clip ………… 36 Chương IV – Hạn chế ……………………………………… 42 Chương V - Hướng phát triển ……………………………… 42 Chương VI - Tài liệu tham khảo …………………………… 42 2 LỜI MỞ ĐẦU Công nghệ 2D là một công nghệ ra đời khá lâu, được ứng dụng trong nhiều lĩnh vực, đặc biệt trong ngành giải trí nhờ phát triển đồ họa 2D. Đồ họa máy tính 2D bắt đầu vào những năm 1950, dựa trên các thiết bị đồ họa vector . Những phần lớn đã được thay thế bởi các thiết bị raster cơ bản trong những thập kỷ sau. Các PostScript ngôn ngữ và Hệ thống X Window giao thức được phát triển mang tính bước ngoặt trong lĩnh vực này. Đồ họa máy tính 2D là máy tính thế hệ dựa trên hình ảnh kỹ thuật số -chủ yếu là từ các mô hình hai chiều (ví dụ như mô hình hình học 2D , văn bản và hình ảnh kỹ thuật số) và bằng các kỹ thuật cụ thể cho chúng. Nó nằm trong chi nhánh của khoa học máy tính đó bao gồm các kỹ thuật như vậy, hoặc cho các mô hình của mình. Đồ họa máy tính 2D chủ yếu được sử dụng trong các ứng dụng ban đầu được phát triển theo truyền thống in ấn và bản vẽ công nghệ, chẳng hạn như kiểu chữ , bản đồ , bản vẽ kỹ thuật , quảng cáo , vv Trong những ứng dụng, hai chiều hình ảnh không chỉ là một đại diện của một đối tượng thế giới thực, mà còn là một vật độc lập. Do đó, mô hình hai chiều được ưa thích, bởi vì chúng cho phép kiểm soát trực tiếp hình ảnh hơn 3D đồ họa máy tính. Đồ họa máy tính 2D có nhiều phần mềm cho phép tạo ra các hình ảnh, sơ đồ và minh họa bằng thao tác trực tiếp (thông qua chuột, máy tính bảng đồ họa…) như Adobe, CorelDRAW; ở đây nhóm em sử dụng Adobe Illustrator và Adobe Flash để thực hiện đề tài đồ án này. 3 Do mới lần đầu tiên tiếp cận và sử dụng phần mềm này, nên có nhiều sai xót. Rất mong thầy và các bạn góp ý để nhóm có thể hoàn thiện và phát triển đồ án hơn nữa. Nhóm sinh viên 4 Chương I SƠ NÉT VỀ ADOBE ILLUSTRATOR & ADOBE FLASH I. Adobe Illustrator: Adobe Illustrator là chương trình đồ họa vector, tạo nền tảng cần thiết cho nghề thiết kế đồ họa. Illustrator tạo hình dạng cơ bản: thông qua lệnh và công cụ, sao chép kết hợp đối tượng để tạo hình dạng đối tượng mới, chọn và thay đổi các phần trong đối tượng bằng công cụ Selection, tô vẽ đối tượng, cung cấp nhiều hiệu ứng 3D để vẽ các hình khối, vật thể, xử lí các hình liên quan. Thành thạo Adobe Illustrator, bạn có thể hoàn thành tốt các công việc sau: Minh họa sách báo, Thiết kế logo, Tạo các sản phẩm tờ rơi, Card Visit, Broucher, Profile,vẽ hoạt hình, tích hợp chuyển động cho Flash với ưu diểm là dễ dàng thay đổi và trao đổi dữ liệu ,kích thước file nhẹ, dễ dàng tương thích với Photoshop, Corel Draw, và hỗ trợ in ấn rất tốt. 5 Màn hình làm việc Illustrator: 6 II. Adobe Flash: Flash là một kĩ thuật tạo các hiệu ứng động, các thước phim hoạt hình… Flash được giới thiệu đầu tiên bởi công ty MacroMedia vào năm 1999. Đến năm 2005, công ty này đã được Adobe mua lại với giá 3.4 tỉ đôla. Từ khi ra đời cho đến này, Flash đã có rất nhiều bước phát triển đáng chú ý. Nhiều tính năng mới đã liên tục được cập nhập trong các phiên bản của nó. Từ các phiên bản Macromedia Flash cho đến Adobe Flash hiện nay. Với phiên bản Adobe Flash CS4, công ty Adobe đã bổ sung vào cho Flash những tính năng mạnh mẽ: hỗ trợ nhiều định dạng import dữ liệu; bổ sung các công cụ tạo hoạt hình mạnh mẽ như Bone, Bind, 3D Translation, 3D Rotation,… Phiên bản mới nhất của Flash là CS6. Hiện nay, Adobe cũng đã tạo ra một ấn bản mã nguồn mở cho Flash đó là công nghệ Flex. Một trong những công nghệ ra đời sớm nhất hỗ trợ tạo giao diện web – RIA. Flex là một công nghệ hứa hẹn đem lại nhiều lợi nhuận cho Adobe (nhờ vào trình phát triển Adobe Flex Buider). Nó là một đối thủ đáng gờm với Silverlight của Microsoft và JavaFx của Sun (nay được mua lại bởi Oracle). 7 8 Chương II MÔ TẢ ĐỀ TÀI I. Cốt truyện: Câu chuyện diễn ra trên đồng thảo nguyên với quang cảnh quang đãng có những cánh chóng chóng xoay tròn, ngôi nhà của người dân nơi đây.Hoà vào cảnh vật là sự xuất hiện của những con vật đáng yêu với những hành động bất ngờ, dễ thương, chúng chơi đùa vui vẻ và trở thành bạn bè của nhau. Nhân vật: - Khỉ YoYo: nhân vật nữ xuất hiện đầu tiên với đôi mắt lấp lánh. - Chú bò sữa: nhân vật xuất hiện thứ hai rất ngộ nghĩnh. - Pikachu: nhân vật thứ ba với phiên bản giới tính nữ. - Chú voi con: nhân vật cuối cùng. 9 Chương III THỰC HIỆN ĐỀ TÀI I. Adobe Illustrator CS5: 1. Thiết kế và dựng nhân vật bằng Adobe Illustrator: - Vẽ con khỉ YoYo: + Vẽ khuôn mặt: • Dùng công cụ Ellipise Tool (L) vẽ khuôn mặt, sau đó dung công cụ Direct Selection Tool để định hình và chỉnh sửa cho ưng ý. • Dùng công cụ Brush (B) để vẽ mi, Pen Tool (P) để vẽ những chi tiết cần thiết. 10 [...]... thẳng bằng Line Segment Tool(\) dùng hiệu ứng đường nét ta được chùm sao vào đường viền hoa + Hình 2: 29 • • Tạo khung hình chữ nhật bằng Rectange Tool (M) Dùng công cụ Type Tool (T) để tạo văn bản, chữ, điều chỉnh size, font chữ, cũng như hiệu ứng tùy ý • Vẽ đường thẳng bằng Line Segment Tool(\) dùng hiệu ứng đường nét ta được viền đường như thư pháp vào đường viền hoa 30 + Hình 3: • • • • Tạo khung hình. .. Tool vẽ và thay đổi 25 Sau khi gắn từng bộ phận ta có được hình vẽ hoàn chỉnh: 26 27 Dùng công cụ Selection Tool để kéo thả, di chuyển chi tiết để tạo ra nhân vật với hình dáng khác 28 2 Thiết kế Text trong Illustrator: + Hình 1: • • Tạo khung hình chữ nhật bằng Rectange Tool (M) Dùng công cụ Type Tool (T) để tạo văn bản, chữ, điều chỉnh size, font chữ, cũng như hiệu ứng tùy ý • Vẽ đường cong bằng công... tạo ra những hình thích hợp 14 + Vẽ tay, chân: • Dùng Rectangle Tool (M), Pen Tool (P) để vẽ chân, tay, đuôi và những đóm bông của bò sữa • Dùng Direct Selection Tool (A) và Selection Tool để kéo chỉnh, xoay để có những hình ảnh mong muốn 15 + Vẽ body: Dùng Ellipse Tool (L), Direct Selection Tool (A) để kéo thả đường Path để có hình dạng mong muốn • Dùng Pen Tool để vẽ hình hình line màu, hình bông sữa... 3: • • • • Tạo khung hình chữ nhật bằng Rectange Tool (M) Tạo vòng tròn số bằng Ellipise Tool Dùng công cụ Type Tool (T) để số 1 Vẽ đường gấp khúc bằng Path Tool(\) dùng hiệu ứng đường nét ta được chùm ngôi sao 31 + Hình 4: • • • • Tạo khung hình chữ nhật bằng Rectange Tool (M) Tạo vòng tròn số bằng Ellipise Tool Dùng công cụ Type Tool (T) để số 2 Vẽ đường gấp khúc bằng Path Tool(\) dùng hiệu ứng đường... được chùm ngôi sao 32 + Hình 5: • • • • Tạo khung hình chữ nhật bằng Rectange Tool (M) Tạo vòng tròn số bằng Ellipise Tool Dùng công cụ Type Tool (T) để số 3 Vẽ đường gấp khúc bằng Path Tool(\) dùng hiệu ứng đường nét ta được chùm ngôi sao 33 34 +Hình 6: • Dùng công cụ Type Tool (T) để tạo văn bản, chữ, điều chỉnh size, font chữ, cũng như hiệu ứng tùy ý • Tạo khung hình chữ nhật bằng Rectange Tool (M)... nhật bằng Rectange Tool (M) • Vẽ đường gấp khúc bằng Path Tool(\) dùng hiệu ứng đường nét ta được chùm ảnh như pháo hoa 35 +Hình 7: • • Tạo khung hình chữ nhật bằng Rectange Tool (M) Dùng công cụ Type Tool (T) để tạo văn bản, chữ, điều chỉnh size, font chữ, cũng như hiệu ứng tùy ý • Vẽ đường gấp khúc bằng Path Tool(\) dùng hiệu ứng đường nét ta được chùm ảnh hình tròn gấp khúc 36 ... gáp các bộ phận lại, ta được hình của nha vật Bò sữa: Dùng Selection Tool (V) kéo thả chi tiết để được nhân vật ở hình dáng khác 17 - Vẽ Pikachu: + Cái đầu: • Dùng công cụ Ellipise Tool (L) vẽ khuôn mặt, đôi mắt • Dùng công cụ Pen Tool (P) để vẽ tai, miệng, cái chi tiết khác + Body và tay Pikachu: Dùng Path Tool để vẽ than và các chi tiết phụ đi kèm 18 19 + Vẽ bàn chân và cái đuôi: Dùng Path Tool để...11 +Vẽ tay, chân, và body: • Dùng công cụ Pen(P) để vẽ thanhg đường Path, copy, chỉnh sửa lại để có được body mong muốn bằng Direct Selection Tool và Selection Tool • Dùng Brush(B) vẽ ngón tay, bàn chân + Sau đó gáp từng chi tiết lại để được hình hoàn chỉnh 12 13 - Vẽ con bò sữa: + Vẽ khuôn mặt: • Dùng Ellipse Tool để vẽ khuôn mặt (nhiều hình ellipse), mắt • Dùng Pen Tool để vẽ . hình ảnh hơn 3D đồ họa máy tính. Đồ họa máy tính 2D có nhiều phần mềm cho phép tạo ra các hình ảnh, sơ đồ và minh họa bằng thao tác trực tiếp (thông qua chuột, máy tính bảng đồ họa ) như Adobe,. nhiều lĩnh vực, đặc biệt trong ngành giải trí nhờ phát triển đồ họa 2D. Đồ họa máy tính 2D bắt đầu vào những năm 1950, dựa trên các thiết bị đồ họa vector . Những phần lớn đã được thay thế bởi các thiết. mình. Đồ họa máy tính 2D chủ yếu được sử dụng trong các ứng dụng ban đầu được phát triển theo truyền thống in ấn và bản vẽ công nghệ, chẳng hạn như kiểu chữ , bản đồ , bản vẽ kỹ thuật , quảng cáo