Học Adobe Flash CS4 Flash CS4 - Bài 11: Classic Tween trò chơi bập bênh đơn giản (Phần cuối) TT - Phần lý thuyết bổ sung cho thực hành: Tìm hiểu Grid Grid khung lưới giúp bạn dễ dàng định vị vẽ di chuyển đối tượng Theo mặc định, grid ẩn Để grid, bạn chọn View > Grid > Show Grid từ menu (hoặc phím tắt Ctrl+’): Để điều chỉnh thông số grid bạn chọn View > Grid > Edit Grid… từ menu (hoặc phím tắt Ctrl+Alt+G) Học Adobe Flash CS4 Hộp thoại Grid với thông số mặc định sau Màu mặc định grid màu xám Bạn đổi màu cho grid cách bấm vào ô màu bên cạnh mục Color để mở bảng màu thiết lập màu cho grid từ bảng màu Ở mục Show grid: chọn, grid xuất Ở mục Show over objects: chọn, grid xuất bên đối tượng; không chọn, grid xuất bên đối tượng Ở mục Snap to grid: chọn, bạn vẽ di chuyển đối tượng, chuột tự động bám vào ô lưới Học Adobe Flash CS4 Theo mặc định, chiều rộng chiều cao ô lưới 10 pixel Bạn thay đổi giá trị theo nhu cầu bạn cách điền giá trị vào ô bên cạnh mũi tên hai chiều nằm ngang thẳng đứng tương ứng với chiều rộng chiều cao Ở mục Snap accuracy (mức độ xác bám vào lưới): bạn bấm vào menu xổ xuống để chọn lựa thông số sau: - Must be close: bám vào rê chuột đến gần ô lưới - Normal: bám vào rê chuột đến ô lưới khoảng cách vừa phải - Can be distant: chuột bám vào lưới khoảng cách cịn xa - Always snap: chuột bám vào ô lưới dù bạn rê chuột vị trí Bấm OK để chấp nhận thông số vừa thiết lập cho file hành Bấm Save Default muốn file sau sử dụng thông số bạn vừa thiết lập Tìm hiểu Gradient Transform Tool Gradient Transform Tool giúp bạn điều chỉnh cách thể màu gradient cho đối tượng Để chọn Gradient Transform Tool, bạn bấm chuột vào Free Transform Tool giữ vài giây cho xuất menu phụ chọn Gradient Transform Tool Học Adobe Flash CS4 Chuột đổi thành mũi tên có ruột màu trắng Đưa chuột vào vùng có màu gradient, phía chuột xuất hộp chữ nhật biểu màu tô chuyển Tùy thuộc kiểu gradient, bạn có thơng số điều chỉnh sau: Trường hợp Linear gradient: Khi bạn bấm chọn vào vùng có màu linear gradient, quanh vùng xuất hai đường thẳng thể giới hạn hiệu lực màu gradient cho vùng Góc bên phải núm điều chỉnh góc xoay màu gradient Núm giữa, bên phải dùng để điều chỉnh độ rộng hẹp màu gradient Núm tròn dùng để điều chỉnh tâm màu gradient Học Adobe Flash CS4 Bạn rê chuột vào núm để điều chỉnh sau: Rê chuột vào núm điều chỉnh góc quay, thấy chuột chuyển thành vịng trịn có bốn mũi tên, bạn bấm xoay chuột theo chiều kim đồng hồ ngược lại để điều chỉnh góc xoay cho màu gradient Rê chuột vào núm điều chỉnh tâm giữa, thấy chuột chuyển thành mũi tên bốn chiều, bạn bấm kéo chuột để chuyển tâm màu gradient đến vị trí theo nhu cầu Rê chuột vào núm điều chỉnh độ rộng hẹp màu gradient, thấy chuột chuyển thành mũi tên hai chiều, bạn bấm kéo chuột sang phải sang trái để thay đổi kích thước vùng hiệu lực màu gradient Hai đường thẳng màu xanh thay đổi vị trí để cập nhật kích thước Học Adobe Flash CS4 Trường hợp vùng hiệu lực nhỏ vùng cần tơ màu gradient, có ba trường hợp để điều chỉnh mục Overflow Color panel màu gradient sau (xem kèm hình minh họa): Trường hợp Overflow: Extend, trường hợp mặc định-màu chọn tiếp tục phủ hết vùng cần tô Trường hợp Overflow: Reflect, màu phản chiếu lại vượt qua vùng hiệu lực để tiếp tục phủ hết vùng cần tô Trường hợp Overflow: Repeat, màu lặp lại vượt qua vùng hiệu lực để tiếp tục phủ hết vùng cần tô Học Adobe Flash CS4 Trường hợp Radial gradient Khi bạn bấm chọn vào vùng có màu radial gradient, quanh vùng xuất đường viền thể vùng hiệu lực màu radial gradient đường thẳng nằm ngang thể hình đường kính đường viền giới hạn hiệu lực màu gradient, đồng thời đường định hướng cho núm chỉnh tâm quầng sáng gradient núm điều chỉnh độ rộng hẹp cho gradient Hình tam giác núm điều chỉnh tâm quầng sáng màu gradient Núm tròn dùng để điều chỉnh tâm xoay màu gradient Núm vng có mũi tên sang phải dùng để điều chỉnh độ rộng hẹp màu gradient Núm trịn có mũi tên dùng để điều chỉnh độ co dãn (scale) vùng hiệu lực màu gradient Núm trịn có hình tam giác dùng để điều chỉnh góc xoay màu gradient Rê chuột vào núm điều chỉnh độ rộng hẹp màu gradient, thấy chuột chuyển thành mũi tên hai chiều, bạn bấm kéo chuột sang phải sang trái để thay đổi kích thước vùng hiệu lực màu gradient Học Adobe Flash CS4 Thả chuột ra, đường viền đường thẳng cập nhật thể vùng hiệu lực Rê chuột vào núm điều chỉnh độ co dãn màu gradient, thấy chuột chuyển thành vịng trịn có mũi tên giữa, bạn bấm kéo chuột để thay đổi đường kính vùng hiệu lực màu gradient Khi thả chuột ra, đường viền đường thẳng cập nhật thể vùng hiệu lực Học Adobe Flash CS4 Trường hợp vùng hiệu lực nhỏ vùng cần tơ màu gradient, có ba trường hợp để điều chỉnh mục Overflow Color panel màu gradient giống linear gradient: Rê chuột vào núm điều chỉnh góc quay, thấy chuột chuyển thành vịng trịn có bốn mũi tên, bạn bấm xoay chuột theo chiều kim đồng hồ ngược lại để điều chỉnh góc xoay cho màu gradient Học Adobe Flash CS4 Rê chuột vào núm điều chỉnh tâm quầng sáng, thấy chuột chuyển thành hình tam giác, bạn bấm kéo chuột dọc đường kính màu xanh để thay đổi vị trí tâm quầng sáng màu gradient Khi thả chuột ra, tâm quầng sáng chuyển đến vị trí Rê chuột vào núm điều chỉnh tâm xoay giữa, thấy chuột chuyển thành mũi tên bốn chiều, bạn bấm kéo chuột để chuyển tâm xoay màu gradient đến vị trí theo nhu cầu Học Adobe Flash CS4 Trường hợp Bimap Để tơ màu ruột hình bitmap cho đối tượng, bạn có hai trường hợp để thực hiện: Hình bitmap import sẵn trước đó: Bạn chọn Fill color để mở bảng màu chọn màu bitmap khu vực cuối bảng màu, trường hợp tô màu cho bục gỗ thực hành Hình bitmap chưa import sẵn trước đó: Bạn mở Color Panel thao tác giống trường hợp tô màu ván thực hành Sau đó, bạn dùng Gradient Transform Tool để hiệu chỉnh hình bitmap Sau chọn Gradient Transform Tool, bạn bấm chọn vào vùng có tơ màu bitmap, quanh vùng xuất khung chữ nhật màu xanh với núm điều khiển sau: Học Adobe Flash CS4 - Núm điều chỉnh kéo xiên theo chiều ngang (phía trên, giữa): Rê chuột vào núm này, thấy chuột chuyển thành mũi tên hai chiều ngang, bạn bấm kéo chuột sang phải trái để tạo độ xiên theo nhu cầu - Núm điều chỉnh kéo xiên theo chiều dọc (bên phải, giữa): Rê chuột vào núm này, thấy chuột chuyển thành mũi tên hai chiều đứng, bạn bấm kéo chuột lên xuống để tạo độ xiên theo nhu cầu - Núm điều chỉnh kích thước ngang (bên trái, giữa): Rê chuột vào núm này, thấy chuột chuyển thành mũi tên hai chiều ngang, bạn bấm kéo chuột sang trái phải để thay đổi độ rộng vùng hiệu lực màu tô theo nhu cầu - Núm điều chỉnh kích thước dọc (phía dưới, giữa): Rê chuột vào núm này, thấy chuột chuyển thành mũi tên hai chiều đứng, bạn bấm kéo chuột lên xuống để thay đổi chiều cao vùng hiệu lực màu tô theo nhu cầu - Núm điều chỉnh góc xoay (phía trên, bên phải): Rê chuột vào núm này, thấy chuột chuyển thành vòng tròn có bốn mũi tên, bạn bấm xoay chuột theo chiều kim đồng hồ ngược lại để điều chỉnh góc xoay màu tơ theo nhu cầu - Núm điều chỉnh tâm (ở giữa): Rê chuột vào núm này, thấy chuột chuyển thành mũi tên bốn chiều, bạn bấm kéo chuột để di chuyển tâm màu tô theo nhu cầu - Núm điều chỉnh độ co dãn (phía dưới, bên trái): Rê chuột vào núm điều chỉnh độ co dãn, thấy chuột chuyển thành mũi tên hai chiều xiên, bạn bấm kéo chuột để thay đổi vùng hiệu lực màu bitmap tô Khi thả chuột ra, khung màu xanh thay đổi tương ứng Trong hình minh họa, vùng hiệu lực màu bitmap tơ lớn hình chữ nhật cần tơ màu Học Adobe Flash CS4 Hình cho thấy hình bitmap lập lại bạn thu nhỏ vùng hiệu lực màu bitmap tô so với vùng cần tô màu ruột  .. .Học Adobe Flash CS4 Hộp thoại Grid với thông số mặc định sau Màu mặc định grid màu xám Bạn đổi màu cho grid cách bấm vào ô màu bên cạnh mục Color để mở bảng màu thiết lập màu cho grid từ bảng... nhu cầu Học Adobe Flash CS4 Trường hợp Bimap Để tơ màu ruột hình bitmap cho đối tượng, bạn có hai trường hợp để thực hiện: Hình bitmap import sẵn trước đó: Bạn chọn Fill color để mở bảng màu... vùng có tơ màu bitmap, quanh vùng xuất khung chữ nhật màu xanh với núm điều khiển sau: Học Adobe Flash CS4 - Núm điều chỉnh kéo xiên theo chiều ngang (phía trên, giữa): Rê chuột vào núm này, thấy