GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3
VẼ ĐƯỜNG THẲNG VÀ VÒNG TRÒN

BÀI TẬP 1 : VẼ KHỐI CHỮ NHẬT

Các bạn vừa qua đã làm quen các công cụ vẽ
đường thẳng. Bây giờ hãy bắt đầu vẽ một số kết quả
dựa trên các đường thẳng.
Hãy thử vẽ khối chữ nhật như hình bên.
Giống như các bài tập thực hành đồ họa, việc
đầu tiên các bạn phải chọn kích thước.
Chọn
Modify > Movies
, hộp thoại Movie
Properties xuất hiện. Hãy chấp nhận những tham số
mặc đònh trong hộp thoại sau đó nhấp chuột vào nút
OK.

Kế tiếp hãy đặt lưới bằng
cách chọn trình đơn

View > Grid

> Show Grid
Lập tức lưới sẽ xuất hiện trên


Bước còn lại khó hơn dành
cho các bạn là làm sao : vạch đều
các khấc chia độ.
Các bạn hãy xem thử thước mẫu để
có ý tưởng thiết kế.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
77
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3

BÀI TẬP 3 : VẼ CÂY CỌ VẼ
Bài tập này các bạn tiến hành vẽ một cây cọ như
hình bên.
Phần lông cọ là phần phải vẽ đầu tiên, đây cũng là
phần khó nhất trong bài tập nầy. Đầu tiên dùng công cụ
Line Tool
bạn kéo từ dưới lên, xong rồi kéo ngang kế
tiếp kéo xuống để vẽ đầu cọ.

Để vẽ lông co,ï tiến hành kẻ thêm vài nét dài ngắn
khác nhau. Ở đây ta vẽ thêm ba nét. Dùng công cụ mũi
tên kết hợp với phím Shift bạn chọn ba nét vừa vẽ (Khi
chọn nét nào ta thấy có những vệt lấm chấm như kiến bò
trên nét đó), nhấp vào trình đơn
Edit > Copy
để lưu

3 nét
vào clipboard kế tiếp chọn
Edit > Paste.

các phím mũi tên gắn kề bên
các vạch vừa tạo xong. Tới đây
phần lông cọ coi như giải
quyết xong.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
78
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3
Kế tiếp là vẽ phần đầu cọ. Đầu tiên bạn chọn công cụ
Line Tool
kéo một đường ngang
sau đó xổ xuống một đường xiên, tiếp tục kéo đường ngang nhỏ sau đó trổ trở lên đường xiên.
Bạn đã hoàn tất đầu cọ (nhớ bổ xung thêm hai vạch thẳng cho đầu cọ thêm sinh động)

Cứ tiếp tục như trên bạn sẽ hoàn tất phần thân cọ. Cũngï giống như đầu cọ bạn kẻ thêm
một vạch dài cho thêm sinh động. Cuối cùng cây cọ đã hoàn tất. Nhớ lưu lại kết quả.
BÀI TẬP 4 : VẼ MỘT MẪU GẠCH BÔNG
Muốn vẽ một mẫu gạch bông như hình dưới, đầu tiên các bạn phải thiết lập các đường
lưới. Kế đó bạn phải dùng công cụ
Line Tool
kéo mỗi cạnh đơn vò bằng 5 ô lưới. Chúng ta sẽ
được một hình vuông. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
79
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3


TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
80
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3 Phần vừa mới tạo đã được lật ngang.Ta dùng các phím mũi tên di chuyển nó nằm sát lên
phần đầu.
Xong dùng công cụ mũi tên tạo marquee chọn hết. Rồi lần lượt chọn từ trình đơn
Edit > Copy
rồi
Edit > Paste
như cách trên trên để tạo một nhân bản mới. Kế tiếp bạn hãy dùng con trỏ chuột nhấp vào
Flip Vertical
từ trình đơn
Modify >
Transform > Flip Vertical.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
81
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3 Phần tạo mới đã được xoay xuống phía dưới. Dùng các phím mũi tên gắn liền chúng lại
Tiếp tục vẽ ta có kết quả sau. Dùng công cụ xô sơn (Pain Bucket Tool). Chọn một màu tô và loại
màu tô. Ta đưa màu nâu vào trong các hình vuông nhỏ.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
83
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3

Hình vuông ở trung tâm. Ta đổ màu cam vào.
Còn lại bốn hình chữ nhật ta đổ màu vàng vào. Cuối cùng ta được một hình vuông hoàn hảo.

BÀI TẬP 6 : VẼ PHỐI CẢNH
Với các bài tập vẽ các đoạn thẳng trong 5 bài tập trước đã được thực hiện thì bài tập kế
tiếp này sẽ dễ dàng với bạn. Bài tập này các bạn vẽ một hình khối chữ nhật trong không gian.

Đầu tiên bạn hãy dùng
chuột nhấp vào biểu tượng Show
Info trên thanh Launcher.

Hộp thoại Info sẽ xuất hiện. Bạn hãy dùng con trỏ chuột nhấp vào Tab Stroke


TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
85
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3 Tiếp tục kẻ đường thẳng bất kỳ (chọn khoảng cách tùy ý). Đường thẳng này sẽ nối hai
đường chéo chấm chấm tại hai đỉnh.

Kẻ đường thẳng bất kỳ (công cụ Line Tool) phía đối diện. Đường này sẽ tiếp giáp hai
đường chéo chấm chấm.

Kẻ đường chấm chấm từ đỉnh đường thẳng mới tạo về điểm hội tụ trên đường tầm mắt.

Kẻ thêm đường chấm chấm bên dưới.

Cạnh còn lại vẫn kéo hai đường chấm chấm về điểm tụ trên đường tầm mắt.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
86
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3 Dùng công cụ mũi tên kết hợp với phím
Shift
. Chọn tất cả những đường chấm chấm theo
hướng mũi tên chỉ.

Vẫn đảm bảo là bạn đang sử dụng hộp thoại
Stroke
. Chọn tham số là 2. Bạn nhấp vào
khoảng trống trên lưới.

Hình 8 Hình 9 Hình 10 Hình 11
Trước tiên các bạn hãy vẽ hình 8. Để cho việc vẽ được dễ dàng các bạn cần phải
hiển thò lưới như các bài tập trước đây. Dùng công cụ Oval Tool kết hợp với phím Shift vẽ một
vòng tròn như hình (hình 8a). Từ tâm vòng tròn kẻ một đường thẳng đi lên (hình 8b). Đường
thẳng này xem như là trục của đầu nhân vật. Dùng công cụ Oval Tool vẽ thêm một hình oval
(hình 8c).

Hình 8a Hình 8b Hình 8c
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
88
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3

Dùng công cụ mũi tên chọn
Oval
. Xong dùng các phím mũi tên di chuyển nó vào trung
tâm hình tròn (hình 8d). Kế tiếp nhấp chọn công cụ Scale trong mục Options trên thanh công cụ
(hình 8e).
Hình 8d Hình 8e Hình 8f
Những nút hình vuông nhỏ xuất hiện bao quanh hình oval. Sau đó ta dùng con trỏ chuột
chỉnh theo hình 8d. Bạn cũng làm y như vậy đối với hình Oval nằm ngang (hình 8f). Chú ý tâm
của hai hình Oval trùng với tâm vòng tròn.
Tiếp tục dùng công cụ Line Tool vẽ phần trục đầu phía dưới.

Hình 8g Hình 8h
Đường trục nằm khuất trong hình cầu (hình 8g). Chúng ta phải tạo nó thành đường chấm
chấm bằng cách vẫn sử dụng hộp thoại Stroke. Chọn tab Stroke, sau đó dùng con chuột nhấp
chọn đường chấm chấm. Xong nhấp chọn trở lại đường trục. Bây giờ đường thẳng đã trở thành


Hình 8l

Hình 8m
Vẫn sử dụng công cụ Oval Tool tạo một hình Oval lớn hơn hốc mắt để làm mũi nhân vật.
Dùng con chuột nhấp chọn hình Oval, xong chọn công cụ Scale mục Options trên thanh
công cụ (hình 8n)ï.
Hình 8n Hình 8o Hình 8p
Lập tức những nút hình vuông nhỏ xuất hiện xung quanh hình Oval (hình 8o). Ta dùng
con chuột điều chỉnh hình Oval cho vừa. Dùng các phím mũi tên đưa hình Oval vào vò trí thích
hợp.
Dùng chuột nhấp chọn công cụ Pencil Tool trên thanh công cụ, sau đó dùng công cụ này
vẽ hai bên gò má.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
90
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3 Vẽ tiếp miệng và cằm.

Vẽ tiếp hàm dưới và lỗ tai.

Hãy nhớ là cũng với công cụ
Pencil Tool
, vẽ thêm chân mày và tóc. Cuối cùng dùng
công cụ mũi tên chọn tất cả những gì không cần thiết và xóa hết.
Các bạn đã thực hiện xong bài tập!

hộp thoại này, kế tiếp chọn nét
đứt khúc xong nhấp chuột vào
lưới bạn sẽ có hình tròn như
trong hình 9c. Hình 9c
Dùng công cụ Oval Tool
vẽ một hình Oval để tạo hố mắt
(hình 9d).
Chọn công cụ Scale để
điều chỉnh mắt cho phù hợp với
gương mặt nhân vật (hình 9e) Hình 9d Hình 9e
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
92
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3

Tạo thêm con mắt phía đối diện.

Hình 9f Hình 9g
Tiếp tục chọn công cụ Oval Tool vẽ hình Oval tạo mũi nhân vật rồi gắn vào chỗ thích
hợp. Sử dụng Pencil Tool vẽ miệng nhân vật rồi gắn vào đúng vò trí như hình dưới.

Hình 9h Hình 9i
Vẽ thêm cằm và gò má nhân vật.

Hình 9j Hình 9k

và dùng chuột vẽ cặp
mắt híp với chân mày
trước.

Hình 10c Hình 10d
Kế đến dùng Oval
Tool vẽ một hình Oval để
tạo mũi rồi dùng các
phím mũi tên đưa vào vò
trí thích hợp như hình
bên. Xong bạn dùng
Pencil Tool để vẽ miệng
và cằm.

Hình 10e Hình 10f
Tiếp tục dùng Pencil
Tool vẽ gò má hai bên,
và thêm tóc cho nhân
vật.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
94
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3

Cuối cùng bạn hãy dùng công cụ mũi tên chọn và xóa tất cả nét thừa, bây giờ hãy nhìn
xem nhân vật vừa thực hiện trông có vui không!

BÀI TẬP 11

Bạn đã quen thuộc cấu trúc đầu của nhân vật, và trong
bài tập này việc thiết lập sẽ nhanh hơn các bài trước. Bạn hãy

cũng dùng công cụ đó ( Pencil
Tool).
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
95
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3

Vẽ thêm chân mày, con ngươi và tròng đen cho nhân vật. Công việc cuối cùng là hãy
xóa hết nét thừa. Và bây giờ hãy nhìn xem nhân vật bạn thực hiện trông có “ Quạu “ hay
không?

BÀI TẬP : DIỄN ĐẠT LỜI THOẠI

Các bài này sẽ khó vẽ hơn các bài trước. Nhưng có điều chắc chắn là khi bạn bắt tay vào
thực hiện thì cách thực tập vẽ của bạn sẽ được nâng cao hơn.
Bài tập 12 Bài tập 13 Bài tập 14
BÀI TẬP 12
Bài tập này diễn tả một gương mặt vui vẻ hồn nhiên. Hình 12 Hình 12a

Hình 12b

Các bạn sẽ tiến hành thực hiện từng bước như sau.

Bước đầu tiên các bạn dùng công cụ vẽ hình tròn tạo một hình Oval (Ellip) với hai trục :
đứng và nằm ngang (hình 12a). Vẽ xong các bạn tiếp tục tạo một hình Oval nhỏ để làm mắt


Bạn hãy nhân bản chân mày bằng cách chọn
Edit > Copy
sau đó dán kết quả trong
clipboad bằng lệnh
Edit > Paste
(hình 12i). Kế tiếp chọn
Modify > Transform > Flip
Horizontal
ta có kết quả như hình 12j.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
97
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3

Bạn hãy dùng chuột nhấp vào Flip Horizontal. Chân mày lúc này được lật ngang (hình
12k). Hãy nhìn xem chân mày được sao chép và được lật ngang. Bạn hãy dùng các phím mũi
tên đưa nó vào vò trí thích hợp (hình 12l).

Hình 12i

Hình 12j

Hình 12k

Hình 12l

Dùng công cụ Pencil Tool vẽ thêm hai gò má cho nhân vật (hình 12m).

Tiếp tục sử dụng công cụ Pencil Tool. Bạn hãy vẽ thêm miệng và lưỡi của nhân vật

Kẻ thêm hai chân mày và tô đen bằng công cụ tô sơn. Cuối cùng dùng công cụ mũi tên
chọn hết những đường không cần thiết và xóa đi.

BÀI TẬP 14
Diễn tả một nét rất quạu của nhân vật với một bố cục lệch (hai bên gương mặt không
cân đối) .

Giống như hai bài tập trước. Bạn hãy đưa những cấu trúc quen thuộc vào. Dùng công cụ
Oval Tool vẽ hình Oval nhỏ để làm mắt, xong dùng công cụ Rotate điều chỉnh cho mắt thẳng
đứng so với trục.
Tạo thêm một hình Oval nhỏ làm con ngươi rồi dùng công cụ tô sơn tô đen vào. Hãy sao
chép thêm một con mắt và một con ngươi giống y như vậy và đặt phía đối diện.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
99
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 3 Hãy tạo mũi nhân vật bằng công cụ Oval Tool hoặc bằng Pencil Tool rồi dùng các phím
mũi tên đưa vào vò trí như hình bên dưới. Dùng Pencil Tool kẻ thêm miệng, cằm và gò má.
Cũng với Pencil Tool vẽ hai chân mày cắt hẳn vào mắt nhân vật. Xong dùng công cụ mũi tên
chọn tất cả những đường nét thừa và xóa đi.

Những nét diễn xuất nầy rất quan trọng nếu bạn tập luyện kiên trì thì khả năng được thu
nhận làm việc ở một công ty làm phim hoạt hình rất cao.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
100