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 dùng công cụ
Line Tool
kẻ đường chéo của một ô lưới như hình bên dưới.
Kế tiếp kẻ đường chéo phía đối diện. Xong bạn kẻ đường chéo của bốn ô vuông.
Và cũng với công cụ
Line Tool
bạn kẻ hai đường chỉ màu nâu chạy dọc theo các đường
chéo.
Dùng công cụ tô màu Paint Bucket Tool để đưa màu vào.
Dùng công cụ mũi tên kết hơpï với phím Shift chọn những đường thẳng ngoài rìa hình
vuông (chú ý sau khi chọn xong những đường thẳng có dạng chấm chấm), rồi xóa đi.
Bước kế tiếp dùng công cụ mũi tên tạo marquee chọn hết vùng vẽ. Sau đó chọn lần lượt
Edit > Copy
rồi
Edit > Paste
để nhân bản những phần đã vẽ.
Kế tiếp dùng con trỏ chuột nhấp vào
Flip Horizontal
từ trình đơn
Modify > Transform.
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
gạch men, ceramic, gạch bông thì nên luyện tập vẽ nhuần nhuyển về đường thẳng.
Chẳng hạn như viên gạch Ceramic phía dưới thì các đường thẳng đóng vai trò vừa tạo
nét vừa tạo hình,và nếu bạn đưa thêm màu sắc thích hợp vào mẫu các bạn sẽ có những mẫu rất
đẹp khác nhau. Hãûy thử thiết kế một số mẫu khác. Cần chú ý khả năng kết nối giữa các viên
gạch với nhau khi thiết kế. Nhớ lưu lại file để thực tập cho phần thực hành ở chương sau.
BÀI TẬP 5 : TRANG TRÍ MỘT MẪU GẠCH BÔNG.
Để tạo mẫu gạch như hình dưới Chúng ta hãy bắt đầu vẽ một hình vuông với đường lưới
và công cụ quen thuộc là
Line Tool.
Chúng ta hãy kẻ bốn đường thẳng, đường cuối cùng sẽ nối
lại là một hình vuông. Tiếp tục chúng ta chọn một vò trí, vò trí nầy cách các cạnh hình vuông
khoảng ba ô lưới.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
82
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ừ vò trí đã chọn, kéo một đường thẳng về phía tay trái (nhớ nhấn phím Shift cho việc
kẻ đường thẳng dễ dàng hơn). Tiếp tục vẽ, cứ cách ba ô lưới ta chọn một vò trí kéo thẳng đến
một cạnh của hình vuông.
Tiếp tục cho đến khi chúng ta đạt được bốn đường thẳng. Kế tiếp cũng ở một vò trí cách
ba ô lưới ta cũng kẽ một đường thẳng đụng một cạnh của hình vuông (chú ý đường thẳng bây
giờ rất ngắn). Chúng ta vẽ bốn đường thẳng ngắn tạo thành bốn ô vuông nhỏ.
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
Stroke
xuất hiện.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
84
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 con trỏ chuột nhấp vào tam giác nhỏ ở góc phải phía trên của hộp thoại. Một hộp
thoại mới xuất hiện, ta dùng con trỏ chuột chọn đường chấm chấm.
Dùng công cụ
Line Tool
kẻ một đường thẳng ngang qua lưới. Đường này ta gọi là đường
tầm mắt.
Xác đònh vò trí một chấm bất kỳ cách đường tầm mắt hai ô lưới,
Dùøng công cụ
Line Tool
kẻ một đường thẳng lên trên với độ cao chiếm 8 ô .
Trong hộp thoại Info. Chọn Tab Stroke và bạn vẫn chọn đường đứt khúc. Bạn kéo từ
đỉnh của đường thẳng đến đường tầm mắt.
Và từ một điểm của đường tầm mắt ta kéo đến cạnh đáy của đường thẳng.
Tương tự cũng với công cụ
Line Tool
ta kéo hai đỉnh còn lại về đường tầm mắt phía đối
diện.
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.
Lập tức các đường đã được chọn đều biến thành đường thẳng.
Cuối cùng bạn nhấp chọn công cụ tô sơn (Pain Bucket Tool). Biểu tượng hình xô sơn
xuất hiện, nhấp chọn vùng đổi màu trên khối chữ nhật.
Ở đây giả sử ta đổ màu vào hai vùng. Ta có kết quả như hình bên dưới.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
87
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 7 : VẼ BẰNG ĐƯỜNG THẲNG VÀ VÒNG TRÒN
Các bạn hãy thử vẽ 3 hình đơn giản sau : nhà, gà con, đóa vi tính
Cần chú ý khi vẽ đóa vi tính, một số hình chữ nhật có bo tròn ở góc nên xem đóa thực tế
để vẽ chính xác
BÀI TẬP 8 : VẼ NÂNG CAO
Một trong những thế mạnh của Flash là làm các đoạn phim cho các đối tượng chuyển
động sau đó xuất sang trang Web. Bài tập này hướng dẫn các bạn thực hiện các thành phần một
đoạn phim hoạt hình thông qua các nhân vật, qua đó sẽ củng cố các bạn các kiến thức cơ bản về
phim hoạt hình. Sau khi vẽ xong các bạn nhớ lưu thành file để sử dụng lại sau này. Các bạn có
thể lấy ý tưởng trong phần hướng dẫn và tiến hành vẽ bằng CorelDraw để ôn tập thêm cho
chương trình này. Trong phim hoạt hình, chúng ta cần phải xử lý ảnh của nhiều đối tượng, đối
tượng ở đây có thể là các nhân vật, thú vật, đồ vật. Việc vẽ người hay thú là điều bắt buộc cho
những ai bắt đầu học làm phim hoạt hình và khuôn mặt là ảnh cần phải vẽ đầu tiên.
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
đường chấm chấm (hình 8h).
Từ trình đơn
Modify >
Transform > Rotate
. Ta dùng
chuột nhấp chọn Rotate.
Lập tức sẽ xuất hiện những nút tròn bao quanh hình cầu (hình 8i). Dùng con chuột trỏ
vào một nút tròn lập tức sẽ có những mũi tên nhỏ xuất hiện. Chúng ta dùng chuột kéo nhẹ để
xoay trục đầu hơi nghiêng theo hình 8j.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
89
Không có nhận xét nào:
Đăng nhận xét