Giáo trình tạo hình 2D & 3D (Lê Thị Thanh Hương) - Trường Cao đẳng Nghề Công nghiệp Hà Nội

Giáo trình tạo hình 2D & 3D của Lê Thị Thanh Hương cung cấp hướng dẫn chi tiết về Adobe Illustrator CS. Tài liệu hữu ích cho sinh viên và giảng viên ngành

• Tác giả: Lê Thị Thanh Hương
• Trường học: Trường Cao đẳng Nghề Công nghiệp Hà Nội
• Chuyên ngành: Thiết kế đồ họa
• Đề tài: Giáo trình tạo hình 2D & 3D
• Loại tài liệu: Giáo trình
• Năm xuất bản: 2011
• Địa điểm: Hà Nội

Tóm tắt

I. Tổng quan về giáo trình tạo hình 2D 3D Adobe Illustrator CS

Giáo trình tạo hình 2D & 3D Adobe Illustrator CS là tài liệu đào tạo do Trường Cao đẳng nghề Công nghiệp Hà Nội biên soạn năm 2011. Chủ biên Lê Thị Thanh Hương và đồng chủ biên Phạm Xuân Kiên xây dựng nội dung phục vụ giảng dạy nội bộ. Giáo trình trình bày toàn diện kiến thức về phần mềm Adobe Illustrator CS, phần mềm đồ họa vector hàng đầu trong lĩnh vực thiết kế. Nội dung bao gồm năm chương chính: giới thiệu và thao tác cơ bản, công cụ vẽ hình, thao tác với đối tượng, đường cong và các phép biến đổi hình học. Adobe Illustrator là phần mềm dạng trang trí, minh họa ứng dụng phổ biến trong công nghệ thiết kế quảng cáo, tạo mẫu và thiết kế ảnh cho Web. Phần mềm có độ chính xác cao, dễ dàng áp dụng từ mẫu thiết kế nhỏ đến dự án phức tạp. Illustrator phối hợp tốt với Adobe Photoshop và Adobe PageMaker.

1.1. Giới thiệu phần mềm Adobe Illustrator CS

Adobe Illustrator CS là phần mềm thiết kế đồ họa vector chuyên nghiệp thuộc bộ công cụ Adobe. Phần mềm cho phép tạo hình ảnh chất lượng cao với độ phân giải không giới hạn. Illustrator sử dụng công nghệ vector, nghĩa là hình ảnh được tạo từ các đường toán học thay vì pixel. Điều này giúp tác phẩm thiết kế có thể phóng to thu nhỏ mà không bị vỡ hình. Giao diện làm việc của Illustrator bao gồm thanh công cụ, bảng điều khiển và vùng làm việc chính. Người dùng có thể truy cập phần mềm qua Start menu hoặc biểu tượng trên desktop. Khi khởi động, màn hình đầu tiên hiển thị giao diện làm việc chuẩn với đầy đủ công cụ cần thiết.

1.2. Mục tiêu và cấu trúc giáo trình

Giáo trình đặt mục tiêu trang bị kiến thức nền tảng về tạo hình 2D và 3D cho học viên nghề đồ họa. Cấu trúc giáo trình gồm năm chương được sắp xếp từ cơ bản đến nâng cao. Chương một giới thiệu khái niệm, khởi động và các thao tác cơ bản. Chương hai trình bày công cụ vẽ hình cơ bản như hình chữ nhật, elip và đa giác. Chương ba hướng dẫn thao tác với đối tượng bao gồm chọn, di chuyển và nhóm. Chương bốn tập trung vào đường cong và công cụ Pen. Chương năm giới thiệu các phép biến đổi hình học như xoay, lật và co dãn.

II. Các công cụ vẽ hình cơ bản trong Adobe Illustrator CS

Adobe Illustrator CS cung cấp bộ công cụ vẽ hình đa dạng phục vụ thiết kế đồ họa. Các công cụ cơ bản bao gồm Rectangle Tool vẽ hình chữ nhật, Ellipse Tool vẽ hình elip và Polygon Tool vẽ đa giác. Mỗi công cụ có cách sử dụng riêng biệt và thông số điều chỉnh riêng. Khi vẽ hình chữ nhật, người dùng kéo chuột từ điểm xuất phát đến điểm kết thúc. Nhấn giữ phím Shift trong khi vẽ tạo hình vuông đều cạnh. Đối với hình elip, thao tác tương tự nhưng tạo ra hình tròn hoặc bầu dục. Công cụ Polygon cho phép vẽ đa giác với số cạnh tùy chỉnh. Ngoài ra còn có công cụ Line Segment Tool vẽ đường thẳng và công cụ Star Tool vẽ hình sao. Tất cả công cụ đều hỗ trợ thiết lập màu sắc fill và stroke. Giáo trình hướng dẫn chi tiết từng bước thao tác giúp học viên nắm vững kỹ năng vẽ hình cơ bản.

2.1. Công cụ vẽ hình chữ nhật và hình elip

Hình chữ nhật là đối tượng cơ bản nhất trong thiết kế đồ họa vector. Công cụ Rectangle Tool cho phép vẽ hình chữ nhật bằng cách kéo chuột trên vùng làm việc. Để tạo hình vuông hoàn hảo, nhấn giữ phím Shift trong khi kéo. Công cụ Ellipse Tool tạo hình elip theo cách tương tự. Nhấn Shift kết hợp với Ellipse Tool tạo hình tròn đều. Khi vẽ từ tâm ra ngoài, nhấn phím Alt để cố định tâm. Giá trị chiều rộng và chiều cao hiển thị trong thanh tùy chọn. Người dùng có thể nhập số liệu chính xác vào các ô Width và Height. Transform Palette cung cấp thêm tùy chọn biến đổi sau khi vẽ.

2.2. Công cụ vẽ đa giác và hình sao

Polygon Tool vẽ đa giác đều với số cạnh tùy chỉnh theo nhu cầu thiết kế. Mặc định công cụ vẽ hình lục giác sáu cạnh. Người dùng thay đổi số cạnh bằng cách nhập giá trị vào ô Sides trên thanh tùy chọn. Khi vẽ, nhấn phím mũi tên lên để tăng cạnh, mũi tên xuống để giảm cạnh. Star Tool tạo hình sao với nhiều cánh khác nhau. Thông số Radius 1 và Radius 2 xác định bán kính trong và ngoài của ngôi sao. Kết hợp phím Ctrl khi kéo chuột điều chỉnh độ nhọn của cánh sao. Các hình đa giác và hình sao thường dùng trong thiết kế logo và biểu tượng.

III. Phương pháp thao tác và biến đổi đối tượng trong Illustrator

Thao tác với đối tượng là kỹ năng quan trọng trong Adobe Illustrator CS. Muốn chỉnh sửa bất kỳ đối tượng nào, trước tiên phải chọn đối tượng đó. Illustrator cung cấp hai công cụ chọn chính: Selection Tool và Direct Selection Tool. Selection Tool chọn toàn bộ path hoặc nhóm đối tượng. Direct Selection Tool chọn từng điểm neo hoặc đường dẫn riêng lẻ. Để chọn nhiều đối tượng, nhấn giữ Shift rồi lần lượt click chuột. Cách khác là vẽ bao hình marquee bao lấy các đối tượng cần chọn. Công cụ cho phép di chuyển đối tượng đến vị trí mới trên bảng vẽ. Nhấn Alt khi di chuyển để giữ lại đối tượng cũ và tạo bản sao mới. Các phép biến đổi hình học bao gồm co dãn, xoay và lật đối tượng. Transform Palette cung cấp giao diện nhập số liệu chính xác cho các phép biến đổi. Người dùng có thể gõ biểu thức cộng trừ nhân chia trực tiếp vào ô giá trị.

3.1. Chọn và chỉnh sửa đối tượng cơ bản

Selection Tool là công cụ chọn được sử dụng nhiều nhất trong Illustrator. Công cụ này chọn toàn bộ đường dẫn path hoặc nhóm group đã được gộp. Muốn chọn nhiều đối tượng cùng lúc, nhấn giữ phím Shift và click lần lượt. Vẽ bao hình chữ nhật marquee cũng là cách chọn nhanh nhiều đối tượng. Direct Selection Tool cho phép chọn và chỉnh sửa từng điểm neo riêng biệt. Khi chọn bằng Direct Selection Tool, các điểm neo hiển thị dưới dạng ô vuông trắng. Điểm neo được chọn chuyển thành ô vuông đen cho phép kéo chỉnh sửa. Công cụ này đặc biệt hữu ích khi cần tinh chỉnh hình dạng đường cong. Người dùng có thể kết hợp cả hai công cụ để thao tác linh hoạt.

3.2. Các phép biến đổi hình học và Transform Palette

Transform Palette là công cụ mạnh mẽ để thực hiện phép biến đổi hình học chính xác. Truy cập Transform Palette qua menu Window rồi chọn Transform hoặc nhấn Shift F8. Palette hiển thị đầy đủ thông số: tọa độ X, Y, chiều rộng, chiều cao và góc xoay. Để thay đổi kích thước tỷ lệ, chỉ cần nhập giá trị chiều rộng rồi nhấn Ctrl Enter. Illustrator tự động tính toán chiều cao tương ứng để giữ tỷ lệ. Nhấn Alt Enter khi biến đổi để giữ lại đối tượng gốc và tạo bản sao mới. Palette hỗ trợ lật ngang và lật dọc đối tượng qua biểu tượng tương ứng. Góc xoay được thiết lập bằng cách nhập giá trị độ vào ô Rotate.

IV. Ứng dụng thực tế của giáo trình tạo hình 2D 3D

Giáo trình tạo hình 2D & 3D Adobe Illustrator CS có nhiều ứng dụng thực tiễn trong ngành thiết kế đồ họa. Kiến thức từ giáo trình áp dụng trực tiếp vào công việc thiết kế quảng cáo và in ấn. Các kỹ năng vẽ hình, chỉnh sửa đường cong và biến đổi đối tượng là nền tảng thiết yếu. Designer sử dụng Illustrator để tạo logo, biểu tượng và bộ nhận diện thương hiệu. Ngành in ấn đòi hỏi file vector chất lượng cao, Illustrator đáp ứng hoàn hảo yêu cầu này. Thiết kế bao bì sản phẩm cũng là lĩnh vực ứng dụng rộng rãi. Ngoài ra, kiến thức tạo hình 2D phục vụ thiết kế giao diện website và ứng dụng di động. Giáo trình còn mở ra hướng phát triển trong lĩnh vực thiết kế thời trang và kiến trúc nội thất. Học viên hoàn thành giáo trình có khả năng thực hiện các dự án thiết kế từ đơn giản đến phức tạp.

4.1. Thiết kế quảng cáo và ấn phẩm in ấn

Thiết kế quảng cáo là lĩnh vực ứng dụng hàng đầu của Adobe Illustrator. File vector từ Illustrator đảm bảo chất lượng hình ảnh khi in ở bất kỳ kích thước nào. Poster, banner, tờ rơi và brochure đều được thiết kế hiệu quả bằng Illustrator. Công cụ Clipping Mask cho phép tạo hiệu ứng cắt ghép hình ảnh chuyên nghiệp. Kỹ năng vẽ path và chỉnh sửa đường cong tạo ra thiết kế typography đẹp mắt. Ấn phẩm in ấn đòi hỏi chuẩn màu CMYK, Illustrator hỗ trợ đầy đủ chế độ màu này. Người thiết kế có thể xuất file sang nhiều định dạng phù hợp quy trình in ấn. Giáo trình cung cấp nền tảng vững chắc để thực hiện các sản phẩm quảng cáo chất lượng.

4.2. Thiết kế đồ họa web và multimedia

Thiết kế đồ họa web là ứng dụng quan trọng khác của Adobe Illustrator. File vector từ Illustrator có thể xuất sang định dạng SVG cho website. Kích thước file nhỏ giúp trang web tải nhanh hơn so với hình ảnh bitmap. Illustrator hỗ trợ thiết kế giao diện người dùng UI với độ chính xác pixel cao. Icon, button và yếu tố đồ họa web được tạo dễ dàng bằng các công cụ vẽ hình. Chế độ màu RGB phù hợp hiển thị trên màn hình kỹ thuật số. Illustrator cũng phục vụ thiết kế animation và motion graphics kết hợp với After Effects. Giáo trình tạo hình 2D 3D trang bị kỹ năng cần thiết cho lĩnh vực đồ họa đa phương tiện.

Trích đoạn nội dung tài liệu

Chương 1 : Giới thiệu - Khởi động – Các thao tác cơ bản dính vào guides, ta phải giấu bounding box trước khi di chuyển đối tượng • Khóa/ mở khoá cho Guides Chọn View > Guides > Lock Guides (Ctrl+Alt+;) để khoá/mở khoá cho các Guides. • Hiện tắt Guides  Chọn View > Guides > Show Guides (Ctrl+;) để hiện các guides  Chọn View > Guides > Hide Guides (Ctrl+;) để giấu các guides  Chọn View > Guides > Smart Guides (Ctrl+U) để hít vào guides • Xoá Guides  Dùng công cụ chọn kéo các đường guide trở lại cây thước hoặc chọn guide, rồi nhấn phím Delete  Để xoá tất cả các guides chọn View > Clear Guides Trang 8 Chương 2 : Các dạng hình học cơ bản CHƯƠNG II CÁC DẠNG HÌNH HỌC CƠ BẢN .I Công cụ Rectangle (M) Công cụ này dùng để vẽ hình chữ nhật Trong khi đang vẽ  Nhấn giữ phím Alt để vẽ hình chữ nhật xuất phát từ tâm  Nhấn giữ phím Shift để vẽ hình chữ nhật  Nhấn giữ thanh khoảng trắng (spacebar) để di chuyển hình chữ nhật đến một vị trí mới  Nhấn phím ~ để vẽ ra nhiều hình chữ nhật cùng một lúc  Để vẽ hình chữ nhật một cách chính xác, ta bấm (click) chuột vào trang bản vẽ. Một hộp đối thoại sẽ hiện ra như sau: Trang 9 Chương 2 : Các dạng hình học cơ bản Chieàu roäng Chieàu cao .IV Công cụ Rounded Rectangle Công cụ này dùng để vẽ hình chữ nhật bo tròn góc Trong khi đang vẽ  Nhấn giữ phím Alt để vẽ hình chữ nhật xuất phát từ tâm  Nhấn giữ phím Shift để vẽ hình vuông bo tròn góc  Nhấn giữ thanh khoảng trắng (spacebar) để di chuyển hình chữ nhật đến một vị trí mới  Nhấn giữ phím mũi tên lên/ mũi tên xuốngĠ để tăng giảm bán kính bo tròn  Nhấn phím ~ để vẽ ra nhiều hình chữ nhật bo tròn cùng một lúc Để vẽ hình chữ nhật bo tròn một cách chính xác, ta bấm (click) chuột vào trang bản vẽ. Một hộp đối thoại sẽ hiện ra như sau: Chieàu roäng cuûa hcn Chieàu cao cuûa hcn Baùn kính bo troøn Trang 10 Chương 2 : Các dạng hình học cơ bản .V Công cụ Ellipse (L) Công cụ này dùng để vẽ hình ê-líp Trong khi đang vẽ:  Nhấn giữ phím Alt để vẽ ê-líp xuất phát từ tâm  Nhấn giữ phím Shift để vẽ hình tròn  Nhấn giữ thanh khoảng trắng (spacebar) để di chuyển ê-líp đến một vị trí mới  Nhấn phím ~ để vẽ ra nhiều ê-líp cùng một lúc Để vẽ ê-líp một cách chính xác, ta bấm (click) chuột vào trang bản vẽ.

Một hộp đối thoại sẽ hiện ra như sau: Chieà u roäng Chieàu cao Trang 11 Chương 2 : Các dạng hình học cơ bản Wid th Height .VI Công cụ Polygon Công cụ này dùng để vẽ hình đa giác đều Trong khi đang vẽ:  Nhấn giữ phím Shift để cạnh đáy của đa giác nằm ngang  Nhấn giữ thanh khoảng trắng (spacebar) để di chuyển đa giác đến một vị trí mới  Nhấn giữ phím mũi tên lên / mũi tên xuống để tăng giảm số đỉnh của ngôi sao  Nhấn phím ~ để vẽ ra nhiều đa giác cùng một lúc Để vẽ đa giác một cách chính xác, ta bấm (click) chuột vào trang bản vẽ. Một hộp đối thoại sẽ hiện ra như sau: Baùan ña cuû kính giaùc voø ng troøng ngoaï i tieáp soá ñænh cuûa ña giaùc Trang 12 Chương 2 : Các dạng hình học cơ bản .VII Công cụ Star Công cụ này dùng để vẽ hình ngôi sao Trong khi đang vẽ:  Nhấn giữ phím Shift để ngôi sao đứng thẳng  Nhấn giữ thanh khoảng trắng (spacebar) để di chuyển ngôi sao đến một vị trí mới  Nhấn giữ phím mũi tên lên / mũi tên xuống để tăng giảm số đỉnh của ngôi sao  Nhấn giữ Ctrl để giữ bán kính đường tròn trong không thay đổi  Nhấn giữ phím Alt để giữ cho cạnh của các ngôi sao thẳng hàng  Nhấn phím ~ để vẽ ra nhiều ngôi sao cùng một lúc Để vẽ ngôi sao một cách chính xác, ta bấm (click) chuột vào trang bản vẽ. Một hộp đối thoại sẽ hiện ra như sau: Baùanngoä cuû kính i sao voø ng troøng ngoaï i tieáp Baùanngoâ cuû kính i sao voø ng troøng noäi tieáp soá ñænh cuûa ngoâi sao Trang 13 Chương 2 : Các dạng hình học cơ bản .VIIICông cụ Flare Công cụ này dùng để tạo ra các đốm sáng bao gồm: 1 tâm (center), 1 quầng sáng (halo), các tia (rays) và các vòng (rings). Sử dụng công cụ này để tạo ra hiệu ứnng lens flare như trong nhiếp ảnh.

Để tạo đốm sáng ta chọn công cụ rồi bấm (click) chuột vào trang bạn vẽ để định tâm, rồi kéo (drag) chuột để xác định độ lớn của quầng sáng halo và quay các tia Trong khi kéo chuột:  Nhấn giữ phím Shift để cố định góc của các tia  Nhấn giữ Ctrl để giữ bán kính trong của halo không thay đổi  Nhấn giữ phím mũi tên lên/ mũi tên xuống để tăng giảm số tia  Sau đó dùng chuột để xác định điểm cuối của các đốm sáng Để vẽ các đố sáng một cách chính xác, ta bấm (click) chuột vào trang bản vẽ. Một hộp đối thoại sẽ hiện ra như sau: Trang 14 Chương 2 : Các dạng hình học cơ bản quaà ng saù ng ñoäalôùn cuû toaøcuû n boä a quaà caùcn gñoásaùmn saùng g so vôùi kích thö Taâ m Ñöôøng kính ñoä môø ñuïc aùnh saùng ñoä môø tia voøn g ñeán ñieå Khoaû ngmcaùch cuoá itöø taâm soá löôï ng tia tyû ileänhaá daø trung giöõa bình t vaøtiatia soá voø ng tyû nhaá trung leät vaø giöõa bình voøvoø ngng lôù n ñoä môø goùc cuû a caùc voøng .IX Công cụ Line Segmen W Công cụ này dùng để vẽ đường thẳng Cách vẽ: Chọn công cụ, bấm chuột vào trang bản vẽ để xác định điểm đầu, rồi kéo chuột đến vị trí điểm cuối của đường thẳng trong khi đang vẽ:  Nhấn giữ phím Alt để mở rộng đường thẳng ra cả hai phía của điểm đầu  Nhấn giữ phím Shift để đường thẳng nghiêng đi một góc là bội số của 450  Nhấn giữ thanh khoảng trắng (spacebar) để di đường thẳng đến một vị trí mới  Nhấn phím ~ để vẽ ra nhiều đường thẳng cùng một lúc Để vẽ đa giác một cách chính xác, ta bấm (click) chuột vào trang Trang 15 Chương 2 : Các dạng hình học cơ bản bản vẽ. Một hộp đối thoại sẽ hiện ra như sau: Neá seõ hieän thaúng khoâ u coù haø nseõ gñaù nh. ñöôïc ñöôï nhNeá daáu c utoâkhoâ vaø (fill) (noong, fill) oâvôù naø ñöôø i ymaø ,nñöôø guthaú ngng Nhaán Alt Cancel thaøñeå nhñoå Reset i cụ Arc Công cụ này dùng để vẽ đường cong Cách vẽ: Chọn công cụ, bấm chuột vào trang bản vẽ để xác định điểm đầu, rồi kéo chuột đến vị trí điểm cuối của cung trong khi đang vẽ:  Nhấn giữ phím Alt để mở rộng cung ra cả hai phía của điểm đầu  Nhấn giữ phím Shift để vẽ cung tròn Trang 16 Chương 2 : Các dạng hình học cơ bản  Nhấn giữ thanh khoảng trắng (spacebar) để di chuyển cung đến một vị trí mới  Nhấn phím ~ để vẽ ra nhiều cung cùng một lúc  Nhấn phím C để đổi cung mở (opened arc) thành cung đóng (closed arc) và ngược lại  Nhấn phím F (flip) để lấy đối xứng cung qua đường thẳng nối điểm đầu và điểm cuối của cung  Nhấn giữ phím mũi tên lên/ mũi tên xuống để tăng giảm góc của cung Để vẽ cung một cách chính xác, ta bấm (click) chuột vào trang bản vẽ.

Một hộp đối thoại sẽ hiện ra như sau: Chieàu daøi truïc X Chieàu daøi truïc Y Loï aci:môû hoaë ñoùng(opened) (closed) Doïcctheo hoaë Y truïc X Neáung, ñöôïc khoâ coù toâcung ñaùnh (fill) seõ vôù daákhoâng iumaøu vaøo hieä oâñöôï naøy, nchaø toâcung n(no h. Neá seõu fill) Nhaán Alt Cancel thaøñeå nhñoåi Reset Trang 17 Chương 2 : Các dạng hình học cơ bản Convex (lồi), Concave (lõm), Convex (lồi), Concave (lõm), Opened (mở) Opened (mở) Closed (đóng) Closed (đóng) Convex (lồi), Convex (lồi), Concave (lõm), Concave (lõm), Closed (đóng), Closed (đóng), Closed (đóng), base Closed (đóng), base along X base along Y Axis along X base along Y Axis Axis Axis .XI Công cụ Spiral Công cụ này dùng để vẽ hình xoắn ốc Trong khi đang vẽ  Nhấn giữ phím Shift để điểm cuối của đường xoắn ốc nằm trên góc có số đo là bội số của 450  Nhấn giữ thanh khoảng trắng (spacebar) để di đường xoắn ốc đến một vị trí mới  Nhấn giữ phím mũi tên lên/ mũi tên xuống để tăng giảm số đoạn (sebment) của đường xoắn ốc.  Nhấn phím ~ để vẽ ra nhiều đường xoắn ốc cùng một lúc Để vẽ đường xoắn ốc một cách chính xác, ta bấm (click) chuột vào trang bản vẽ. Một hộp đối thoại sẽ hiện ra như sau: Trang 18 Chương 2 : Các dạng hình học cơ bản Khoaû ñieå ñöôø m ngnngoaøi gxoaé caùnchcuø oáctöø ngtaâcuû mañeán ñoä igiaû moã voømngbaù xoaé n kính n qua soá ñoïan ngöôï c chieà u kim ñoà ng hoà cuøng chieàu kim ñoàng hoà .XII Công cụ Rectangular Grid Công cụ này dùng để vẽ lưới chữ nhật Trong khi đang vẽ:  Nhấn giữ phím Shift để vẽ lưới vuông  Nhấn giữ phím Alt để vẽ lưới xuất phát từ tâm  Nhấn giữ thanh khoảng trắng (spacebar) để di chuyển lưới đến một vị trí mới  Nhấn phím ~ để vẽ ra nhiều lưới cùng một lúc  Nhấn giữ phím mũi tên lên/ mũi tên xuống để tăng giảm số đường kẻ ngang của lưới  Nhấn giữ phím mũi tên qua phải/ mũi tên qua trái để tăng giảm số đường kẻ dọc của lưới  Nhấn phím F để tập trung các đường kẻ ngang về phía dưới  Nhấn phím V để tập trung các đường kẻ ngang về phía trên  Nhấn phím X để tập trung các đường kẻ ngang về phía bên trái  Nhấn phím C để tập trung các đường kẻ ngang về phía bên phải Trang 19 Chương 2 : Các dạng hình học cơ bản Để vẽ lưới chữ nhật một cách chính xác, ta bấm (click) chuột vào trang bản vẽ.