Trình soạn thảo khung phím

Tạo các hoạt hình phức tạp, chính xác giờ sử dụng khung phím.

Timeline with keyframes Bảng thời gian XQ

Khung khóa là gì?

Các khung phím xác định giá trị tính chất cụ thể tại các điểm cụ thể theo thời gian. PinePaper tự động hoạt cảnh (đánh lạc hướng) giữa các khung phím để tạo chuyển đổi mịn.

Mở dòng thời gian

Bảng mạch thời gian ở dưới màn hình. Nếu ẩn:

  1. Click View trong thực đơn
  2. Chọn showline

Đang tạo khung phím

Phương pháp 1: Bảng thuộc tính

  1. Chọn mục
  2. Đặt đầu chơi theo thời gian đã muốn
  3. Thay đổi thuộc tính (định vị, tỷ lệ, độ mờ, màu)
  4. Name

Phương pháp 2: Bảng hẹn giờ

  1. Chọn mục
  2. Nhấn vào dòng thời gian vào thời điểm mong muốn
  3. Nhấn vào khung Khóa ** hoặc bấm XQQ

Thuộc tính

Thuộc tính Mô tả
Vị trí Tọa độ X, Y
Tỷ lệ Cỡ (không có dạng hay X/Y)
Xoay Góc theo độ
Độ trong suốt Trong suốt (0- 1)
Màu Màu Mục
Cỡ phông chữ Cỡ văn bản (chỉ các mục văn bản)

Comment

Khung chuyển động

Kéo khung phím sang trái hoặc phải trên dòng thời gian để thay đổi thời gian.

Giá trị sửa

  1. Nhấn vào khung phím để chọn nó
  2. Sửa đổi giá trị trong bảng làm việc
  3. Thay đổi áp dụng cho khung phím đó

Đang xoá khung phím

  1. Chọn khung phím
  2. Nhấn Delete hoặc nhấn nhấn chuột phải Làm cho khoá tắt

Hàm dao động

Điều khiển gia tốc của hoạt hình giữa khung phím:

Ánh sáng Mô tả
Tuyến Tốc độ liên tục
Từ từ vào Bắt đầu từ từ, kết thúc nhanh
Nhẹ nhàng ra Nhanh lên, chậm thôi
Từ từ ra ngoài Bắt đầu và kết thúc chậm
Va đập Name

Điều khiển phát lại

Ctrl Phím tắt Hành động
Phát/ Nền Space Bật lại
Bắt đầu Home Nhảy đến bắt đầu
Đến cuối End ♪ Nhảy tới cùng ♪
Chia cắt clip S Chia đoạn phim khóa dưới đầu trò chơi

Trim và Chia ra

Mỗi ô điều khiển khóa hoạt động xuất hiện trên dòng thời gian là một khối kẹp có thể kéo ( thanh indigo phía sau khung kim cương). Các đoạn clip cho phép bạn:

  • Drag cơ thể — dịch chuyển toàn bộ hoạt hình trong thời gian vải (timeOffset).
  • Drag rìa trái - tỉa bắt đầu giai đoạn đầu của trò chơi cận cảnh. Phía bên phải thanh neo, phù hợp với hội nghị Premiere/Canva.
  • Dqua qua cạnh bên phải - tỉa bớt phần cuối của phần được chơi dưới, kẹp vào thời gian quan trọng cuối cùng.
  • Press X1Q với đầu máy bên trong clip — tách ra ở đầu sân. Phần mới này trở thành mục đăng nhập của riêng nó; chia tách chuỗi sản xuất ra các mảnh N + 1.

Trường dữ liệu

Các bản đồ UI khóa clip đến các lĩnh vực trên mục:

Tìm kiếm Nghĩa là
timeOffset Name
clipInPoint Khung phím đầu tiên lúc các đoạn phim chơi (mặc định là 0)
clipOutPoint Khung phím cuối cùng thời gian các clip chơi (mặc định cho thời gian khung phím cuối cùng)

Bên ngoài cửa sổ vải của clip, mục được ẩn thông qua visible=false - bóng loáng được để lại một mình như vậy smmang-mang khung quan trọng vẫn hoạt động bên trong cửa sổ.

// Programmatic equivalent of right-edge trim.
const item = app.create('text', {
  content: 'Reveal', x: 400, y: 300,
  animationType: 'keyframe',
  timeOffset: 2,        // clip starts at canvas time 2s
  clipInPoint: 1,       // skip the first 1s of keyframe data
  clipOutPoint: 4,      // stop at 4s of keyframe data → 3s clip window
  keyframes: [
    { time: 0, properties: { opacity: 0 } },
    { time: 1, properties: { opacity: 1 } },
    { time: 4, properties: { opacity: 0.3 } },
  ],
});

Cái gì chia cho anh

Phần chia là một bản sao sâu. Mục Paper.js được sao chép thông qua Item.clone() ( tồn tại biến đổi + phong cách); dãy khung quan trọng (keyframes, contentKeyframes, propertyEasings) là JSON tròn, vì vậy mỗi phần sở hữu dữ liệu của nó. Dây xích chia thành hai phần theo tuyến tính: N chia tách các phần riêng biệt của N + 1, mỗi phần đăng nhập riêng của nó. Hậu quả thực tế:

  • Per-piece làm giảm - thay đổi một khung XQ trên một mảnh; còn những cái khác thì không.
  • Per-piece màu hay giá trị độ phân giải — chỉnh một khung phím fillColor, strokeColor, hoặc bất kỳ tính chất hoạt họa nào trên một mảnh để áp dụng một biến đổi khác trên cửa sổ của nó. Các bộ vẽ và chuyển đổi màu đã có xử lý HSL/RGB không thay đổi.
  • Per-piece đường dẫn không gian - XQQ sống bên trong khung phím cá nhân, do đó, uốn nắn con đường của một phần không ảnh hưởng đến phần còn lại.

Mảnh ghép không chồng lên nhau miễn là cửa sổ vẽ không chồng lên nhau. Kéo bất cứ mảnh vải nào đến vị trí mới, tỉa lại nó, hoặc tách nó ra xa hơn.

Ví dụ: Hoạt hình

  1. Chọn mục văn bản
  2. Vào lúc 0s: Đặt độ đậm đặc là 0
  3. Thời gian: Đặt độ đậm đặc là 1
  4. Đặt cho Ease out
  5. Nhấn vào để xem thử

Ví dụ: Chuyển đổi màu

  1. Chọn mục
  2. Vào lúc 0s: Đặt màu tô đầy #FF 1000 (red)
  3. Vào lúc 2: Đặt màu tô đầy # 1000FF (xanh)
  4. Màu sắc chuyển tiếp trơn tru qua quang phổ

Ví dụ: Hiệu ứng máy ảnh

Tạo khung phim hoạt hình qua những hình ảnh lớn dùng tấm vải làm cửa sổ xem.

Cách nó hoạt động

Khi bạn có một hình ảnh lớn hơn bức tranh của bạn:

  • canvas giới hạn đóng vai trò là cổng xem máy ảnh
  • Di chuyển hình ảnh bên trái = máy ảnh pans right**
  • Di chuyển hình ảnh = máy quay xoaydown**

Tạo ra một hoạt hình toàn cảnh

  1. Đặt kích cỡ vải đến đầu ra ưa thích (v. d., 1920×1080 cho video HD)
  2. Lmport một hình ảnh lớn (lớn hơn vải lớn)
  3. Hãy xác định ảnh do đó ô xem khởi động có thể nhìn thấy
  4. Create khung phím để di chuyển vị trí ảnh

Comment

Để quét qua ảnh theo kiểu rắn:

Thời gian Ảnh X Ảnh Y Hiệu ứng máy ảnh
0s 0 0 Góc trên- trái
2s -1920 0 Quay phải qua hàng 1
2.5s -1920 -200 Chuyển
4.5s 0 -200 Quay trái qua hàng 2
5 0 -400 Chuyển
7s -1920 -400 Quay phải qua hàng 3

Thay thế: Máy ảnh theo sau

Đối với chuyển động máy ảnh động theo sau một đối tượng:

  1. Tạo một đường dẫn nhỏ
  2. Thêm một liên kết XQQ để đánh dấu
  3. Hoạt cảnh vị trí dấu ấn
  4. Cổng xem tự động theo sau

Mẹo máy ảnh:

  • Dùng Ease In-out để chuyển động êm ái, điện ảnh
  • Giữ tốc độ cân bằng cho kết quả chuyên nghiệp
  • Xuất ra MP4 hay WebM để chất lượng tốt nhất

Mẹo

Mẹo khung phím:

  • Dùng khung phím ít hơn cho hoạt hình làm mịn hơn
  • Nhẹ nhàng trong ra tạo ra chuyển động tự nhiên
  • Xem thử thường để kiểm tra thời gian

Performance: Khung phím rất phức tạp (nhiều mục, nhiều khung phím) có thể ảnh hưởng đến hiệu suất xuất khẩu.