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
cửa sổ làm việc của Flash.

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.
Những nét dài

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
với nhau. Ta đã có viên gạch men hoàn hảo. Đối với các bạn có niềm mơ ước thiết kế các mẫu


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

Hộp thoại

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.


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
đường chấm chấm (hình 8h).