.20 Ví dụ Roughen

Một phần của tài liệu Giáo trình thiết kế đồ họa 2d (ngành thiết kết và quản lý website trung cấp) (Trang 117 - 130)

– Transform: Thu/phóng, di chuyển, xoay… đối tượng theo những thông số nhất định.

– Tweak: Cũng dùng để làm biến dạng đối tượng một cách ngẫu nhiên.

– Twist: Dùng để vặn xoắn đối tượng.

– ZigZag: Có tác dụng gần giống lệnh Roughen nhưng làm cho các điểm neo dịch

chuyển những đoạn bằng nhau, chứ khơng biến dạng ngẫu nhiên như lệnh Roughen.

Hình 7.21 Ví dụ ZigZag

Nhóm Stylize:

– Drop Shadow: Tạo bóng cho đối tượng.

– Feather: Làm mờ từ viền vào trong.

– Inner Glow: Tạo phát sáng phía trong (bị chiếu sáng).

– Outer Glow: Tạo phát sáng phía ngồi (tự phát sáng).

– Round Corners: Dùng để bo tròn các đỉnh nhọn của đối tượng thành đỉnh tròn tùy

– Scribble: Biến dạng bề mặt như bức vẽ nguệch ngoạc.

Hình 7.22 Ví dụ Scribble

Rasterize: Chuyển đối tượng về thuộc tính Bitmap.

Nhóm SVG Filters: Các mẫu bộ lọc được tạo sẵn hoặc tự thêm vào các mẫu khác.

Nhóm Warp: gồm 15 loại biến dạng đối tượng. Kế bên có cái icon nhỏ mô tả rất dễ hiểu, bạn cứ thỏa mái trải nghiệm nha!

Hình 7.23 Các dạng Warp

Nhóm hiệu ứng Photoshop Effect trong Illustrator

Nhóm Artistic:

Các lệnh trong nhóm Artistic dùng để tạo các hiệu ứng cọ nghệ thuật cho hình ảnh.

Hình 7.24 Nhóm hiệu ứng Artistic

Nhóm Blur:

Hình 7.25 Nhóm hiệu ứng Blur

Nhóm Brush Strokes:

Các lệnh trong nhóm Brush Strokes dùng để cách điệu hình ảnh bằng cách sử dụng hiệu ứng cọ vẽ và nét vẽ mực khác nhau.

Hình 7.26 Nhóm hiệu ứng Brush Strokes

Nhóm Distort:

Các lệnh trong nhóm Distort làm biến dạng hình học của hình ảnh, tạo hiệu ứng 3D hoặc tái tạo hình dạng khác.

Hình 7.27 Nhóm hiệu ứng Distort

Nhóm Pixelate:

Các lệnh trong nhóm Pixelate xác định rõ ràng bằng cách chụm các điểm ảnh có giá trị màu tương tự nhau vào trong các ơ.

Hình 7.28 Nhóm hiệu ng71 Pixelate

Nhóm Sketch:

Các lệnh trong nhóm Stretch bổ sung họa đồ cấu trúc vào ảnh, thường dùng cho hiệu ứng 3D. Chúng cũng hữu dụng trong việc tạo nét vẽ theo hội họa (hoặc vẽ tay).

Hình 7.29 Nhóm hiệu ứngSketch

Nhóm Stylize:

Các lệnh trong nhóm bộ lọc Stylize tạo nên những hiệu ứng hội họa hoặc thuộc trường phái ấn tượng hình ảnh bằng cách thay thế các điểm ảnh và bằng cách tìm và nâng cao độtương phản trong ảnh.

Nhóm Texture:

Các lệnh trong nhóm bộ lọc Texture cung cấp cho hình ảnh dáng vẻ của độ sâu hay tình trạng của các chất liệu trong thực tế.

Hình 7.30 Nhóm hiệu ứng Texture

BÀI TẬP ÁP DỤNG Bài tập 1:

Hãy vẽlogo “Hàng Việt Nam – Chất lượng cao”

Hướng dẫn:

Copy hình trịn và sửa lại HÀNG VIỆT NAM thành CHẤT LƯỢNG CAO

Dùng pen vẽ chữ V, dùng công cụstart để vẽ ngơi sao

Vẽ hình trịn, canh chỉnh, tơ màu, …để hoàn thành sản phẩm

Bài tập 2:

Dùng pen, hiệu ứng để tạo cây thông như sau:

Hướng dẫn

Bước 1: Vẽ cây thông

Dùng Pen Tool và tô màu (green-darker green) gradient. Tạo hiệu ứng Effect > Distort

Dùng hiệu ứng Roughen với thông số: Size: 5%, Detail:100/in and

select Points=Corner, then click OK.

Bước 2: Tạo Art Brush

Dùng Pen tạo nhánh thông, tô màu xanh đậm, tạo hiệu ứng Roughen. Copy thêm, bóp nhỏ và tơ màu nhạt hơn. Copy thêm, bóp nhỏ và tơ màu nhạt hơn nữa.

Tạo brush mới

Chỉnh thơng sốnhư hình

Bước 3: Tạo nhánh thông

Dùng Pen Tool vẽ những đường path như giống, sau đó áp cọ vừa định nghĩa vào

Bước 4.Tạo những trái bóng giáng sinh

Bước 5.Tạo bóng đèn

Vẽ những bóng đèn, tạo New Scatter Brush

Chỉnh thơng sốnhư hình:

Bước 6.Tạo bóng đèn

Dùng Pen Tool, vẽ một đường zig zag. Áp brush vừa chỉnh trên vào.

Bài tập 3:

Dùng công cụ pen và hiệu ứng 3D / Revolve để tạo các hình sau:

Bài tập 4:

Dùng công cụType on a path và pen để tạo hình theo mẫu sau:

Bài tập 5:

Bài tập 6:

Hãy thiết kế brochure 1 gấp thỏa các yêu cầu sau:

 Nội dung: tự chọn (spa, café, bánh ngọt, gà kfc, …)

 Kích thước bằng A4

 Chừa lề, canh chỉnh khoảng cách, canh lề, chọn hình, màu sắc, kích cỡ, … cho phù hợp.

TT Tên tác giả Tên sách – giáo trình NXB Năm XB I Nguyễn Đức Hiếu Tự học Illustrator CS6 trong thiết kế đồ họa NXB Hồng Đức 2013 II Nhiều tác giả Tự học Illustrator CS5 NXB Giao

thơng vận tải

Hình 1.1 Giao diện Illustrator ......................................................................................... 1

Hình 1.2: Thanh trạng thái trong illustrator ................................................................... 2

Hình 1.3 Vùng Artboard trong illustrator ....................................................................... 2

Hình 1.4 Tùy biến cho Workspace ................................................................................. 3

Hình 1.5 Đặt tên cho Wordspace ................................................................................... 3

Hình 1.6 Bảng cơng cụ .................................................................................................. 4

Hình 1.7 Bảng preferences ............................................................................................ 5

Hình 1.8 Bảng tùy chỉnh trước khi in ............................................................................ 6

Hình 1.9 Bảng Print Preset ............................................................................................ 6

Hình 1.10 Menu tạo mới ................................................................................................ 7

Hình 1.11 Bảng tạo file mới .......................................................................................... 7 Hình 1.12 Bảng tạo mới từ Template ............................................................................ 9 Hình 1.13 Menu lưu ........................................................................................................ 9 Hình 1.14 Bảng lưu Template ..................................................................................... 10 Hình 1.15 Tạo nhiều artboard ...................................................................................... 10 Hình 1.16 Chọn cơng cụ artboard ................................................................................ 11

Hình 1.17 Hộp thoại lưu file ........................................................................................ 12

Hình 1.18 Các định dạng file ....................................................................................... 13

Hình 1.19 Bảng chọn phiên bản lưu ............................................................................ 13

Hình 1.20 Menu mở file mới ........................................................................................ 14

Hình 1.21 Bảng link .................................................................................................... 15

Hình 1.22 Trước khi sử dụng cơng cụ zoom ................................................................ 15

Hình 1.23 Sau khi sử dụng cơng cụ zoom .................................................................... 16

Hình 1.24 Bảng navigator ............................................................................................ 16

Hình 1.25 Đổi đơn vịđo .............................................................................................. 17

Hình 1.26 Sử dụng đường guide .................................................................................. 17 Hình 1.27 Giao diện có bật lưới .................................................................................. 18 Hình 2.1 Bảng layer ..................................................................................................... 19 Hình 2.2 Bảng xác lập tùy chọn layer .......................................................................... 20 Hình 2.3 Các thành phần của bảng layer ..................................................................... 21 Hình 2.4 Các nút trong bảng Layer .............................................................................. 22 Hình 2.5 Đảo thứ tự các layer ....................................................................................... 23

Hình 2.6 Các layer con của layer 1 ............................................................................... 24

Hình 2.7 Chèn file ảnh vào trong file của illustrator .................................................... 25

Hình 2.8 Bảng layer thường và bảng layer template .................................................... 25

Hình 2.9 Ví dụ cách xoay đối tượng ........................................................................... 26

Hình 2.10 Ví dụcách xoay đối tượng ......................................................................... 27

Hình 2.11 Group Selection click 1 lần ........................................................................ 27

Hình 2.12 Group Selection click 2 lần ......................................................................... 28

Hình 2.13 Group Selection click 3 lần ........................................................................ 28

Hình 2.14 Bảng option của pencil ................................................................................ 28

Hình 2.15 Bảng option của Smooth ............................................................................. 31

Hình 2.16 Cơng cụ Eraser ............................................................................................ 32

Hình 3.1 Bảng pathfinder ............................................................................................. 44

Hình 3.2 Các nút lệnh trong Shape Modes ................................................................... 44

Hình 3.5 Ví dụ sau khi chọn lệnh Intersect .................................................................. 45

Hình 3.6 Ví dụ sau khi chọn lệnh Exclude ................................................................... 46

Hình 3.7 Các nút lệnh trong nhóm Pathfinder .............................................................. 46

Hình 3.8 Ví dụ sau khi dùng lệnh Divide ..................................................................... 46

Hình 3.9 Ví dụ sau khi dùng lệnh Crop ........................................................................ 47

Hình 3.10 Ví dụ sau khi dùng lệnh Minus Back .......................................................... 47

Hình 3.11 Ví dụ sử dụng cơng cụ Rotate ..................................................................... 48

Hình 3.12 Bảng Rotate ................................................................................................. 49

Hình 3.13 Bảng Reflect ................................................................................................ 49

Hình 3.14 Ví dụ sau khi sử dụng lẹnh Rotate............................................................... 49

Hình 3.15 Ví dụ sử dụng cơng cụ Shear ....................................................................... 50

Hình 3.16 Bảng thuộc tính của Shear ........................................................................... 50

Hình 4.1 Bảng chọn tơ màu Gradient ........................................................................... 55

Hình 4.2 Bảng thuộc tính của Gradient ........................................................................ 55

Hình 4.3 Bảng tơ màu nền và tơ màu viền ................................................................... 56

Hình 4.4 Bảng thuộc tính của tơ viền ........................................................................... 56

Hình 4.5 Ví dụ áp dụng thuộc tính của tơ viền ............................................................ 57

Hình 4.6 Bảng Stroke ................................................................................................... 57

Hình 4.7 Ví dụ sử dụng đường viền ............................................................................. 58

Hình 4.8 Bảng Color ..................................................................................................... 58

Hình 4.9 Bảng màu Color Picker ................................................................................. 60

Hình 4.10 Bảng màu Swatches ..................................................................................... 61

Hình 4.11 Cách tạo màu mới trong bảng Swatches ..................................................... 63

Hình 5.1 Ví dụ brush .................................................................................................... 71

Hình 5.2 Bảng Brush .................................................................................................... 72

Hình 5.3 Thư viện Brush .............................................................................................. 72

Hình 5.4 Bảng tạo Brush mới ....................................................................................... 73

Hình 5.5 Bảng chọn loại Brush .................................................................................... 73

Hình 5.6 Bảng thơng số của Brush ............................................................................... 74

Hình 5.7 Bảng thơng số của Calligraphic Brush .......................................................... 74

Hình 5.8 Bảng thơng số của Art Brush......................................................................... 75

Hình 5.9 Bảng thơng số của Pattern Brush................................................................... 76

Hình 5.10 Bảng Symbol ............................................................................................... 77

Hình 5.11 Cách mở thư viện của Symbol ................................................................... 78

Hình 5.12 Symbols và các chủđề của Symbols ......................................................... 78

Hình 5.13 Ví dụ ánh xạ đối tượng symbol và đối tượng 3D ........................................ 79

Hình 5.14 Cách tạo hiệu ứng 3D .................................................................................. 79

Hình 5.15 Bảng thuộc tính của 3D ............................................................................... 80

Hình 5.16 Cách áp Map Art cho 3D ............................................................................. 80

Hình 5.17 Ví dụ áp Map Art cho 3D ............................................................................ 81

Hình 5.18 Bảng Symbol và tạo đối tượng Symbol ...................................................... 81

Hình 5.19 Lưu symbol vào thư viện ............................................................................. 82

Hình 5.20 Mở bảng Symbol vừa định nghĩa ở file mới. ............................................. 82

Hình 6.1 Ví dụ sử dụng Clipping Mask cho hình........................................................ 86

Hình 6.2 Ví dụ sử dụng Clipping Mask cho text .......................................................... 87

Hình 6.3 Ví dụ sử dụng Clipping Mask ....................................................................... 88

Hình 6.6 Ví dụ tơ màu Gradient dạng Radial ............................................................... 91

Hình 6.7 Ví dụ tơ màu Gradient dạng Radial ............................................................... 92

Hình 6.8 Ví dụ tơ màu Gradient dạng Linear ............................................................... 92

Hình 6.9 Ví dụ Blend .................................................................................................... 93

Hình 6.10 Ví dụ dùng blend của 2 hình chữ nhật bo góc ............................................. 93

Hình 6.11 Bảng thuộc tính của Blend .......................................................................... 93

Hình 7.1 Các dạng cơng cụ Type ................................................................................. 96

Hình 7.2 Văn bản dưới dạng điểm .............................................................................. 97

Hình 7.3 Văn bản dưới dạng vùng ............................................................................... 97

Hình 7.4 Văn bản trong đường dẫn .............................................................................. 97

Hình 7.5 Văn bản trên đường dẫn ................................................................................ 98

Hình 7.6 Văn bản theo chiều dọc ................................................................................. 98

Hình 7.7 Văn bản trong đường dẫn theo chiều dọc ...................................................... 98

Hình 7.8 Văn bản sổ xuống theo đường dẫn ................................................................ 98

Hình 7.9 Ví dụtext theo đường path ............................................................................ 99

Hình 7.10 Ví dụ hiệu chỉnh text theo đường path ........................................................ 99

Hình 7.11 Menu hiệu chỉnh text theo đường path ...................................................... 100

Hình 7.12 abc .............................................................................................................. 100

Hình 7.13 Bảng thuộc tính của text theo đường path ................................................. 100

Hình 7.14 Ví dụ hiệu chỉnh text theo đường path ...................................................... 100

Hình 7.15 Ví dụ hiệu ứng text theo đường path ......................................................... 101

Hình 7.16 Bảng Warp Options ................................................................................... 102

Hình 7.17 Ví dụ áp dụng Warp .................................................................................. 102

Hình 7.18 Ví dụ áp dụng Envelop Mesh .................................................................... 103

Hình 7.19 Ví dụ chuyển text thành outline................................................................. 104

Hình 7.20 Ví dụ Roughen ........................................................................................... 105 Hình 7.21 Ví dụ ZigZag ............................................................................................. 105 Hình 7.22 Ví dụ Scribble ............................................................................................ 106 Hình 7.23 Các dạng Warp .......................................................................................... 106 Hình 7.24 Nhóm hiệu ứng Artistic ............................................................................. 106 Hình 7.25 Nhóm hiệu ứng Blur .................................................................................. 107 Hình 7.26 Nhóm hiệu ứng Brush Strokes .................................................................. 107 Hình 7.27 Nhóm hiệu ứng Distort .............................................................................. 107 Hình 7.28 Nhóm hiệu ng71 Pixelate .......................................................................... 107 Hình 7.29 Nhóm hiệu ứngSketch ............................................................................... 108 Hình 7.30 Nhóm hiệu ứng Texture ............................................................................. 108

Một phần của tài liệu Giáo trình thiết kế đồ họa 2d (ngành thiết kết và quản lý website trung cấp) (Trang 117 - 130)

Tải bản đầy đủ (PDF)

(130 trang)