Gồm các lệnh tương tự như trong bảng Pathfinder nhưng thực hiện với nhóm group và các layer. Sau khi thực hiện các lệnh trong pathfinder, bạn vẫn có thể chọn và chỉnh sửa các đối tượng gốc trong bảng Appearance.
BÀI TẬP:
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Cơng Nghệ Thơng Tin
BIẾN DẠNG ĐỐI TƯỢNG
Mục tiêu
> Trình bày các hình thức biến dạng đối tượng thơng dụng. > Trình bày chức năng làm biến dạng trực tiếp đối tượng. > Thực hiện các lệnh và công cụ làm biến dạng đối tượng. > Thực hiện hiệu chỉnh đối tượng đã được biến dạng.
I. ENVELOPE DISTORT:
1. Make with Warp (Ctrl + Alt + Shift + W):
Uốn cong đối tượng theo những kiểu uốn cong của chương trình.
Hình 8.1: Hộp thoại Warp Options
+ Style: chọn kiểu uốn cong. + Bend: thay đổi độ cong.
+ Horizontal: tác động theo chiều ngang. + Vertical: tác động theo chiều dọc.
+ Distortion Horizontal: biến dạng theo hướng ngang. + Distortion Vertical: biến dạng theo hướng dọc.
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
2. Make with Mesh (Ctrl + Alt + M):
Lệnh này áp một lưới lên đối tượng được chọn. Ta tiến hành thao tác trên lưới để biến dạng đối tượng.
Hình 8.3: Đối tượng được biến dạng bằng Mesh
3. Make with Top Object (Ctrl + Alt + C)
- Đặt đối tượng dùng làm hình bao nằm trên đối tượng cần biến dạng. - Chọn cả hai đối tượng.
- Chọn lệnh Object/ Envelope Distort/ Make with Top Object.
Hình 8.4: Đối tượng được biến dạng bằng Top Object
4. Release:
Hủy bỏ biến dạng cho đối tượng. Trả lại hình dáng ban đầu của đối tượng.
5. Envelope Options:
Xác lập các tùy chọn cho đối tượng biến dạng bằng lệnh Envelope
Hình 8.5: Hộp thoại Envelope Options
+ Anti-Alias: khử răng cưa.
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thơng Tin
+ Preserve Shape Using: giữ gìn hình dạng bằng cách sử dụng: • Clipping Mask: cắt xén mặt nạ.
• Transparency: trong suốt.
+ Fidelity: độ chính xác.
+ Distort Appearance: chỉ biến dạng hình dạng bên ngồi.
+ Distort Linear Gradients: biến dạng màu tô chuyển sắc dạng Linear. + Distort Pattern Fills: biến dạng màu tô Pattern.
6. Expand:
Chuyển đối tuợng bị biến dạng thành đối tuợng thông thuờng (giữ nguyên hình dạng đã biến dạng).
7. Edit Content:
Dùng để thay đổi nội dung đối tuợng đã biến dạng. Sau khi thay đổi xong, ta chọn lệnh Object/ Envelope Distort/ Edit Envelope để trở lại việc hiệu chỉnh hình bao.
II. CÁC CƠNG CỤ BIẾN DẠNG ĐƠI TƯỢNG:
1. Cơng cụ Warp :
- Công cụ này đẩy đối tuợng theo huớng di chuyển của con trỏ.
- Đe thay đổi các tùy chọn của công cụ, ta nhấp đôi chuột vào cơng cụ, một hộp thoại xuất hiện:
Hình 8.6: Hộp thoại Warp Tool Options
+ Width: chiều rộng của công cụ. + Height: chiều cao của cơng cụ. + Angle: góc nghiêng của cơng cụ
+ Intensity: cuờng độ tác động của công cụ. + Detail: độ chi tiết.
+ Simplify: dùng để loại bỏ các điểm thừa trên đuờng viền đối tuợng. + Show Brush Size: hiển thị kích thuớc của con trỏ.
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Cơng Nghệ Thơng Tin
Hình 8.7: Hình được biến dạng bằng công cụ Warp
2. Công cụ Twirl :
- Công cụ này dùng để làm xoắn đối tượng.
- Đe thay đổi các tùy chọn của công cụ, ta nhấp đôi chuột vào công cụ,
một hộp thoại xuất hiện:
Hình 8.8: Hộp thoại Twirl Tool Options
+ Width: chiều rộng của công cụ. + Height: chiều cao của công cụ. + Angle: góc nghiêng của cơng cụ
+ Intensity: cường độ tác động của công cụ. + Detail: độ chi tiết.
+ Simplify: dùng để loại bỏ các điểm thừa trên đường viền đối tượng. + Show Brush Size: hiển thị kích thước của con trỏ.
+ Twirl Rate: tốc độ xoắn.
Hình 8.9: Hình được biến dạng bằng công cụ Twirl
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
3. Công cụ Pucker :
- Công cụ này dùng để thu các điểm neo về phía con trỏ, làm “xẹp” đối tượng.
- Đe thay đổi các tùy chọn của công cụ, ta nhấp đơi chuột vào cơng cụ, một hộp thoại xuất hiện:
Hình 8.10: Hộp thoại Pucker Tool Options
+ Width: chiều rộng của cơng cụ. + Height: chiều cao của cơng cụ. + Angle: góc nghiêng của công cụ
+ Intensity: cường độ tác động của công cụ. + Detail: độ chi tiết.
+ Simplify: dùng để loại bỏ các điểm thừa trên đường viền đối tượng. + Show Brush Size: hiển thị kích thước của con trỏ.
Hình 8.11: Hình được biến dạng bằng cơng cụ Bucker
4. Cơng cụ Bloat ’■’*:
- Công cụ này dùng để đẩy các điểm neo ra xa con trỏ, làm “phồng” đối tượng.
- Đe thay đổi các tùy chọn của công cụ, ta nhấp đôi chuột vào công cụ,
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Cơng Nghệ Thơng Tin
Hình 8.12: Hộp thoại Bloat Tool Options
+ Width: chiều rộng của cơng cụ. + Height: chiều cao của cơng cụ. + Angle: góc nghiêng của công cụ
+ Intensity: cuờng độ tác động của công cụ. + Detail: độ chi tiết.
+ Simplify: dùng để loại bỏ các điểm thừa trên đuờng viền đối tuợng. + Show Brush Size: hiển thị kích thuớc của con trỏ.
Hình 8.13: Hình được biến dạng bằng cơng cụ Bloat
5. Cơng cụ Scallop —L:
- Công cụ này dùng để chia đường viền của đối tượng thành nhiều đoạn và thu về tâm của công cụ đồng thời làm cong các đoạn.
- Đe thay đổi các tùy chọn của công cụ, ta nhấp đôi chuột vào công cụ,
một hộp thoại xuất hiện:
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Cơng Nghệ Thơng Tin
Hình 8.14: Hộp thoại Scallop Tool Options
+ Width: chiều rộng của công cụ. + Height: chiều cao của cơng cụ. + Angle: góc nghiêng của cơng cụ
+ Intensity: cuờng độ tác động của công cụ. + Complexity: độ phức tạp.
+ Detail: độ chi tiết.
+ Brush Affects Anchor Points: ảnh huởng đến điểm neo.
+ Brush Affects In Tangent Handles: ảnh huởng đến tay nắm tiếp tuyến trong.
+ Brush Affects Out Tangent Handles: ảnh huởng đến tay nắm tiếp tuyến ngoài.
+ Show Brush Size: hiển thị kích thuớc của con trỏ.
Hình 8.15: Hình được biến dạng bằng cơng cụ Scallop
6. Cơng cụ Crystallize 1:
- Công cụ này dùng để thêm các chi tiết dạng nhọn trên đường viền của đối tượng.
- Đe thay đổi các tùy chọn của công cụ, ta nhấp đôi chuột vào công cụ,
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Cơng Nghệ Thơng Tin
Hình 8.16: Hộp thoại Crystallize Tool Options
+ Width: chiều rộng của cơng cụ. + Height: chiều cao của cơng cụ. + Angle: góc nghiêng của công cụ
+ Intensity: cuờng độ tác động của công cụ. + Complexity: độ phức tạp.
+ Detail: độ chi tiết.
+ Brush Affects Anchor Points: ảnh huởng đến điểm neo.
+ Brush Affects In Tangent Handles: ảnh huởng đến tay nắm tiếp tuyến trong.
+ Brush Affects Out Tangent Handles: ảnh huởng đến tay nắm tiếp tuyến ngoài.
+ Show Brush Size: hiển thị kích thuớc của con trỏ.
Hình 8.17: Hình được biến dạng bằng công cụ Crystallize
7. Công cụ Wrinkle —
- Công cụ này dùng để tạo các nếp nhăn trên đối tượng.
- Đe thay đổi các tùy chọn của công cụ, ta nhấp đôi chuột vào công cụ,
một hộp thoại xuất hiện:
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Cơng Nghệ Thơng Tin
Hình 8.18: Hộp thoại Wrinkle Tool Options
+ Width: chiều rộng của công cụ. + Height: chiều cao của cơng cụ. + Angle: góc nghiêng của cơng cụ
+ Intensity: cuờng độ tác động của công cụ. + Horizontal: làm nhăn theo chiều ngang. + Vertical: làm nhăn theo chiều dọc. + Complexity: độ phức tạp.
+ Detail: độ chi tiết.
+ Brush Affects Anchor Points: ảnh huởng đến điểm neo.
+ Brush Affects In Tangent Handles: ảnh huởng đến tay nắm tiếp tuyến trong.
+ Brush Affects Out Tangent Handles: ảnh huởng đến tay nắm tiếp tuyến ngồi.
+ Show Brush Size: hiển thị kích thuớc của con trỏ.
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
BÀI TẬP:
Hãy vận dụng các công cụ và các lệnh biến dạng đối tượng để thực hiện các mẫu sau:
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thơng Tin
HIỆU ÚNG
Mục tiêu
> Trình bày khái niệm hiệu ứng.
> Trình bày chức năng của các hiệu ứng trong chương trình. > Thực hiện các hiệu ứng cho đối tượng.
I. NHÓM 3D:
1. Extrude & Bevel:
- Hiệu ứng tạo khối từ các đối tượng 2D như đối tượng Text, các hình vẽ vector.
- Menu Effect > 3D > Extrude & Bevel.
Hình 9.1: Hộp thoại 3D Extrude & Bevel Options
: độ xoay theo trục X.
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
+ Light Intensity: cường độ ánh sáng. + Ambient Light: ánh sáng xung quanh.
+ Highlight Intensity: cường độ của vùng được chiếu sáng. + Highlight Size: kích thước vùng được chiếu sáng.
+ Blend Steps: số bước hòa trộn.
+ shadng Color: I Black . màu Clia vang đổ bóng. + Preserve Spot Colors: giữ nguyên màu Spot. + Draw Hidden Faces: vẽ luôn những mặt bị ẩn.
- Ví dụ:
Hình 9.2: Hình được tạo bằng hiệu ứng Extude
2. Revolve:
- Hiệu ứng tạo vật thể 3D tròn xoay từ các đường sinh của vật thể đó.
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Cơng Nghệ Thơng Tin
Hình 9.3: Hộp thoại 3D Revolve Options
- Ý nghĩa các thông số tưong tự bảng hiệu ứng Extrude & Bevel.
Hình 9.4: Hình được tạo bằng hiệu ứng Revolve
3. Rotate:
- Hiệu này dùng để xoay đối tượng trong không gian 3D.
- Menu Effect > 3D > Rotate.
Hình 9.5: Hộp thoại 3D Rotate Options
- Ý nghĩa các thông số tương tự bảng hiệu ứng Extrude & Bevel.
Hình 9.6: Hình được xoay bằng hiệu ứng Rotate
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
II. NHÓM DISTORT & TRASFORM:
1. Free Distort:
- Hiệu ứng dùng để biến dạng tự do một đối tượng bằng cách thay đổi vị trí 4 node trong hộp thoại Free Distort.
- Menu Effect > Distort & Transform > Free Distort
Hình 9.7: Hộp thoại Free Distort
- Ví dụ:
2.
Hình 9.8: Hình được biến dạng bằng hiệu ứng Free Distort
Pucker & Bloat:
- Hiệu ứng dùng để nén hoặc thổi phồng một đối tượng bằng cách thay đổi các giá trị Bloat hay Punker trong hộp thoại
- Menu Effect > Distort & Transform > Pucker & Bloat
Hình 9.9: Hộp thoại Pucker & Bloat
- Ví dụ:
Bloat
Punker
►
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
3. Roughen:
- Hiệu ứng dùng để thay đổi đường nét của một đối tượng làm đường cong thành nhiều đoạn gấp khúc, bằng cách thay đổi các giá trị Size và Detail trong hộp thoại
- Menu Effect > Distort & Transform > Roughen
Hình 9.11: Hộp thoại Roughen
- Ví dụ:
Hình 9.12: Hình được tạo bằng hiệu ứng Roughen
4. Transform:
- Hiệu ứng dùng để biến đổi một đối tượng trong các thao tác co giãn đối tượng, di chuyển hoặc xoay đối tượng bằng cách thay đổi các giá trị Scale, Move, Rotate trong hộp thoại.
- Menu Effect > Distort & Transform > Transform Effect
Hình 9.13: Hộp thoại Transform Effect
- Ví dụ: Sao chép thêm 6 đối tượng và xoay ngẫu nhiên.
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thơng Tin
Hình 9.14: Hình được tạo bằng hiệu ứng Transform Effect
5. Tweak:
- Hiệu ứng dùng để thay đổi đường nét của một đối tượng một cách ngẫu nhiên
- Menu Effect > Distort & Transform > Tweak
Hình 9.15: Hộp thoại Tweak
- Ví dụ:
Hình 9.16: Hình được tạo bằng hiệu ứng Tweak
6. Twist:
- Hiệu ứng làm vặn xoắn đối tượng
- Menu Effect > Distort & Transform > Twist
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Cơng Nghệ Thơng Tin
- Ví dụ:
Hình 9.18: Hình được tạo bằng hiệu ứng Tweak
7. Zigzag:
- Tương tự như Roughen nhưng làm cho các điểm neo dịch chuyển những
đoạn bằng nhau.
- Menu Effect > Distort & Transform > Zigzag
Hình 9.19: Hộp thoại Zig Zag
- Ví dụ:
Hình 9.20: Hình được tạo bằng hiệu ứng Zig Zag
III. NHĨM WARP:
- Nhóm hiệu ứng làm biến dạng đối tượng theo một dạng khung bao trong Style của hộp thoại
- Menu Effect > Warps
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin Arc Ọ Arc Lower n Arc Upper B Arch Q Bulge Ọ Shell Lower Ũ Shell Upper & Flag Wave □ Fish E3 Rise o Fisheye 0 Inflate 3 Squeeze ỊỹEỊ Twist
Hình 9.21: Hộp thoại Warp Options và trình đon
- Ví dụ: Ket quả của các hiệu ứng
Hình gốc Arc Arc Upper
ENVELOPE </ ENV
Elope
IV. NHÓM STYLIZE:
Drop Shawdow:
- Hiệu ứng tạo bóng đổ cho đối tuợng.
- Menu Effect > Stylize > Drop Shawdow
- Ví dụ:
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
2. Feather:
- Hiệu ứng tạo độ nhòe biên cho đối tượng.
- Menu Effect > Stylize > Feather
Feather
Feather Radius: Ị-Ệ-Ị [jJElffl- OK
r Preview Cancel ♦I
♦
Hình 9.23: Đối tượng được làm nhòe biên bằng Feather
Inner Glow:
- Hiệu ứng tạo quầng sáng bên trong đối tượng, sáng ngoài mép đối tượng
- Menu Effect > Stylize > Inner Glow
từ tâm ra hoặc từ
Hình 9.24: Đối tượng được tạo quầng sáng bên trong bằng Inner Glow
Outer Glow:
- Hiệu ứng tạo quầng sáng ra bên ngoài đối tượng.
- Menu Effect > Stylize > Inner Glow
Hình 9.25: Đối tượng được tạo quầng sáng bên ngoài bằng Outer Glow
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
5. Round Conners:
- Hiệu ứng dùng để bo tròn các đỉnh của đối tượng
- Menu Effect > Stylize > Round Conners
- Ví dụ:
Radius: [ẼĨẼĨ- r Preview
Round Comers
Hình 9.26: Đối tượng được bo góc bằng Round Corners
6. Scribble:
- Tạo mẫu tô bên trong đối tượng với nét vẽ không đều đặn.
- Menu Effect > Stylize > Scribble
- Ví dụ:
Scribble
■ J '
Scribble
Hình 9.27: Tạo đối tượng vẽ nguệch ngoạc bằng Scribble
V. BLEND
1. Giói thiệu:
Hiệu ứng blend cho phép tạo ra các đối tượng trung gian giữa hai hay nhiều đối tượng được chọn.
Hình 9.28: Tạo hiệu ứng Blend cho đối tượng
2. Tạo hiệu ứng Blend: 2.1 Cách 1:
TLGD Vẽ mẫu 2D với Adobe Illustrator Khoa Công Nghệ Thông Tin
- Vào menu Object / Blends / Blend Option ( nhập số bước chuyển tiếp)
- Vào menu Object / Blends / Make ( đối tượng này sẽ được chuyển tiếp tới đối tượng kia bằng các đối tượng trung gian).
2.2 Cách 2:
- Tạo hai hoặc nhiều đối tượng và sắp đặt vị trí theo ý
- Chọn cơng cụ Blend.
- Lần lượt click vào các đối tượng
3. Hiệu chỉnh khối blend:
- Chọn khối blend cần hiệu chỉnh.
- Menu Object / Blend / Blend Options
Hình 9.29: Hộp thoại Blend Options
+ Spacing: xác định khoảng cách giữa các đối tượng trung gian:
+ Smooth Color: tự động tạo ra số đối tượng trung gian sao cho bước