Chuong 2 Cong cu ve Drawing

Baïn coù theå thay ñoåi hình daïng ñöôøng thaúng vaø ñöôøng vieàn ngoaøi ñöôïc taïo ra baèng caùc coâng cuï Pencil, Brush, Line, Oval hoaëc Rectangle baèng caùch choïn coâng cuï Arrow v[r]

(1)

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG

TỔNG QUAN VỀ CÁC CÔNG CỤ VẼ

Các công cụ vẽ Flash cho phép bạn tạo thay đổi hình dạng ảnh vẽ đoạn phim Bạn chọn trình đơn Help > Lessons > Drawing để biết thêm công cụ vẽ Flash Trước bạn vẽ tô màu Flash, điều quan trọng bạn phải làm quen với công cụ vẽ, tô màu thay đổi hình dạng đối tượng Layer

CÁC CÔNG CỤ VẼ VÀ TÔ MÀU TRONG FLASH

Flash cung cấp nhiều công cụ vẽ tự Bảng công cụ vẽ

hoặc công cụ vẽ xác đường (Line), hình dạng (Shape), đường dẫn (Path) đối tượng tô màu vẽ

 Vẽ đường nét hình dạng tự giống vẽ cơng cụ viết chì thật, bạn dùng công cụ Pencil  Vẽ đường thẳng xác đường cong, bạn dùng công cụ Pen  Vẽ hình học bản, bạn dùng cơng cụ Line, Oval Rectangle

 Taïo nét cọ vẽ giống vẽ cọ, bạn chọn công cụ Brush

Khi bạn dùng công cụ vẽ tô màu để tạo đối tượng, công cụ áp đặt nét cọ vẽ hành thuộc tính tơ màu vào đối tượng

Để thay đổi nét vẽ thuộc tính tơ màu đối tượng, bạn dùng công cụ Paint Bucket Ink Bottle

Bạn phục hồi lại đường nét đường viền theo nhiều cách khác sau bạn tạo chúng Thuộc tính nét vẽ tơ màu xem đối tượng độc lập Bạn chọn thuộc tính tơ màu nét vẽ tách rời để di chuyển thay đổi chúng Bạn dùng chế độ bắt dính để canh đối tượng thẳng hàng với công cụ vẽ chế độ khung lưới đường Guide

CÁC HÌNH DẠNG CHỒNG LẤP (OVERLAPPING SHAPE) TRONG FLASH

(2)

Chú ý : Các đường thẳng chồng mà bạn dùng công cụ Pen tạo chia đoạn thành đoạn

Một vùng màu tô, vùng màu tô với đường thẳng xuyên qua hai vùng màu chia với ba đoạn thẳng tạo thành đoạn

Khi bạn tô màu phần đối tượng đường thẳng, phần chia bên thay màu mà màu bên tô Khi tô màu trộn màu lại với Việc tô màu khác có khác biệt, màu khác khơng hịa trộn màu với Bạn dùng thuộc tính để tạo lớp mặt nạ, viền ảnh âm tính khác Ví dụ như, viền màu bên tạo cách di chuyển ảnh (file Kite) khơng nhóm lại vào đối tượng màu xanh cây, chọn lại ảnh Kite sau loại bỏ phần ảnh Kite tô màu xanh

Để tránh việc thay đổi đối tượng đường thẳng cách vơ tình cách vẽ chồng lên chúng, bạn nhóm đối tượng dùng lớp Layer để tách biệt chúng

VẼ BẰNG CÔNG CỤ PENCIL

(3)

 Vẽ công cụ Pencil:

1 Chọn công cuï Pencil

2 Chọn màu cho nét vẽ, kiểu nét vẽ trọng lượng nét vẽ Chọn chế độ có hộp cơng cụ Options:

 Chọn chế độ Straighten để vẽ đường thẳng nét chuyển đổi xấp xỉ

các hình tam giác, hình bầu dục, hình trịn, hình chữ nhật hình vng thành dạng hình học thơng thường

 Chọn chế độ Smooth để vẽ đường cong nhẵn

 Chọn chế độ Ink để vẽ đường thẳng tự mà khơng có thay đổi

naøo

Các đường thẳng vẽ với chế độ Straighten, Smooth Ink

Kéo công cụ Pencil vào vùng Stage để vẽ Trong vẽ nhấn phím Shift để cố đường thẳng đứng đường nằm ngang cho thật thẳng mong muốn

VẼ ĐƯỜNG THẲNG, HÌNH BẦU DỤC VÀ HÌNH CHỮ NHẬT

Bạn dùng cơng cụ Line, Oval Rectangle để tạo kiểu hình hình học dễ dàng Cơng cụ Oval Rectangle tạo nét vẽ tô đầy màu cho vùng vừa vẽ Bạn dùng cơng cụ Rectangle để tạo hình chữ nhật có góc vng trịn

 Cách vẽ đường thẳng, hình bầu dục hình chữ nhật: Chọn cơng cụ Line, Oval Rectangle Chọn thuộc tính cho nét vẽ màu tơ

Chú ý : Bạn khơng thể thiết lập thuộc tính tơ màu cho công cụ Line Đối với công cụ Rectangle phải xác định góc

(4)

4 Kéo vùng Stage bạn dùng công cụ Rectangle nhấn phím Up Down Arrow kéo để hiệu chỉnh bán kính góc trịn

Đối với công cụ Oval Rectangle, nhấn phím Shift kéo để tạo hình trịn hình vng Đối với cơng cụ Line, nhấn phím Shift kéo để tạo nhiều đường thẳng có góc 45°

DÙNG CÔNG CỤ PEN

Để vẽ đường thẳng mong muốn đường cong mịn cong liền nét, bạn dùng cơng cụ Pen Bạn tạo đoạn thẳng đường cong hiệu chỉnh độ dài, góc tạo đoạn độ nghiêng đoạn cong

Khi bạn chọn công cụ Pen, bạn nhấp chuột vào nơi để tạo điểm đoạn thẳng Sau nhấp chuột kéo để tạo đoạn đường cong Bạn hiệu chỉnh đoạn thẳng đoạn đường cong cách hiệu chỉnh điểm đường thẳng Bạn làm đảo ngược đường cong thành đường thẳng ngươc lại Ngồi bạn làm hiển thị điểm đường thẳng mà bạn tạo với công cụ vẽ Flash công cụ Pencil, Brush, Line, Oval Rectangle để hiệu chỉnh đường

Chọn công cụ Pen để vẽ hiệu chỉnh điểm vẽ đường thẳng THIẾT LẬP CÁC MỨC ƯU TIÊN CHO CÔNG CỤ PEN

(5)

Cách thiết lập mức ưu tiên cho công cụ Pen

1 Chọn trình đơn Edit > Preferences nhấp chuột vào tab Editing cửa sổ mở

2 Bên mục Pen Tool, bạn thiết lập tùy chọn sau đây:

 Chọn mục Show Pen Preview để xem đoạn thẳng bạn vẽ Flash hiển thị đoạn thẳng bạn di chuyển trỏ xung quanh vùng Stage, trước bạn nhấp chuột tạo điểm cuối đoạn thẳng Nếu tùy chọn khơng chọn, Flash không hiển thị đoạn thẳng bạn tạo điểm cuối đoạn thẳng

 Chọn mục Show Solid Points để xác định điểm neo (mấu) chưa chọn xuất điểm đặc điểm chọn xuất điểm rỗng (theo mặc định tùy chọn chọn) Chọn lại mục chọn điểm chưa chọn điểm rỗng điểm chọn điểm đặt

(6)

Chú ý : Nhấn phím Caps Lock bạn làm việc để chuyển đổi trỏ Chọn xong nhấp chuột vào nút OK

VẼ ĐƯỜNG THẲNG BẰNG CÔNG CỤ PEN

Để vẽ đoạn thẳng công cụ Pen, bạn tạo điểm neo, điểm đường thẳng xác định chiều dài đoạn thẳng riêng biệt

Cách vẽ đường thẳng công cụ Pen: Chọn công cụ Pen

2 Chọn thuộc tính nét vẽ tơ màu cho đường thẳng cần vẽ

3 Đặt trỏ vào vùng Stage nơi muốn bắt đầu vẽ đường thẳng, nhấp chuột vào để xác định mấu neo cho trỏ

4 Nhấp chuột lần cho đoạn thẳng đường thẳng kết thúc Nhấn phím Shift để cố định góc vẽ 450

5 Tiếp tục nhấp chuột để tạo đoạn thẳng bổ sung khác

Để kết thúc đường vẽ, bạn thực thao tác sau đây:

(7)

 Kết thúc đường, đặt công cụ Pen

vị trí trỏ điểm vừa vẽ Một dấu tròn rỗng nhỏ xuất kế bên đầu ngịi viết vẽ Sau nhấp chuột kéo để kết thúc đường vẽ

 Để kết thúc nét vẽ, bạn chọn

trình đơn Edit > Deselect All chọn công cụ khác hộp công cụ

VẼ ĐƯỜNG CONG BẰNG CƠNG CỤ PEN

Bạn tạo đường cong cách kéo công cụ Pen theo hướng bạn muốn đường cong tạo điểm mấu neo đầu tiên, sau kéo cơng cụ Pen theo hướng đối lập để tạo điểm mấu neo thứ hai

Khi dùng công cụ Pen để tạo đường cong, điểm mấu neo đoạn đường cong xuất handle tiếp tuyến Góc tiếp tuyến chiều dài handle tiếp tuyến xác định độ cao, góc tiếp tuyến chiều sâu lõm vào đường cong Việc di chuyển handle tiếp tuyến làm thay đổi hình dạng đường cong

 Cách vẽ đường cong:

1 Chọn công cụ Pen hộp công cụ Đặt công cụ Pen vào vùng Stage nơi bạn muốn đường cong bắt đầu Sau giữ nút chuột Điểm mấu neo đầu tiên xuất đầu mút ngòi viết thay đổi đầu mũi tên

3 Kéo theo hướng bạn muốn đoạn đường cong vẽ Khi bạn kéo, handle tiếp tuyến xuất đường cong Nhấp phím Shift kéo để có đường cong góc 450

(8)

5 Đặt trỏ nơi bạn muốn vị trí đường cong kết thúc nhấn giữ nút chuột kéo sang hướng đối diện để kết thúc đoạn vừa vẽ Nhấp phím Shift kéo

6 Vẽ đoạn đường cong kế tiếp, đặt trỏ vào vùng bạn muốn đoạn kết thúc kéo chuột khỏi đường cong

HIỆU CHỈNH CÁC MẤU NEO TRÊN ĐƯỜNG VẼ

Khi bạn vẽ đường cong công cụ Pen, bạn tạo điểm cong (Curved Point), gồm có điểm mấu neo đường cong liên tục

Khi bạn vẽ đường thẳng nối tiếp đến đoạn đường cong, bạn tạo điểm gốc (Corner Point), điểm mấu neo đường thẳng vùng tiếp nối đường thẳng đường cong

Theo mặc định, điểm đường cong chọn xuất lổ tròn rỗng điểm gốc chọn xuất lỗ vuông rỗng Biến đổi đoạn đường thẳng từ đoạn thẳng thành đoạn đường cong ngược lại, bạn chuyển đổi điểm gốc sang điểm cong (Curved Point) ngược lại

Ngồi ra, bạn di chuyển, thêm xoá điểm mấu neo đường vẽ Bạn di chuyển điểm mấu neo cách dùng công cụ Subselection để hiệu chỉnh độ dài, góc đoạn thẳng hệ số góc đoạn đường cong

(9)

Việc xố điểm mấu neo không cần thiết đường cong nhằm để tối ưu hoá đường cong làm giảm kích thước file

 Cách di chuyển điểm mấu neo : Dùng công cụ Subselection kéo noù

 Cách di chuyển hay nhiều điểm mấu neo : Chọn nhiều điểm cơng cụ Subselection dùng phím mũi tên để di chuyển điểm chọn

 Cách chuyển đổi điểm mấu neo, bạn thực hai bước sau :

 Chuyển đổi điểm gốc sang điểm cong, dùng công cụ Subselection

chọn điểm sau nhấn phím Alt kéo điểm (trong Windows) nhấn phím Option kéo (trong Macintosh)

 Chuyển đổi điểm cong sang điểm góc, dùng cơng cụ Pen nhấp

chuột điểm

 Cách thêm vào điểm : Nhấp công cụ Pen vào đoạn thẳng  Cách xoá điểm, bạn thực thao tác sau:

 Xoá điểm gốc, dùng

cơng cụ Pen nhấp chuột vào điểm cần xố lần

 Xoá điểm cong, dùng cơng Pen nhấp chuột vào điểm cần xố hai

lần (Nhấp chuột lần để chuyển đổi điểm cong sang điểm gốc lần để xố điểm gốc đó.)

 Dùng cơng cụ Subselection chọn điểm cần xố, sau nhấn phím Delete HIỆU CHỈNH CÁC ĐOẠN

(10)

 Hiệu chỉnh đoạn thẳng:

1 Chọn công cụ Subselection chọn đường thẳng

2 Dùng công cụ Subselection để kéo điểm đoạn thẳng sang vị trí

 Hiệu chỉnh đoạn đường cong : Chọn công cụ Subselection kéo đoạn cong

Chú ý : Các điểm thường bị che dấu bạn dùng cơng cụ Subselection nhấp chuột vào đường thẳng Để xem điểm sau hiệu chỉnh, bạn dùng cơng cụ Subselection cơng cụ Pen nhấp vào đoạn thẳng Ngồi ra, bạn dùng cơng cụ Subselection để thêm điểm vào đường thẳng

 Hiệu chỉnh nhiều điểm nhiều handle tiếp tuyến đường cong:

1 Chọn công cụ Subselection chọn đoạn đường cong Lúc handle tiếp tuyến xuất đường cong

2 Thực thao tác sau:

 Hiệu chỉnh vị trí mấu neo

đường cong kéo điểm

 Hiệu chỉnh hình dạng đường cong

hai mặt mấu neo đó, sau kéo điểm kéo handle tiếp tuyến Trong kéo nhớ nhấn phím Shift để cố định góc 450

VẼ BẰNG CÔNG CỤ BRUSH

Cơng cụ Brush tạo nét vẽ giống cọ giống thể bạn sơn Nó cho phép tạo hiệu ứng đặc biệt, hiệu ứng tạo chữ đẹp Trong hầu hết trường hợp, bảng chọn dễ sử dụng, bạn có nhiều cách hiệu chỉnh độ rộng chọn nét vẽ cọ vẽ cách nhấp chuột vào chọn bút vẽ Stylus Bạn dùng ảnh Bitmap nhập vào dùng công cụ Brush để vẽ

Chọn bút vẽ với nét cọ vẽ lớn

 Vẽ công cụ Brush: Chọn công cụ Brush

2 Chọn màu cho cọ vẽ Bạn xem mục “Xác định thuộc tính cho nét cọ vẽ màu vẽ”

(11)

3 Nhấp chuột chọn chế độ bảng bổ sung chọn chế độ vẽ:

 Chế độ vẽ Paint Normal vẽ đường thẳng

phủ đầy màu Layer

 Chế độ vẽ Paint Fills tô màu vùng trống,

đường thẳng không bị thay đổi

 Chế độ vẽ Paint Behind tô chỗ trống

vùng Stage Layer, đường thẳng không thay đổi màu

 Chế độ Paint Selection áp đặt vùng màu

vào vùng chọn bạn chọn màu vùng bổ sung màu Fill bảng Fill (Tùy chọn giống việc chọn vùng màu tô áp đặt màu mới)

 Chế độ vẽ Paint Inside vẽ tô màu bên vùng chọn, chúng không cho

phép bạn tơ màu bên ngồi đường chọn Nếu bạn bắt đầu vẽ vùng trống, việc tô màu không ảnh hưởng đến vùng màu tô tồn

Ảnh gốc với chế độ Paint Normal, Paint Behind, Paint Selection, Paint Fills Paint Inside

4 Chọn kích thước cọ vẽ, hình dáng cọ màu cọ vẽ bảng bổ sung công cụ Brush

5 Nếu bảng cơng cụ bổ sung gắn vào máy tính bạn, bạn chọn vùng cơng cụ bổ sung Pressure để thay đổi độ rộng nét cọ vẽ cách thay đổi bút cọ vẽ Stylus

6 Kéo chuột vùng Stage Trong kéo chuột vào vùng Stage, bạn nhấn phím Shift để cố định nét cọ vẽ theo hướng đường thẳng đường ngang

(12)

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG PHỤC HỒI HÌNH DẠNG ĐƯỜNG THẲNG VÀ ĐƯỜNG VIỀN NGOÀI

Bạn thay đổi hình dạng đường thẳng đường viền tạo công cụ Pencil, Brush, Line, Oval Rectangle cách chọn công cụ Arrow vào kéo vào đối tượng cách tối ưu đường cong

Ngồi bạn dùng cơng cụ Subselection để hiển thị tất điểm đường thẳng đường viền thay đổi đường thẳng đường viền cách hiệu chỉnh điểm

Bạn cho hiển thị điểm mấu neo đường thẳng đường viền tạo công cụ Pencil, Brush, Line, Oval Rectangle

 Chọn công cụ Subselection

 Nhấp chuột vào đường thẳng đường viền ngồi

Dùng cơng cụ Subselection tạo vùng chọn sau nhấp chuột vào đường thẳng đường viền ngồi để thay đổi hình dạng

THAY ĐỔI HÌNH DẠNG DÙNG CƠNG CỤ ARROW

Để thay đổi hình dạng đường thẳng đường viền ngồi, bạn dùng cơng cụ Arrow kéo vào điểm có đường thẳng Lúc trỏ thay đổi để kiểu hình dáng đối tượng bị thay đổi

Flash hiệu chỉnh đường cong đoạn thẳng làm cho phù hợp với vị trí điểm di chuyển Nếu điểm định vị lại điểm cuối, bạn làm cho đường thẳng dài hoặn ngắn Nếu điểm định vị lại điểm gốc, đoạn thẳng giữ góc chúng thay đổi dài ngắn

Khi góc vng xuất kế bên trỏ, bạn thay đổi điểm cuối Trong đường cong xuất kế bên trỏ, bạn hiệu chỉnh cho đường thẳng đường cong cong Nếu bạn gặp rắc rối việc thay đổi hình dạng đường thẳng phức tạp, bạn làm nhẵn để loại bỏ số chi tiết, tạo lại cho hình dáng dễ nhìn Việc làm tăng độ phóng đại giúp cho việc thay đổi hình dạng đối tượng dễ dàng xác

(13)

1 Chọn công cụ Arrow

2 Chọn hai thao taùc sau:

 Kéo điểm đoạn thẳng để định dạng lại hình dáng

 Kéo chuột vào đường thẳng nhấn phím Ctrl (trong Windows)

phím Option (trong Macintosh) để tạo điểm gốc

LAØM THẲNG VÀ NHẴN CÁC ĐƯỜNG THẲNG

Bạn thay đổi hình dáng đường thẳng đường viền ngồi cách làm thẳng nhẵn chúng

Chú ý : Hiệu chỉnh góc độ làm nhẵn thẳng tự động cách chọn chế độ thiết lập vẽ có trình đơn Edit > Preferences

Việc làm thẳng đường thẳng đường cong tạo thay đổi nhỏ bạn vẽ Nó khơng có tác dụng đoạn thẳng

Ngồi ra, bạn dùng kỹ thuật làm thẳng để tạo hình dạng nhận dạng khác Flash Nếu bạn vẽ hình ơ-van, hình chữ nhật hình tam giác với tùy chọn Recognize Shapes tắt đi, bạn dùng tùy chọn Straightening để làm cho hình dạnh hồn hảo (Bạn xem mục “Cách chọn chế độ thiết lập vẽ” để biết thêm chi tiết mục tùy chọn Recognize Shapes trình đơn Edit > Preferences) Các hình dạng khơng nhận dạng mà chúng chạm bạn vẽ, chúng tự nối kết đến thành

(14)

Việc làm nhẵn làm mềm cạnh cong làm giảm độ nảy chế độ rung tất hướng ơ-van đường cong Ngồi ra, cịn làm giảm số lượng đoạn cong Tuy nhiên việc làm nhẵn cân đối khơng có tác động đến đoạn thẳng

Đặc biệt, điều có ích bạn gặp rắc rối với việc làm thay đổi hình dạng số đoạn thẳng cong ngắn Chọn tất đoạn làm nhẵn đoạn tạo đường cong nhẹ nhàng dễ dàng thay đổi hình dạng

Lặp lại ứng dụng làm nhẵn làm cho đoạn nhẵn thẳng phụ thuộc vào đoạn cong đoạn thẳng gốc ban đầu

2 Làm nhẵn độ cong đường viền chọn đường cong:

Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Smooth vùng tùy chọn Options hộp công cụ chọn trình đơn Modify > Smooth

3 Tạo thay đổi thẳng nhỏ viền chọn đường cong:

Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Straighten vùng tùy chọn Options hộp công cụ chọn trình đơn Modify > Straighten

4 Dùng chế độ nhận dạng

Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Straighten chọn trình đơn Modify > Straighten

TỐI ƯU HOÁ CÁC ĐƯỜNG CONG

Cách khác để làm nhẵn đường cong tối ưu hoá chúng Điều làm cải tiến đường cong đường viền cách làm giảm số lượng đường cong dùng để xác định thành phần

Ngoài ra, việc tối ưu hố làm giảm kích thước đoạn phim Flash xuất file Flash Player Với công cụ bổ sung Smooth hay Straighten lệnh có trình đơn, bạn áp dụng chế độ tối ưu hoá thành phần nhiều lần

Cách tối ưu hoá các đường cong

1 Chọn thành phần vẽ để tối ưu hố chúng chọn trình đơn Modify > Optimize

(15)

3 Thiết lập tùy chọn bổ sung

 Chọn mục Use Multiple Passes (Slower) lặp lại trình làm nhẵn

khơng cịn chế độ tối ưu hoá Điều giống việc chọn chế độ tối ưu hoá lặp lại nhiều lần thành phần chonï

 Chọn mục Show Totals Message để hiển thị hộp thoại thay đổi mức

tối ưu hoá chế độ làm nhẵn chọn

4 Sau nhấp OK

CƠNG CỤ XỐ

Xố công cụ Eraser loại bỏ tất các màu đường nét vẽ Bạn xố cách nhanh chóng thứ có vùng Stage, xố đoạn viền nét vẽ, vùng màu dùng chuột kéo tách biệt

Bạn tối ưu hố cơng cụ Eraser để có xố nét vẽ, vùng màu vùng màu độc lập Cơng cụ Eraser chọn hình vng hình cầu, có năm kích thước khác

Để xoá tất thứ có vùng Stage cách nhanh chóng tiến hành cách nhấp đúp chuột vào cơng cụ xố

 Xoá đoạn nét vẽ vùng màu

1 Chọn công cụ Eraser sau nhấp chuột vào vùng cơng cụ bổ sung chọn Faucet

2 Nhấp chuột vào đoạn nét vẽ vùng màu mà bạn muốn xoá

 Xoá cách kéo chuột

1 Nhấp chuột chọn công cụ Eraser

(16)

 Chế độ Erase Normal xoá đường viền

nét vẽ Layer

 Chế độ Erase Fills xoá màu tô;

đường nét vẽ không bị ảnh hưởng

 Chế độ Erase Lines xoá đường nét vẽ,

màu tô không bị ảnh hưởng

 Chế độ Erase Selected Fills xố vùng

màu hành, khơng làm ảnh hưởng đến màu chọn đường nét vẽ (Chọn vùng màu bạn muốn xoá trước dùng công cụ Eraser chế độ này.)

 Chế độ Erase Inside xoá vùng màu mà

bạn bắt đầu xoá đường nét vẽ Nếu bạn bắt đầu xoá điểm trống, khơng xố Các đường nét vẽ khơng bị ảnh hưởng chế độ xoá

3 Nhấp chuột vào vùng công cụ bổ sung chọn cơng cụ Eraser Shape Sau chọn loại cơng cụ xố có bảng Bảo đảm chế độ Faucet chưa chọn

4 Kéo chuột vào vùng Stage

THAY ĐỔI HÌNH DẠNG CỦA ĐỐI TƯỢNG

Bạn làm thay đổi hình dạng đối tượng cách biến đổi đường thẳng sang vùng màu tô, mở rộng hình dạng đối tượng tơ màu, làm mềm góc tơ màu cách thay đổi dạng đường cong

Đặc tính Lines to Fills thay đổi đường thẳng sang vùng màu, cho phép bạn tô màu đường thẳng màu Gradients xố phần đường thẳng Các đặc tính Expand Shape Soften Edges cho phép bạn mở rộng đối tượng tô màu làm mờ góc

Lệnh Expand Shape Soften Edges làm việc tốt đối tượng nhỏ khơng có nhiều chi tiết nhỏ Áp đặt lệnh Soften Edges đối tượng nhiều chi tiết làm tăng kích thước file Flash Player

 Biến đổi đường thẳng thành màu tô:

a Chọn nhiều đường thẳng

b Chọn trình đơn Modify > Shape > Convert Lines to Fills

(17)

1 Mở rộng hình dạng đối tượng tô màu:

1 Chọn đối tượng tô màu Lệnh hoạt động tốt đối tượng tô màu đường viền

2 Chọn trình đơn Modify > Shape > Expand Fill

3 Trong hộp thoại Expand Fill, nhập vào giá trị pixel mục Distance chọn mục Expand Inset tùy chọn Direction Mục Expand mở rộng kích thước đối tượng mục Inset làm nhỏ kích thước đối tượng

2 Cách làm mềm góc đối tượng:

1 Chọn đối tượng tô màu Lệnh hoạt động tốt đối tượng tô màu khơng có đường viền

2 Chọn trình đơn Modify > Shape > Soften Fill Edges Thiết lập tùy chọn sau đây:

 Mục Distance độ rộng điểm pixel góc mềm

 Mục Number of Steps điều khiển số đường cong sử dụng cho hiệu

ứng góc mềm Tạo thêm nhiều bước mục làm cho hiệu ứng nhẵn làm cho kích thước file lớn

 Các mục Expand Inset điều khiển hình dạng đối tượng lớn lên

(18)

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG CHẾ ĐỘ BẮT DÍNH ( SNAP)

Để xếp thành phần có vùng Stage tự động bắt dính vào nhau, bạn dùng chế độ Snap (bắt dính) Chế độ Snap mở vùng cơng cụ bổ sung bạn chọn công cụ Arrow, chọn lệnh Snap to Objects trình đơn View

Chú ý : Ngồi bạn chọn chế độ bắt dính vào khung lưới vào đường Guide

Nếu vùng công cụ bổ sung bạn chọn công cụ Arrow mở, xuất chế độ Snap, vòng đen nhỏ xuất bên trỏ bạn kéo đối tượng Vòng nhỏ thay đổi sang vòng lớn đối tượng nằm khoảng cách đường khung lưới

Để mở tắt chế độ Snap, bạn chọn hai chế độ sau:

 Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Snap hộp

công cụ

 Chọn trình ñôn View > Snap to

Objects Một dấu kiểm xuất phía trước lệnh Snap to Object chế độ Snap chọn

Khi bạn di chuyển thay đổi hình dáng đối tượng, vị trí cơng cụ Arrow đối tượng cung cấp trỏ tham chiếu đến vùng Snap Chẳng hạn bạn di chuyển đối tượng tô màu cách kéo đối tượng đến gần tâm nó, trỏ tâm bắt dính vào đối tượng khác Đặc biệt điều có ích cho việc bắt dính đối tượng chuyển động thay đường dẫn chuyển động

3 Cách hiệu chỉnh dung sai chế độ Snap:

Hiệu chỉnh chế độ thiết lập mục Connect Lines bên mục tùy chọn Drawing Settings trình đơn Edit > Preferences

CHỌN CÁC CHẾ ĐỘ THIẾT LẬP CHO CÔNG CỤ VẼ

(19)

Chế độ thiết lập Tolerance tương đối phụ thuộc vào độ phân giải màu hình máy tính bạn độ phóng đại hành Scene Theo mặc định, tùy chọn mở lên có chế độ thiết lập Tolerance Normal

 Cách thiết lập chế độ thiết lập cho công cụ vẽ:

1 Chọn trình đơn Edit > Preferences nhấp chuột vào tab Editing

2 Bên mục Drawing Settings, bạn chọn tùy chọn sau:

 Mục chọn Connect Lines xác định đường vẽ kết thúc đoạn thẳng tồn trước bắt dính vào điểm gần đoạn thẳng khác Các tùy chọn sẵn có Must Be Close, Normal Can Be Distant Ngoài chế độ thiết lập điều khiển nhận biết đường thẳng ngang dọc Flash giúp bạn vẽ đường thẳng ngang dọc cách xác Khi bạn chọn tùy chọn Snap to Objects, chế độ thiết lập điều khiển đối tượng gần bắt dính vào

 Mục chọn Smooth Curves xác định độ nhẵn áp đặt vào đường cong vẽ công cụ Pencil bạn thiết lập chế độ vẽ Straighten Smooth (Các đường cong nhẵn dễ thay đổi hình dáng đối tượng đường cong thơ kệt lởm chởm làm cho đường vẽ giống đường vẽ ban đầu) Các tùy chọn Off, Rough, Normal Smooth

Chú ý : Bạn làm nhẵn đoạn cong dùng trình đơn Modify > Smooth Modify > Optimize  Mục chọn Recognize Lines xác định đoạn thẳng gần thẳng dùng công cụ vẽ Pencil trước Flash nhận dạng làm thẳng hồn tồn Các mục chọn Off, Strict, Normal Tolerant Nếu bạn tắt mục Recognize Lines vẽ, sau bạn làm thẳng đường thẳng cách chọn nhiều đoạn thẳng chọn trình đơn Modify > Straighten

 Mục chọn Recognize Shapes điều khiển xác việc nhận dạng vẽ lại dạng hình học mà bạn vẽ đường trịn, hình ơ-van, hình vng, hình chữ nhật hình cung 900 và1800 cách xác Các tùy chọn Off,

Strict, Normal Tolerant Nếu bạn tắt mục Recognize Shapes vẽ

(20)

bạn làm thẳng đường thẳng sau cách chọn nhiều hình, (chẳng hạn đoạn thẳng nối lại với nhau) chọn trình đơn Modify > Straighten

 Nhấp chuột vào mục chọn Accuracy xác định kiểu trỏ trước Flash nhận dạng chúng Các tùy chọn Strict, Normal, Tolerant

Các bạn học xong cách dùng công cụ vẽ bản, trước qua học tiếp phần lý thuyết tô màu bạn làm thử tập mẫu sau để rõ phần lý thuyết

Cần ý nhớ lưu kết để dùng lại phần thực phim hoạt hình chương sau Các tập biên soạn thực hành Flash tốt cho việc học CorelDraw, Illustrator hay Freehand Các bạn thử thực hành với tập thấy điểm lý thú với giới đồ họa Chỉ qua phát thảo đường thẳng đường tròn bạn tạo nhiều khn mặt với tính cách khác Cố gắng nhận xét nét vẽ trước bắt đầu thực hành vẽ hình sau