Tạo và hiệu chỉnh symbol

1. Tạo symbol từ Animate

  1. Mở Adobe Animate, tạo hoặc mở một file FLA.
  2. Trên Stage, vẽ hoặc đặt một đối tượng (ví dụ: hình tròn).
  3. Chọn đối tượng vừa tạo bằng công cụ Selection Tool (phím V).
  4. Nhấn F8 hoặc chọn Modify > Convert to Symbol.
  5. Trong hộp thoại hiện ra:
    • Đặt tên cho symbol.
    • Chọn loại: Movie Clip, Button, hoặc Graphic.
  6. Nhấn OK. Symbol được lưu vào Library và hiển thị dưới dạng instance trên Stage.

📷 2. Import từ các file Adobe Photoshop

  1. Chuẩn bị file .PSD đã được sắp xếp theo layer trong Photoshop.
  2. Trong Animate, chọn File > Import > Import to Stage (hoặc Import to Library).
  3. Chọn file PSD và nhấn Open.
  4. Cửa sổ Import xuất hiện:
    • Mỗi layer sẽ hiện lên kèm checkbox.
    • Bạn có thể chọn từng layer để biến thành Movie Clip, Bitmap, hoặc Graphic.
  5. Nhấn OK. Các đối tượng được nhập vào Stage và Library.

💡 Mẹo: Nếu file PSD có nhiều layer, Animate sẽ giữ nguyên cấu trúc và cho phép bạn sắp xếp lại hoặc hiệu chỉnh dễ dàng.

🛠️ 3. Hiệu chỉnh và quản lý các symbol

Hiệu chỉnh symbol:

  1. Vào Library (phím tắt Ctrl + L).
  2. Double-click vào symbol bạn muốn chỉnh sửa.
  3. Màn hình chuyển sang chế độ chỉnh sửa nội dung bên trong symbol.
  4. Tại đây, bạn có thể vẽ, thêm chuyển động, hiệu ứng hoặc thay đổi nội dung.

Quản lý symbol:

  • Trong bảng Library, bạn có thể:
    • Đổi tên symbol bằng cách click chuột phải > Rename.
    • Xóa symbol không dùng bằng Delete.
    • Tạo thư mục để nhóm các symbol theo danh mục (Right-click > New Folder).
    • Kéo symbol vào thư mục để sắp xếp gọn gàng.

🎯 4. Định vị các đối tượng của symbol trên Stage

  1. Chọn symbol instance trên Stage.
  2. Mở bảng Properties (phím Ctrl + F3).
  3. Trong phần Position and Size, bạn nhập:
    • Toạ độ X và Y để đặt chính xác vị trí.
    • W (width), H (height) để chỉnh kích thước.
  4. Hoặc sử dụng bảng Align (Window > Align) để:
    • Căn trái, phải, giữa, hoặc phân bố đều nhiều đối tượng.
    • Bật checkbox “Align to Stage” nếu bạn muốn căn theo khung Stage.

🌈 5. Điều chỉnh màu sắc, độ trong suốt và visibility

Màu sắc & độ trong suốt:

  1. Chọn symbol instance trên Stage.
  2. Trong Properties Panel, tìm mục Color Effect.
  3. Chọn chế độ:
    • Alpha: Điều chỉnh độ trong suốt (0% là trong suốt hoàn toàn).
    • Tint: Pha màu với màu bạn chọn.
    • Brightness / Advanced: Tùy chỉnh độ sáng và các kênh màu RGB.

Visibility (hiển thị):

  • Trong ActionScript: có thể dùng visible = false; để ẩn đối tượng hoặc true để hiện.
  • Hoặc trong HTML5 Canvas, bạn có thể điều chỉnh bằng JavaScript tương tự.

✨ 6. Các hiệu ứng blending và các hiệu ứng lọc đặc biệt

Blending Mode:

  1. Chọn symbol instance.
  2. Trong Properties > Display, mục Blend Mode.
  3. Chọn kiểu pha trộn:
    • Multiply (nhân màu), Screen (sáng hơn), Overlay (tăng độ tương phản)…

Bộ lọc đặc biệt (Filter):

  1. Chọn đối tượng.
  2. Vào bảng Filters (Window > Filters). Nếu chưa hiện, vào Properties > kéo xuống phần Filters.
  3. Nhấn dấu ➕ để chọn các bộ lọc như:
    • Drop Shadow: Tạo bóng đổ.
    • Blur: Làm mờ.
    • Glow: Tỏa sáng viền.
    • Bevel, Gradient Glow…: Tạo hiệu ứng nổi, ánh sáng…

Bạn có thể tùy chỉnh thông số: độ mạnh (strength), góc chiếu, màu, độ nhòe… để tạo phong cách riêng cho từng đối tượng.