giáo trình thiết kế sản phẩm với illustrator nghề tin học ứng dụng cao đẳng

GVBS: Phan Thị Ph°¡ng Trang Trang 13 Ví dÿ: Logo cāa Firefox sử dÿng cách phái màu t°¡ng phÁn bổ sung màu cận bổ túc.. GVBS: Phan Thị Ph°¡ng Trang Trang 14 Nguyên lý phái màu đ¡n sắc l

Trang 1

TR¯äNG CAO ĐẲNG BÁCH KHOA NAM SÀI GÒN

GIÁO TRÌNH MÔN HàC/MÔ ĐUN: THIÀT KÀ SÀN PHÀM VâI ILLUSTRATOR

NGÀNH/NGHÂ: TIN HàC ĀNG DĀNG

TRÌNH Đà: CAO ĐẲNG

Ban hành kèm theo Quy ết định số: 459/QĐ-NSG, ngày 31 tháng 08 năm 2022

c ủa Hiệu trưởng Trường Cao Đẳng Bách Khoa Nam Sài Gòn

TP Hồ Chí Minh, năm 2022

Trang 2

GVBS: Phan Thị Ph°¡ng Trang Trang 2

Trang 3

L äI GIâI THIÞU

Giáo trình <Thiết kế sÁn phẩm với Illustrator= là tài liệu đ°ợc biên so¿n để phÿc vÿ cho việc giÁng d¿y và học tập cāa giÁng viên và sinh viên hệ Cao đẳng ngành Tin học Ăng dÿng Tài liệu cung cấp những kiến thăc c¡ bÁn về vẽ đã họa trên máy tính

Giáo trình đ°ợc biên so¿n theo đề c°¡ng môn học <Thiết kế sÁn phẩm với Illustrator= cāa hệ cao đẳng ngành Tin học Ăng dÿng Nội dung cāa giáo trình này bao gãm 04 ch°¡ng:

Trang 4

M ĀC LĀC

Ch°¡ng 1 Lý thuyết đã họa c¡ bÁn 7

1.1 Lý thuyết về màu trong thiết kế 7

1.1.1 T° duy màu trong thiết kế 7

1.1.2 Bánh xe màu 8

1.1.3 Học về màu c¡ bÁn, màu thă cấp, màu bổ túc qua ví dÿ 10

1.1.4 Nguyên lý phái màu sử dÿng màu t°¡ng đãng 13

1.1.5 Nguyên lý phái màu đ¡n sắc 14

1.1.6 Định nghĩa về tone màu 16

1.1.7 Quy tắc phái màu trong thiết kế 16

1.1.8 Tính cách màu qua ví dÿ 17

1.2 Lý thuyết về Typography trong thiết kế 18

1.2.1 Lý thuyết về chữ 18

1.2.2 TÁi font, tìm font và sử dÿng font 20

1.2.3 Các quy tắc và lỗi th°ờng gặp trong kết hợp chữ 20

1.3 Lý thuyết về bá cÿc trong thiết kế 21

1.3.1 Lý thuyết và tầm quan trọng cāa bá cÿc 21

1.3.2 Phân lo¿i và sử dÿng bá cÿc 22

1.4 Lý thuyết về quy trình thiết kế 26

Ch°¡ng 2 Illustrator 29

2.1 Làm quen với Illustrator 29

2.1.1 Tìm hiểu thanh công cÿ, cách sử dÿng 29

2.1.2 Các thao tác vẽ hình c¡ bÁn với hình vẽ 31

2.1.3 Thực hành vẽ các hình khái theo mẫu 37

2.1.4 QuÁn lý trang làm việc và đái t°ợng 38

2.2 Công cÿ biến đổi đái t°ợng trong Illustrator 40

2.2.1 Bộ công cÿ cắt hình pathfinder 40

2.2.2 Công cÿ tách đái t°ợng thông minh 44

2.2.3 Công cÿ biến đổi đ°ờng viền cāa đái t°ợng 47

2.2.4 Thực hành ph°¡ng pháp vẽ đái xăng trÿc trong thiết kế logo 51

2.2.5 Pen Tool và ph°¡ng pháp một phần t° cung tròn 54

2.2.6 Bài tập áp dÿng 60

2.3 Tìm hiểu về màu sắc trong Illustrator 63

2.3.1 Tìm hiểu về màu sắc và cách tô màu đái t°ợng 63

2.3.2 Công cÿ tô màu Gradient Tool 66

2.3.3 Thực hành vẽ và tô màu đái t°ợng theo mẫu 68

2.3.4 Vẽ phái cÁnh trong Illustrator 81

2.3.5 Làm việc với Brush, Symbols 88

2.3.6 Bài tập 91

2.4 Làm việc hiệu quÁ h¡n với Layer 104

Trang 5

2.4.1 BÁng lệnh Layer Palette 104

2.4.2 T¿o mới và tùy chỉnh Layer – Sublayer 106

2.5 Làm việc với văn bÁn trong illustrator 109

2.5.1 Point Type và Area type 109

2.5.2 Type panel 111

2.5.3 Đ°a văn bÁn theo hình đái t°ợng 115

2.5.4 Convert text thành Path 118

2.5.5 Bài tập 119

2.6 Các hiệu ăng trong Illustrator 122

2.6.1 Blend 122

2.6.2 Envelope Distort 126

2.6.3 Clipping mask 128

2.6.4 Menu Effect 130

2.6.5 Thực hành vẽ và t¿o đái t°ợng qua ví dÿ mẫu 138

Ch°¡ng 3 In ấn và xuất bÁn tài liệu 144

3.1 In ấn dựa trên file gác thiết kế 144

3.1.1 Các yếu tá Ánh h°ởng đến chất l°ợng cāa file in ấn 144

3.1.2 L°u ý khi xuất file để in ấn 145

3.1.3 Đóng gói file 146

3.1.4 In trực tiếp trên file thiết kế: 146

3.2 In file dựa theo định d¿ng PDF 147

3.3 In file thiết kế theo định d¿ng in Ánh 148

3.3.1 Xuất file JPG trong AI để dùng trong in ấn 148

3.3.2 Xuất file PNG trong AI dùng để in ấn 149

3.4 Tái °u hóa khi l°u file đ°a lên web 151

Ch°¡ng 4 Thực hành một sá sÁn phẩm 152

4.1 Thiết kế standee 152

4.1.1 Công dÿng cāa Standee 152

4.1.2 Phân lo¿i Standee 152

4.1.3 Đặc tr°ng c¡ bÁn cāa Standee 153

4.1.4 Tiêu chuẩn khi thiết kế Standee 153

4.2 Thiết kế kẹp file, folder 153

4.2.1 Công dÿng cāa kẹp file / folder 154

4.2.2 Kích th°ớc kẹp file 154

4.2.3 Nội dung kẹp file tài liệu 154

Trang 6

GIÁO TRÌNH MÔN H àC/MÔ ĐUN Tên môn h ác/mô đun: ThiÁt kÁ sÁn phÁm vãi Illustrator

Mã môn h ác/mô đun: MH17

V ß trí, tính chất, ý nghĩa và vai trò cÿa môn hác/mô đun:

- Vị trí:

Môn học Thiết kế sÁn phẩm với Illustrator chuyên ngành trong ch°¡ng trình đào t¿o

hệ cao đẳng ngành Thiết kế đã ho¿ Môn học Thiết kế sÁn phẩm với Illustrator học sau khi đã

học xong môn Mỹ thuật ăng dÿng

- Tính chất:

Môn Thiết kế sÁn phẩm với Illustrator là môn học cung cấp kiến thăc c¡ bÁn về vẽ đã họa trên máy tính

- Ý nghĩa và vai trò cāa môn học/mô đun:

M āc tiêu cÿa môn hác/mô đun: Sau khi học xong môn học / mô đun này, sinh viên

có khÁ năng:

- Về kiến thăc:

+ Trình bày đ°ợc các nguyên tắc trong thiết kế đã họa

+ Trình bày đ°ợc nguyên tắc trong bá cÿc hình Ánh và văn bÁn

+ Hiểu rõ chăc năng cāa các lệnh cāa phần mềm thiết kế

+ Hiểu đ°ợc nguyên tắc phái màu trong thiết kế

Trang 7

Ch°¡ng 1 Lý thuyÁt đồ háa c¡ bÁn

Māc tiêu: Sau khi học xong chương này sinh viên có thể:

 Trình bày được lý thuyết về màu sắc và nguyên tắc phối màu trong thiết kế

 Cách pha màu, phối màu theo gam và ứng dụng màu trong thiết kế

1.1 Lý thuyÁt vÃ màu trong thiÁt kÁ

Màu sắc đóng vai trò quan trọng trong thiết kế và cuộc sáng Nó có thể thu hút ánh nhìn vào một băc hình, kh¡i dậy một xúc cÁm, thậm chí là truyền đi những điều quan trọng

mà không cần dùng đến từ ngữ

Màu sắc là con đẻ cāa ánh sáng Màu sắc là ánh sáng Màu sắc mà chúng ta phân biệt

từ ánh sáng là những cÁm giác

+ Sự phÁn chiếu cāa ánh sáng trên những vật thể màu sắc ánh sáng

+ Màu cāa vật thể mà ta cÁm nhận đ°ợc là sự cộng h°ởng cāa màu ánh sáng

với màu cāa bÁn thân vật thể đó, màu cāa các sự vật lân cận tác động vào, màu cāa bầu khí quyển đang bao bọc chung quanh đó nữa

- Theo quang học: Khi luãng áng sáng trắng đi qua lăng kính mặt trời thì tách ra 7 sắc gãm: Vàng, cam, đß, lÿc, lam, chàm, tím

- Trong hội họa thì màu là những chất liệu cÿ thể do những sắc tá đ°ợc chiết ra từ khoáng chất, hoá chất, thÁo mộc Ā màu sắc tá

- Đen, trắng: Màu vô sắc

Ba y Áu tß c¡ bÁn cÿa màu sắc:

 Tone (sắc độ): Độ đậm hoặc nh¿t cāa một màu nào đó khi pha trắng hoặc pha

đen Pha thêm trắng để đ°ợc các màu có sắc độ nhẹ h¡n (Tints) Pha thêm đen

để đ°ợc các màu có sắc độ sậm h¡n (Shades)

Trang 8

 Value (quang độ): Độ sáng hoặc tái cāa một màu, là tác dÿng liên kết giữa các

độ đậm nh¿t này với độ đậm nh¿t kia Ví dÿ: trong vòng thuần sắc, vàng là màu

có đỉnh quang độ sáng nhất, tím là màu có đỉnh quang độ tái nhất do sự đập mắt

 Intensity (cường độ): Là măc độ m¿nh hay yếu cāa một màu nào đó (thị giác

cÁm nhận đ°ợc độ t°¡i thắm) do sự kích thích thị giác Ví dÿ: Vàng - Quang độ sáng h¡n; Cam - C°ờng độ m¿nh h¡n do độ t°¡i thắm cāa nó

Bánh xe màu (Vòng thuần sắc) là một vòng tròn thể hiện các màu sắc, xếp theo thă tự

cầu vãng và th°ờng đóng bởi sự chuyển màu từ đß sang tím Nó cho thấy tác dÿng cāa các lo¿i màu sắc Vị trí cāa màu sắc xung quanh bánh xe không phÁi là ngẫu nhiên Sự sắp xếp màu sắc xung quanh bánh xe màu t°¡ng ăng với b°ớc sóng ánh sáng nh° lần đầu tiên đ°ợc thể hiện trong vòng tròn màu ban đầu cāa Isaac Newton M°ời hai màu sắc cāa bánh xe màu đ°ợc chia thành các màu c¡ bÁn, màu thă cấp và màu tam cấp (hay có tên gọi là Primary, Secondary, Tertiary)

Trang 9

 Màu cơ bản (Primary): Còn gọi là màu chính, màu c¡ bÁn, màu bậc nhất bao

gãm: vàng, đß và xanh lam Từ nhóm 3 màu này có thể pha ra các màu khác trừ đen và trắng

 Màu bậc hai (Secondary): Còn gọi là màu phÿ, màu thă cấp bao gãm: cam,

xanh lÿc và tím Nhóm màu bậc hai đ°ợc phái hợp từ mỗi cặp 2 màu bậc nhất với phân l°ợng nh° nhau Trong đó cam đ°ợc phái hợp từ đß và vàng, xanh lÿc

từ vàng với xanh lam, còn tím là kết quÁ pha trộn giữa xanh lam và đß

 Màu bậc ba (Tertiary): Khi phái trộn mỗi cặp 1 màu bậc nhất và 1 màu bậc hai

đăng c¿nh nhau trên vòng thuần sắc với phân l°ợng nh° nhau sẽ t¿o nên một màu bậc ba, bao gãm 6 màu: vàng-lÿc, lam-lÿc, lam-tím, đß-tím, đß-cam và vàng-cam

Trang 10

Trang 11

- B ổ túc trực tiếp (Complementary Colors): Các màu nằm đái diện nhau trong vòng

tuần hoàn màu sắc bổ sung trực tiếp cho nhau Độ t°¡ng phÁn cao cāa các màu bổ túc trực tiếp t¿o nên sự sáng động, đặc biệt trong tr¿ng thái bão hòa Vì thế, tránh l¿m dÿng trừ khi muán làm nổi bật điều đó phÁi đ°ợc sử dÿng hợp lý để tránh bị rực chói Màu bổ túc trực tiếp cũng không thích hợp cho văn bÁn

- Màu c ận bổ túc (Split Complementary Colors): Đây là biến thể cāa màu bổ túc trực

tiếp Hai màu t°¡ng đãng nằm kế bên màu bổ túc trực tiếp sẽ bổ túc xen kẽ cho màu t°¡ng phÁn đó, t¿o thành một hình tam giác cân Cặp màu t°¡ng đãng sẽ đóng vai trò làm nền, trong khi màu t°¡ng phÁn đóng vai trò là điểm nhấn Sự kết hợp này vẫn giữ đ°ợc măc độ t°¡ng phÁn nh° bổ túc trực tiếp nh°ng ít căng thẳng h¡n

- B ổ túc bộ ba (Triadic Colors): cũng gãm 3 màu nh°ng nằm cách đều nhau trên vòng

tuần hoàn màu sắc và t¿o thành tam giác đều Do đó, nó không thể hiện sự nổi trội rõ ràng cāa riêng cá nhân màu nào và có xu h°ớng rất rực rỡ khi kết hợp với nhau, cho dù ở tr¿ng thái không bão hòa

Trang 12

- B ổ túc bộ 4 (Rectangle Colors): Hay còn gọi là bổ túc đôi (Double Complementary

Colors) kết hợp 2 cặp màu bổ túc trực tiếp với nhau Đây là mô hình kết hợp rực rỡ nhất do

có sự hiện diện cāa 4 màu khác nhau Chính vì vậy cần chú ý cân đái cho hài hòa, chỉ nên chọn một màu làm chā đ¿o Bổ túc bộ 4 có thể có nhiều biến thể với khoÁng cách cāa 2 màu đăng c¿nh nhau lớn Tuy nhiên, khoÁng cách giữa các màu càng lớn, măc độ t°¡ng phÁn giữa các màu càng cao

Ăng dÿng màu bổ túc trong các bao bì sÁn phẩm, poster quÁng cáo, sách, t¿p chí

Trang 13

Ví dÿ: Logo cāa Firefox sử dÿng cách phái màu t°¡ng phÁn bổ sung (màu cận bổ túc) Màu chā đ¿o là màu cam cāa con cáo, đ°ợc hỗ trợ bởi màu xanh cāa quÁ địa cầu, với màu vàng nổi bật ở đuôi

Màu t°¡ng đãng th°ờng là 3 màu liền kề nhau trong bánh xe màu, chúng t¿o nên kiểu phái màu nhã nhặn và rất thu hút, liên kết nhau chặt chẽ, không phân biệt nóng l¿nh (mở rộng

cÁ khi pha với trắng hoặc đen)

Analogous – Phái màu t°¡ng đãng cho lựa chọn về màu sắc đa d¿ng h¡n so với cách phái màu đ¡n sắc, giúp dễ dàng phân biệt những nội dung khác nhau trên cùng 1 bÁn thiết kế Tuy sử dÿng kỹ thuật pha trộn nhiều màu sắc nh°ng do những màu này đăng cùng nhau trên cùng 1 vòng tròn màu nên kỹ thuật phái màu này không gây nhăc mắt cho ng°ời xem, ng°ợc l¿i; còn rất êm dịu, vừa mắt

Với cách phái màu này, sẽ bắt đầu từ việc chọn 1 màu sắc chā đ¿o Đây là màu chính trong tác phẩm và các màu sắc khác phÁi t°¡ng tác tát với màu chā đ¿o Tiếp đó, sẽ chọn màu thă 2 với công dÿng nhằm phân biệt các typeface và các nội dung quan trọng Màu thă 3 trong thiết kế th°ờng là các chi tiết không quá quan trọng và chā yếu dùng để trang trí

Trang 14

Nguyên lý phái màu đ¡n sắc là chỉ sử dÿng 1 màu chā đ¿o hoặc đôi khi có thể sử dÿng nhiều sắc độ khác nhau cāa 1 màu để chúng cộng h°ởng với nhau

Trang 15

Quá trình này khá đ¡n giÁn, dễ làm vì thế các thiết kế sử dÿng phái màu đ¡n sắc luôn t¿o cÁm giác dễ chịu cho ng°ời nhìn Tuy nhiên chính vì sự đ¡n giÁn đó mà đôi khi sẽ cÁm

thấy các thiết kế này khá đ¡n điệu Và một khó khăn có thể gặp phÁi khi sử dÿng phái màu đ¡n sắc chính là việc t¿o điểm nhấn cho một sá chi tiết trên bÁn thiết kế cāa mình

Kỹ thuật phái màu đ¡n sắc đ°ợc sử dÿng phổ biến trong các thiết kế website phong cách phẳng và tái giÁn – phong cách thiết kế đang rất đ°ợc °a chuộng hiện nay Sự đ¡n giÁn cāa chúng, giúp ng°ời nhìn không bị xao lãng quá nhiều vào các chi tiết khác, tập trung vào những yếu tá quan trọng nh° nội dung và t°¡ng tác Ngoài ra thì kỹ thuật này cũng đ°ợc sử dÿng trong quá trình làm cho các typeface đ¡n giÁn trở nên sắc nét và hấp dẫn h¡n

Trang 16

Hue về c¡ bÁn là tổ hợp 12 màu đậm nh¿t khác nhau trên bánh xe màu Hue đóng vai trò nh° một yếu tá c¡ bÁn trong màu sắc Hue có thể đ°ợc chuyển hóa thành 3 d¿ng khác nhau: sắc thái màu (tint), đổ bóng (shade) và tông màu (tone)

 Tint: Hue + màu trắng

 Shade: Hue + màu đen

 Tone: Hue + màu đen + màu trắng

Tông màu: Chỉ một màu đóng vai trò chā đ¿o và phát triển thành các măc độ đậm, nh¿t khác nhau dựa trên màu chā đ¿o Chúng ta có thể nhóm các tông màu nh°: Màu mát, màu l¿nh, màu ấm, màu t°¡i, màu nóng và màu nh¿t

Quy tắc 60 – 30 – 10 là một quy tắc vàng th°ờng đ°ợc áp dÿng trong thiết kế Công thăc này t¿o ra sự cân bằng, hài hòa và cho phép mắt di chuyển thoÁi mái và không bị mßi:

- Màu chā đ¿o để trang trí chiếm 60% tổng thể thiết kế, th°ờng sử dÿng các gam màu tint (màu thuần khiết pha thêm trắng)

- 30% sẽ đ°ợc trang trí bởi màu cấp 2, là những màu tone (màu thuần khiết pha thêm xám)

- 10% còn l¿i là những màu sắc thuần khiết đ°ợc sử dÿng để làm điểm nhấn

Trang 17

Nếu muán sử dÿng một vài màu sắc khác ngoài 3 màu trong nguyên tắc 60 – 30 – 10, thì cần nhớ: những màu dùng thêm nhất định phÁi nằm trong 10% cāa màu điểm nhấn

6 cách c¡ bÁn có thể phái cho thiết kế: Monochromatic (phái màu đ¡n sắc); Analogous (Phái màu t°¡ng đãng); Complementary (Phái màu t°¡ng phÁn); Split Complementary (Phái màu bộ ba/ Phái màu tam giác cân); Tetradic (Phái màu hình chữ nhật); Square (Phái màu hình vuông)

1.1.8 Tính cách màu qua ví dā

Màu sắc Ánh h°ởng m¿nh mẽ đến tâm lý con ng°ời bởi đó là một cách truyền đ¿t thông tin về sÁn phẩm hay th°¡ng hiệu tới ng°ời dùng hiệu quÁ Tuy nhiên sÁn phẩm hay th°¡ng hiệu đang nhắm tới ai? Những ng°ời trẻ tuổi hay những ng°ời tr°ởng thành? Đó là môi tr°ờng sôi nổi hay trầm lặng? Con ng°ời có những phÁn ăng cÁm xúc khác nhau đái với từng lo¿i màu khác nhau Chính vì vậy, các th°¡ng hiệu và các nhà thiết kế tiếp thị đã áp dÿng cách phái màu phù hợp để thu hút sự chú ý cāa ng°ời dùng Khi kết hợp màu sắc, hãy chú ý đến ý nghĩa tiềm ẩn cāa chúng, để từ đó, có thể biết cách áp dÿng màu sắc phù hợp và điều h°ớng

ý nghĩa theo ý đã D°ới đây là một sá ý nghĩa tiềm ẩn cāa màu sắc:

- Màu đỏ: là màu có b°ớc sóng dài nhất trên quang phổ và nó là một màu sắc thực sự

thu hút mắt nhìn một cách mãnh liệt Ngoài ra, màu đß đã đ°ợc sử dÿng nh° màu chā đ¿o cho các th°¡ng hiệu nổi tiếng và đem l¿i rất nhiều thành công, ví dÿ nh° Coca Cola, Ferrari F1

và Manchester United Màu sắc này mang ý nghĩa cāa sự mãnh liệt, nhiệt huyết, nh°ng đãng thời cũng mang l¿i cho ng°ời nhìn một cÁm giác nguy hiểm và gay gắt

- Màu cam: Các th°¡ng hiệu nổi tiếng nh° Nickelodeon, Fanta và Amazon đã sử dÿng màu cam để mang l¿i cÁm giác vui vẻ, t°¡i mới và thu hút Màu cam đ¿i diện cho sự sáng t¿o, thành công và nhiệt huyết Nó không quá gắt và mãnh liệt nh° màu đß và cũng không quá vô t° nh° màu vàng

- Màu vàng: là màu cāa nÿ c°ời và tia nắng Nó mang l¿i cÁm giác vui t°¡i, rực rỡ và

l¿c quan Một màu vàng đậm chính là một màu nền tuyệt vời bởi nó có thể dâng cao cÁm xúc cāa ng°ời nhìn một cách nhanh chóng

Trang 18

- Màu xanh (lá): là màu cāa sự phát triển, săc khße và thiên nhiên Ngoài ra nó cũng

là màu cāa sự phãn thịnh Ví dÿ, Spotify và Starbucks đã sử dÿng màu xanh lá trong logo cāa

họ để truyền tÁi một cÁm giác t°¡i mới, hào hăng và trẻ trung

- Màu xanh dương: là màu cāa biển cÁ và bầu trời, chính vì vậy nó mang ý nghĩa cāa

sự bình yên, th° giãn và hòa hợp Sử dÿng màu xanh nhẹ nhàng sẽ mang l¿i một cÁm giác th° giãn, trong khi đó một màu xanh đậm sẽ mang l¿i một cÁm giác năng nổ Ngoài ra, màu xanh d°¡ng cũng là màu cāa sự tin t°ởng và an ninh Ví dÿ: Màu xanh d°¡ng đ°ợc sử dÿng chā yếu trong các m¿ng xã hội và công ty truyền thông nổi tiếng nh° Facebook, Twitter và Skype

- Màu tím: là màu đ°ợc gắn liền với sự trung thành, sang trọng, khôn ngoan và quý phái Trong khi tím lavender mang l¿i một cÁm giác bình yên và th° giãn thì một màu tím rực

rỡ đôi khi l¿i đem đến cho ng°ời nhìn một chút gì đó kiêu ng¿o và áp đÁo Ví dÿ: Các công

ty nổi tiếng nh° Hallmark và Yahoo đã sử dÿng màu tím nh° màu th°¡ng hiệu cāa họ

1.2 Lý thuyÁt vÃ Typography trong thiÁt kÁ

Nghệ thuật sắp chữ – typography là việc vận dÿng các kiến thăc về bá cÿc, màu sắc, đ°ờng nét, hình khái& kết hợp với kiểu chữ, kích th°ớc t¿o hiệu ăng thị giác cho sÁn phẩm, đ¿t đ°ợc thị hiếu cāa khách hàng

Ngày nay, trong bất kì một sÁn phẩm đã họa nào có sử dÿng chữ, cũng đều có nghệ thuật sắp đặt chữ Typography càng ngày càng đóng một vai trò quan trọng trong thiết kế đã họa

Phân tích cấu t¿o cāa một chữ cái: Một chữ cái đ°ợc cấu thành từ nhiều thành tá Mỗi thành tá đều đóng một vai trò quan trọng

Trang 19

 Ascender line: đ°ờng kẻ trên

 Descender line: đ°ờng kẻ d°ới

 Base line: đ°ờng gác để đặt chữ lên

 Median: đ°ờng cao giới h¿n cāa chữ th°ờng

 x – height: độ cao chữ th°ờng

 Cap - height: độ cao chữ hoa

 Stroke: đ°ờng viền chữ

 Set width: độ rộng một chữ

 Bar / cross bar: đ°ờng thẳng / đo¿n thẳng

 Terminal: đ°ờng hắt trang trí đuôi chữ

 Counter: không gian phía trong bÿng chữ

 Loop: vòng xoắn ( xuất hiện trong chữ <g=)

 Bowl: bÿng chữ

 Spur: đ°ờng hắt

 Kerning: khoÁng cách giữa hai chữ cái (hoặc các ký tự khác nh°: sá, dấu câu,&)

và quá trình điều chỉnh khoÁng cách để giÁm khoÁng tráng không phù hợp giữa các chữ cái hay tăng khoÁng tráng giữa các ký tự khó đọc

Trang 20

 Leading: khoÁng cách giữa các dòng Mÿc đích cāa leading là giúp cho văn bÁn càng dễ đọc càng tát Giãn dòng quá lớn hoặc quá nhß đều khiến ng°ời đọc cÁm thấy khó chịu

 Tracking: Là độ giãn cách các chữ cái với nhau Với một sá thiết kế, việc tùy chỉnh kỹ thuật tracking sẽ đem l¿i những yếu tá hiệu quÁ về mặt nghệ thuật nhất định Nó cũng có thể giúp sửa các font chữ có giãn cách không tát

Các website cho phép tÁi font: DaFont, Font Squirrel, Behance, FontSpring

- Hiểu rõ đặc tr°ng cāa từng font chữ: mỗi font chữ có đặc tr°ng riêng và tùy từng tr°ờng hợp mà font này sẽ đ°ợc yêu thích h¡n font khác

- Không dùng quá nhiều font chữ khác nhau cùng một lúc: Mÿc đích quan trọng cāa việc sử dÿng h¡n một font là để t¿o sự nhấn m¿nh hoặc để phân biệt những phần khác nhau cāa bài text Khi sử dÿng quá nhiều font, trang thiết kế trở nên rái rắm và ng°ời đọc không phân biệt đ°ợc đâu là phần quan trọng

- Không kết hợp những font nhìn quá giáng nhau: Khi việc này xÁy ra, nhìn vào bài text có cÁm giác nh° font bị lỗi

- Dùng size chữ phù hợp để việc đọc dễ dàng: Những size từ 8 đến 12 point cho khoÁng cách từ mắt đến văn bÁn là 30 – 35 cm Tuy nhiên đái với những font chữ khác nhau thì size cũng khác nhau

- Tránh dùng quá nhiều size chữ và độ nặng khác nhau cùng một lúc: chỉ dùng những

co chữ và những độ nặng vừa đā để xác định rõ ràng những khác nhau trong bài text Thông th°ờng không nên dùng 2 font khác nhau cho 1 bài text: 1 cho tiêu đề, 1 cho bodytext Việc h¿n chế sá l°ợng font chữ để t¿o cho trang layout dễ đọc và lôi cuán

- Tránh sử dÿng những font chữ quá nặng hoặc quá nhẹ (Phÿ thuộc vào đ°ờng nét):

Độ nặng cāa font phÿ thuộc vào độ dày cāa nét chữ Nếu font chữ quá nhẹ sẽ t¿o cÁm giác bị chìm vào nền, gây khó đọc Font chữ quá nặng t¿o sự t°¡ng phÁn m¿nh với nền làm bài text trở nên khó đọc Lý t°ởng cho bài text là dùng font chữ có độ nặng trung bình

Trang 21

- Đái với các bài text, khoÁng cách giữa chữ và từ phÁi chặt chẽ, nhằm t¿o một kết cấu đều và trôi chÁy, không l¿m dÿng việc tăng khoÁng cách giữa chữ và từ một cách quá đáng

- Độ dài cāa dòng phÁi thích hợp, dòng quá dài hay quá ngắn đều gây cÁn trở qui trình đọc Khi các dòng text quá dài, việc đọc trở nên dài dòng và mệt mßi Khi các dòng text quá dài, việc chuyển qua các dòng khác sẽ gây khó khăn và gây ra việc lộn dòng Đái với dòng quá ngắn, mắt ng°ời phÁi đÁo qua đÁo l¿i liên tÿc, gây mßi mắt và t¿o sự khó chịu cho ng°ời đọc Thích hợp nhất cho mỗi dòng từ 10 đến 12 từ

- Điều chỉnh khoÁng cách dòng: khoÁng cách dòng (leading) phÁi thích hợp để mắt chúng ta đi từ dòng này đến dòng khác một cách dễ dàng Trên máy tính: Kích cỡ chữ + 20% size Ví dÿ: Font size = 10 Ā khoÁng cách dòng (leading) = 12pt KhoÁng cách giữa các dòng quá chật, sẽ làm chậm việc đọc vì mắt chúng ta phÁi buộc nhìn vào nhiều dòng cùng lúc Tùy thuộc vào đặc điểm riêng cāa từng font, có thể cộng thêm từ 1 đến 4 pt vào mặc định

- Tránh lỗi goá phÿ và mã côi bất că khi nào có thể (Avoid windows and orphans) Goá phÿ: là một dòng bị rớt xuáng nằm lẻ loi ở một hàng đầu hoặc cuái đo¿n text Mã côi:

Là một từ hoặc một phần cāa từ bị cắt ra ở một hàng cuái đo¿n text CÁ 2 điều này cần nên tránh bất că khi nào có thể vì chúng làm phá vỡ đi sự kiện liên tÿc cāa bài text và Ánh h°ởng đến sự tập trung bài text

- So hàng, canh lề văn bÁn phù hợp

- Tránh sử dÿng màu sắc không đãng điệu Nếu màu sắc cāa chữ và nền có độ t°¡ng phÁn quá cao, làm cho mắt cāa ta nh° có một sự đấu tranh, không biết nên tập trung vào nền hay vào chữ, không nổi bật đ°ợc chữ

1.3 Lý thuyÁt vÃ bß cāc trong thiÁt kÁ

Bá cÿc là tập hợp các quy luật thị giác (đ°ờng nét, mÁng, màu sắc) và áp dÿng vào mỹ thuật hay nhiếp Ánh& một cách thuần thÿc T¿o hiệu ăng thị giác và tăng giá trị cāa tác phẩm nghệ thuật

Tùy theo tính chất và vị trí cāa điểm, đ°ờng nét, mÁng, khái mà có thể làm rung cÁm tâm hãn và t¿o những nguãn cÁm xúc khác nhau

Trang 22

Bá cÿc trong thiết kế là việc sử dÿng hình Ánh, văn bÁn một cách có tổ chăc Việc căn

lề, sắp xếp nội dung, và khoÁng cách giữa các phần trong bÁn thiết kế cũng đ°ợc sử dÿng một cách có chā đích Đãng thời sự tổng hòa giữa bá cÿc và màu sắc trong thiết kế cũng đ°ợc coi

là bá cÿc Tất cÁ các yếu tá riêng biệt khi kết hợp với nhau trong thiết kế sẽ t¿o thành một tổng thể có sự gắn kết chặt chẽ

Bá cÿc cân bằng là lo¿i bá cÿc th°ờng gặp trong thiết kế đã họa Sự cân bằng trong bá cÿc thiết kế t°¡ng tự nh° sự cân bằng trực quan vật lý Thay vì việc t¿o ra sự t°¡ng phÁn hoặc nhấn m¿nh, ng°ời ta t¿o ra sự cân bằng cho các phần trong sÁn phẩm thiết kế Có hai lo¿i trong bá cÿc cân bằng:

1.3.2.1.1 Cân bằng đái xăng

Là tất cÁ các yếu tá nh° chiều cao, chiều rộng đ°ợc sắp xếp một cách đái xăng trong bÁn thiết kế Bá cÿc cân bằng đái xăng t¿o ra cÁm giác ổn định, an toàn cho ng°ời xem Đãng thời bá cÿc thiết kế cân bằng t¿o ra các điểm nhấn nằm ở chính tâm cāa sÁn phẩm thiết kế

Trang 23

1.3.2.1.2 Cân bằng bất đái xăng

Trong quá trình thiết kế có những lo¿i bá cÿc t°ởng chừng nh° rất phi lý, nh°ng l¿i đ°ợc chấp nhận Một trong sá đó là cân bằng không đái xăng Hai bên phần tử không bằng nhau, tất cÁ các yếu tá sắp đặt không có sự đái xăng với nhau Cân bằng bất đái xăng đ°ợc t¿o ra từ việc sử dÿng các yếu tá màu sắc, kích th°ớc, sá l°ợng, sắc độ&

Trang 24

Bá cÿc t°¡ng phÁn là bá cÿc th°ờng xuyên đ°ợc sử dÿng khi muán thể hiện t°¡ng quan, tr¿ng thái tr°ớc sau Là bá cÿc sử dÿng màu sắc và hình Ánh đái lập nhau trong cùng

một bá cÿc thiết kế Lo¿i bá cÿc t°¡ng phÁn t¿o ra một ấn t°ợng m¿nh, hấp dẫn ng°ời xem

Sự t°¡ng phÁn đ°ợc t¿o ra từ màu sắc, kiểu chữ, kích th°ớc chữ&

Trang 25

Có thể t¿o ra bá cÿc chuyển động bằng cách sắp xếp to nhß, sử dÿng đ°ờng chéo&

Bá cÿc nhấn m¿nh hay còn gọi là bá cÿc t¿o điểm nhấn Khi cần tập trung sự chú ý cāa ng°ời đái diện từ cái nhìn đầu tiên vào 1 điểm, cần sử dÿng lo¿i bá cÿc này Thông th°ờng ng°ời ta t¿o ra điểm nhấn bằng cách t¿o ra sự khác biệt về hình Ánh, màu sắc và kích cỡ

Bá cÿc đãng nhất là lo¿i bá cÿc có xu h°ớng mang tính thân thiện gần gũi và gợi nhớ Việc sử dÿng bá cÿc đãng nhất th°ờng đ°ợc áp dÿng cho các bộ nhận diện th°¡ng hiệu Ng°ời xem dễ dàng nhận ra tính nhất quán trong sÁn phẩm thiết kế về cÁ hình Ánh và màu sắc

Sử dÿng những đái t°ợng giáng nhau về đ°ờng nét, màu sắc t°¡ng đãng Ph°¡ng pháp này là dùng chung một thuộc tính để t¿o ra một tín hiệu nhận diện Cũng cần phÁi l°u ý rằng

bá cÿc đãng nhất t°¡ng đái khó để t¿o ra

Trang 26

Sự kết nái về thị giác dựa trên h°ớng và màu, cấu trúc cāa hình điều h°ớng ng°ời dùng Nó quyết định việc nhìn vào đâu tr°ớc, nhìn vào đâu sau Dòng chÁy từ trên xuáng d°ới: th°ờng đ°ợc dùng trong poster phim

Ví dÿ: Ng°ời xem rất tự nhiên h°ớng ánh mắt vào chữ Andrea Mann, vì màu sắc nổi

bật duy nhất và hình Ánh cô gái đang h°ớng mắt nhìn vào dòng chữ này

1.4 Lý thuyÁt vÃ quy trình thiÁt kÁ

Giai đo¿n 1: Thu thập thông tin sẽ là b°ớc đầu tiên cāa quy trình thiết kế đã họa Bằng

việc đặt các câu hßi và lắng nghe ý kiến, sẽ nắm rõ thông tin khách hàng muán hoặc không

và t¿i sao Từ đó cũng giúp hiểu h¡n về công việc đang làm và bắt tay vào việc xây dựng bÁn tóm tắt ý t°ởng cho khách hàng phê duyệt

Giai đo¿n 2: Nghiên cău đái t°ợng, là giai đo¿n tiến hành nghiên cău chi tiết những yêu cầu mà khách hàng đã đặt ra, để có thể xác định những yếu tá thiết kế nh° màu sắc, phông chữ, chā đề phù hợp với khách hàng; vẫn đáp ăng đ°ợc các yêu cầu đặc biệt mà khách hàng mong muán có trong bÁn thiết kế Bên c¿nh đó, cũng cần tìm hiểu thêm về đái t°ợng nhắm tới cāa khách hàng để có ph°¡ng h°ớng tr°ớc khi thiết kế

Giai đo¿n 3: Phác thÁo và thiết kế Phác thÁo trên giấy giúp hiện thực hóa những ý t°ởng một cách chính xác và cũng cho phép thúc đẩy quá trình sáng t¿o khi chú ý tới những chi tiết nhß Sau khi có bÁn thô chính thăc thì đ°a các ý t°ởng đó lên phần mềm thiết kế để

dễ dàng chỉnh sửa và trau chuát thêm Trong quá trình thiết kế có thể tham khÁo các mẫu có sẵn để tìm cÁm hăng nh°ng không đ°ợc phép sao chép

Trang 27

Giai đo¿n 4: Thuyết trình Là thời điểm để truyền tÁi các ý t°ởng, khái niệm có trong bÁn thiết kế cho khách hàng Điều này yêu cầu phÁi nắm chắc về sÁn phẩm đang có (về màu sắc, phông chữ, bá cÿc, ) và hiểu rõ những mong muán để sẵn sàng giÁi đáp thắc mắc cāa khách hàng Trình bày tái thiểu 2-3 concept để họ có sự lựa chọn

Giai đo¿n 5: Nhận phÁn hãi Đái với những phÁn hãi tát cāa khách hàng thì chuyển qua giai đo¿n tiếp theo Đái với những phÁn hãi không tát thì cần giữ thái độ hợp tác, sẵn sàng sửa đổi Cần nhìn nhận d°ới góc độ khách hàng, đánh giá và l°u ý các phÁn hãi đó Trình bày về bÁn thiết kế lần nữa nếu mẫu thay đổi quá nhiều so với ban đầu

Giai đo¿n 6: Chuyển giao Khi đ°ợc khách hàng gật đầu °ng ý, đóng gói và gửi các file thiết kế có d¿ng đuôi nh° yêu cầu cāa khách hàng

1.5 Bài tập

Ăng dÿng gam màu ấm thể hiện theo mẫu:

Yêu cầu

• Ý t°ởng thể hiện nét nữ tính

• Thiết kế áo kiểu dành cho phÿ nữ

• Hình Ánh thể hiện theo lái trang trí

• Màu sắc thể hiện gam màu ấm

• Phác thÁo và trình bày trên phần mềm Paint

Trang 28

Trang 29

Ch°¡ng 2 Illustrator

Māc tiêu: Sau khi học xong chương này sinh viên có thể:

 Trình bày được chức năng của các bảng lệnh và sử dụng thành thạo công cụ trong thi ết kế

 Tạo và hiệu chỉnh nét vẽ nghệ thuật, icon, Symbol

 Thiết kế logo, thương hiệu sản phẩm, thiết kế quảng cáo, vẽ tranh hoạt hình

2.1 Làm quen vãi Illustrator

– Các công cÿ Selection:

+ Selection: Công cÿ mặc định để chọn và di chuyển các đái t°ợng

+ Direct Selection: Đ°ợc sử dÿng để chọn các đ°ờng hoặc đo¿n riêng biệt cāa

một đái t°ợng

+ Magic wand: T¿o các vùng chọn dựa vào màu tô và màu nét cāa đái t°ợng,

bề dày nét, độ mờ đÿc đái t°ợng và chế độ hòa trộn

+ Lasso: T¿o các vùng chọn bằng cách rê xung quanh các đái t°ợng mong muán

– Các công cÿ Drawing, painting và Type:

+ Pen: Vẽ các đo¿n đ°ờng thẳng và đ°ờng cong bezier

Trang 30

+ Type: Thêm text vào artboard

+ Line Segment: T¿o các đ°ờng, đ°ờng xoắn ác, đ°ờng l°ới

+ Rectangle: Vẽ các hình c¡ bÁn nh°: hình chữ nhật, hình chữ nhật bo tròn góc, hình ellipse, hình đa giác, hình ngôi sao, tia sáng cāa ánh nắng

+ Paintbrush: Tô vẽ các đ°ờng và hình d¿ng

+ Pencil:Vẽ các đ°ờng và hình d¿ng tự do

+ Blob brush: Tô các đ°ờng bằng đ°ờng Path phăc hợp

+ Eraser: Xóa các nét hoặc các vùng tô ra khßi các đái t°ợng

+ Rotate: Xoay đái t°ợng đ°ợc chọn

+ Scale: Xác định thay đổi tỷ lệ đái t°ợng đ°ợc chọn

+ Warp: Biến đổi một đái t°ợng đ°ợc chọn

+ Free Transform: Biến đổi một đái t°ợng đ°ợc chọn

+ Symbol sprayer: T¿o các Symbol và instance chính

+ Column graph: T¿o các s¡ đã và biểu đã đ°ợc điều khiển bằng dữ liệu – Các công cÿ painting và blending Type đặc biệt:

+ Mesh: Tô màu chuyển sắc d¿ng l°ới vào các đái t°ợng đ°ợc chọn

+ Gradient: Tô màu chuyển sắc vào các đái t°ợng đ°ợc chọn

+ Eyedropper: Hút màu các thuộc tính cāa đái t°ợng

+ Blend: T¿o các kiểu hòa trộn hình d¿ng và màu giữa các đái t°ợng đ°ợc chọn + Live paint bucket: Trộn các vùng áp dÿng live paint vào một nhóm paint + Live paint Selection: Trộn các vùng xác định bên trong một nhóm live paint – Công cÿ slice, Artboard, movie và zoom:

+Artboard: Dùng để vẽ các layout

Trang 31

+ Slice: Cắt Ánh đ°ợc chọn thành các lát tr°ớc khi tái °u hóa hình đã họa cho web

+ Hand: Định l¿i vị trí cāa khung nhìn artboard bên trong wordspace

+ Zoom: Phóng to / thu nhß đái t°ợng

– Các công cÿ Stroke và fill:

+ Fill: Xác định màu tô cāa các đái t°ợng đ°ợc chọn Click biểu t°ợng Fill hình vuông để kích ho¿t Fill và thay đổi màu bằng cách sử dÿng Panel Swatches hoặc Colors

+ Stroke: Xác định màu nét cāa các đái t°ợng đ°ợc chọn Click biểu t°ợng stroke để kích ho¿t stroke và thay đổi màu bằng cách sử dÿng Panel Swatches hoặc Colors

– Các công cÿ screen mode:

+ Normal screen mode: Màn hình đầy đā với thanh Application, thanh documment groups, các th°ớc đo (ruler), Panel tools và các Panel

+ Full screen mode with menu bar: Hiển thị màn hình đầy đā với thanh Application, Artboard, Panel Tools và các Panel

+ Full screen mode: Hiển thị Artboard mở rộng với các th°ớc đo, tất cÁ tính năng workspace khác đ°ợc ẩn Để thoát khßi chế độ này, nhấn phím F trên bàn phím

Công cÿ Selection Tool (phím tắt V) hình mũi tên màu đen: cho phép chọn, di chuyển các thành phần và đái t°ợng thiết kế khác nhau xung quanh màn hình

Trang 32

2.1.2.1.1 Chọn đái t°ợng

B°ớc 1: Click chọn công cÿ Selection Tool (V)

B°ớc 2: Khi con trß xuất hiện, click vào đái t°ợng hoặc nhóm đái t°ợng cần chọn

+ Chọn nhiều đái t°ợng: Nhấn tổ hợp phím SHIFT + click từng đái t°ợng cần chọn Hoặc vẽ vùng chọn xung quanh các đái t°ợng bằng công cÿ Selection

+ Chọn một đái t°ợng trong một nhóm: double click hoặc nhấn Ctrl + click đái t°ợng cần chọn

+ Để chọn một đái t°ợng không Fill màu: click chọn đ°ờng viền cāa đái t°ợng 2.1.2.1.2 Chỉnh sửa kích th°ớc đái t°ợng

B°ớc 1: Chọn đái t°ợng hoặc nhóm đái t°ợng bằng công cÿ Selection Tool (V) B°ớc 2: Kéo biểu t°ợng hình con trß để thay đổi kích th°ớc

- Rectangle Tool: t¿o đái t°ợng 4 góc nh° hình vuông, chữ nhật

- Rounded Rectangle Tool: T¿o hình vuông hay chữ nhật với góc bo tròn

Trang 33

- Ellipse Tool: T¿o các vòng tròn và hình Ellipse

- Polygon Tool: T¿o hình đa giác lãi nh° ngũ giác, lÿc giác

- Star Tool: T¿o hình ngôi sao nhiều c¿nh

- Flare tool: Dùng để t¿o các đám sáng gãm: một tâm sáng (center), một 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 các hiệu ăng đèn flare nh° trong nhiếp Ánh

 Cách thực hißn:

Chọn công cÿ, đặt con trß mouse vào vùng vẽ rãi rê theo h°ớng bất kỳ

 Để vẽ hình xuất phát từ tâm cāa hình: nhấn giữ phím ALT + drag mouse

 Để vẽ hình vuông / tròn / đa giác đều (cá định c¿nh đáy cāa đa giác nằm ngang) / ngôi sao thẳng đăng: nhấn giữ phím SHIFT + drag mouse

 Để vẽ hình vuông / tròn xuất phát từ tâm nhấn giữ ALT + SHIFT + drag mouse

 Để vẽ hình chính xác kích th°ớc, nhấn chọn công cÿ và sau đó click vào vùng vẽ một hộp tho¿i công cÿ đang chọn hiện ra, nhập các thông sá

 Trong khi vẽ, có thể kết hợp các phím mũi tên ā hoặc Ă: để tăng giÁm góc bo cāa hình vẽ bằng công cÿ Round Rectangle; tăng giÁm sá đỉnh cāa đa giác, tăng giÁm

sá đỉnh cāa ngôi sao

 Công cā Flare:

- Chọn công cÿ, click mouse vào Artboard để định tâm, rãi drag mouse xác định các quầng sáng halo và các tia (rays)

- Trong khi vẽ kết hợp :

 Nhấn giữ SHIFT để vẽ nh°ng 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 ā hoặc Ă để tăng giÁm sá tia

 Sau đó click mouse để xác định điểm cuái cāa các đám sáng

 Để vẽ các đám sáng một cách chính xác, chọn công cÿ rãi click vào Artboard một hộp tho¿i xuất hiện

Trang 34

2.1.2.3.1 Công cÿ Line Segment( \ )

Dùng để vẽ đ°ờng thẳng

Chọn công cÿ , click mouse để xác định điểm đầu, drag mouse đến

vị trí cuái cùng Trong khi vẽ kết hợp với các phím:

 Nhấn giữ phím ALT + drag mouse để vẽ đ°ờng thẳng nh°ng mở rộng đ°ờng thẳng ra hai phía cāa điểm đầu

 Nhấn giữ SHIFT + drag mouse để vẽ đ°ờng thẳng nghiêng một góc là bội sá cāa 450

 Để vẽ đ°ờng thẳng một cách chính xác, click mouse vào artboard, hộp tho¿i

Trang 35

 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 ā hoặc Ă để tăng hoặc giÁm góc cāa cung

 Để vẽ cung một cách chính xác, click mouse vào artboard, hộp tho¿i xuất hiện, nhập các thông sá

 Nhấn giữ phím ā hoặc Ă để tăng giÁm sá đo¿n (segments) cāa đ°ờng xoắn ác

 Để vẽ đ°ờng xoắn ác một cách chính xác, click mouse vào artboard, hộp tho¿i xuất hiện, nhập các thông sá

Dùng để vẽ các đ°ờng l°ới chữ nhật

Chọn công cÿ , click mouse vào artboard để xác định Trong khi đang vẽ:

 Nhấn giữ phím SHIFT + drag mouse để vẽ đ°ờng l°ới vuông

 Nhấn giữ ALT + drag mouse để vẽ l°ới xuất phát từ tâm

Trang 36

 Nhấn phím ā hoặc Ă để tăng hoặc giÁm sá đ°ờng kẻ ngang cāa l°ới

 Nhấn phím ÿ hoặc Ā để 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 lên phía trên

 Nhấn phím X để tập trung các đ°ờng kẻ dọc về phía bên trái

 Nhấn phím C để tập trung các đ°ờng kẻ dọc về phía bên phÁi

 Để vẽ l°ới hình chữ nhật một cách chính xác, click mouse vào artboard, hộp tho¿i xuất hiện, nhập các thông sá

Dùng để vẽ l°ới đ°ợc t¿o bởi các ellipse đãng tâm

Chọn công cÿ , click mouse vào artboard để xác định Trong khi đang vẽ:

 Nhấn giữ phím SHIFT + drag mouse để vẽ l°ới đ°ợc t¿o bởi đ°ờng tròn đãng tâm

 Nhấn giữ ALT và drag mouse để vẽ l°ới xuất phát từ tâm

 Nhấn phím ā hoặc Ă để tăng giÁm sá ellipse đãng tâm

 Nhấn phím ÿ hoặc Ā để tăng hoặc giÁm sá đ°ờng kẻ xuất phát từ tâm

 Nhấn giữ phím F để tập trung các đ°ờng kẻ về phía ng°ợc chiều kim đãng hã

 Nhấn giữ phím V để tập trung các đ°ờng kẻ về phía cùng chiều kim đãng hã

 Nhấn giữ phím X để tập trung các đ°ờng ellipse đãng tâm vào trong tâm

 Nhấn giữ phím C để tập trung các đ°ờng ellipse đãng tâm ra xa tâm

 Để vẽ hình l°ới ellipse một cách chính xác, click mouse vào artboard, hộp tho¿i xuất hiện, nhập các thông sá

Giúp di chuyển nhanh đến bất kì vị trí nào trên trang vẽ

Trang 37

Chọn hand tool (H) để kích ho¿t công cÿ, sử dÿng mouse để di chuyển bÁn vẽ Ngoài ra, có thể nhấn giữ phím Space (khoÁng cách), sau đó dùng mouse để di chuyển bÁn

vẽ

Giúp thu phóng bÁn vẽ, kết hợp với hand tool

Chọn công cÿ (Z), click mouse vào n¡i cần phóng to Để thu nhß, nhấn phím ALT + click vào điểm cần thu nhß

Bài t ập 1: Sử dÿng các công cÿ c¡ bÁn, vẽ các đái t°ợng sau:

Bài t ập 2: Sử dÿng các công cÿ c¡ bÁn, vẽ các đái t°ợng sau:

Bài t ập 3: Sử dÿng các công cÿ c¡ bÁn, vẽ hình theo mẫu sau:

Trang 38

H°ãng dẫn thực hißn:

 Sử dÿng công cÿ Rounded Rectangle Tool vẽ các hình bo góc

 Sử dÿng các chế độ tô màu chuyển sắc tô đái t°ợng

 Sử dÿng công cÿ Flare Tool t¿o bóng sáng

- Artboard (bÁn vẽ) là một không gian cho phép làm việc trên nhiều <bÁn vẽ= khác nhau, tất cÁ đều nằm chung trong một tài liệu

- Artboard t°¡ng tự nh° các trang trong Microsoft Word và đ¿i diện cho khu vực có thể in

- Artboard có thể có kích th°ớc và định h°ớng khác nhau, đ°ợc sắp xếp tùy ý và chãng lên nhau

B°ãc 1: Chọn công cÿ Artboard

B°ãc 2: Kéo vào tài liệu để xác định kích th°ớc, hình d¿ng và vị trí

B°ãc 3: Double click vào Artboard để dùng bÁn vẽ có sẵn

B°ãc 4: Chọn giá trị đặt sẵn và chỉ định các tùy chọn khác trong hộp <Artboard

Option=

B°ãc 5: OK

Trang 39

B°ớc 1: Chọn công cÿ Artboard từ Panel Tools:

B°ớc 2: Click chọn Artboard trong Workspace muán chỉnh sửa để kích ho¿t

B°ớc 3: Sử dÿng các công cÿ Artboard và xác lập Artboard trên Panel control

 Presets: Chọn một kích cỡ xác lập sẵn cho Artboard từ menu xổ xuáng

 Portrait / Landscape: h°ớng Layout cāa Artboard sang thẳng đăng (Portrait) hoặc nằm ngang (Landscape) sử dÿng các kích th°ớc hiện hành cāa Artboard

 New Artboard: thêm một Artboard mới vào chính giữa Layout Sau đó có thể click và drag Artboard mới đến một vị trí khác

 Delete Artboard: xóa Artboard hiện đ°ợc chọn

Trang 40

 Display option menu: Mỗi Artboard có thể có các tính năng sau đây đ°ợc bật

hoặc tắt bằng các nút chuyển đổi này, biểu t°ợng cāa mÿc menu đ°ợc chọn sau cùng sẽ hiển thị bên trái cāa menu

 Show Center mark: thêm một đ°ờng h°ớng dẫn có dấu tâm màu xanh lá cây vào Artboard đ°ợc chọn

 Show Cross hairs: thêm các đ°ờng Cross hair màu xanh lÿc t°ợng tr°ng cho tâm nằm ngang và tâm thẳng đăng cāa Artboard

 Show video safe Area (Đái với các Profect Film và video): thêm một tập hợp các đ°ờng h°ớng dẫn <vùng an toàn video= vào Artboard đ°ợc chọn

2.2 Công cā biÁn đổi đßi t°ÿng trong Illustrator

Pathfinder cho phép t¿o một hình d¿ng mới bằng cách thao tác trên hai đ°ờng path hoặc nhiều đái t°ợng, giúp t¿o ra những hình d¿ng phăc t¿p nhờ vào các hình d¿ng xếp chãng lên nhau

Hiển thị bÁng Pathfinder: menu Window Ā Pathfinder (CTRL + SHIFT + F9) Trong bÁng Pathfinder có hai nhóm lệnh Shape Modes và Pathfinders

Nhóm lệnh Shape Modes gãm 4 lệnh con, có tác dÿng chính là cắt, gộp và lấy phần giao nhau cāa hai hay nhiều đái t°ợng khác nhau trong quá trình thiết kế Shape Mode giúp t¿o ra các đa giác mới, độc đáo và có cùng một màu

Tiêu đề	Thiết kế sản phẩm với Illustrator
Tác giả	Phan Thị Phương Trang
Trường học	Trường Cao Đẳng Bách Khoa Nam Sài Gòn
Chuyên ngành	Tin học Ứng dụng
Thể loại	giáo trình
Năm xuất bản	2022
Thành phố	Thành phố Hồ Chí Minh

Định dạng
Số trang	156
Dung lượng	4,29 MB