Làm thế nào để Thay đổi kích thước Adobe Edge Animate Stage - núm vú

Stage là nơi bạn sẽ đặt các phần tử của bạn, chẳng hạn như hình ảnh, văn bản và các đối tượng vẽ. Giai đoạn là một cửa sổ HTML trực tiếp, có nghĩa là những gì bạn thấy trên màn hình là những gì khán giả của bạn thấy khi họ xem và tương tác với thành phần của bạn. Bạn có thể điều chỉnh kích thước Stage theo hai cách khác nhau:

• Pixels: Adobe Edge Animate CC cho phép bạn thiết lập Giai đoạn để duy trì kích thước cụ thể bất kể kích thước của cửa sổ trình duyệt.

• Tỷ lệ phần trăm: Dành cho những người thích thiết kế web đáp ứng nhiều hơn.

• Thử nghiệm thiết kế web đáp ứng: Bạn có thể thay đổi màu nền của Giai đoạn để kiểm tra tính phản hồi của thiết kế của bạn.

Định cỡ Giai đoạn theo giá trị pixel

Rất có thể một trong những bước đầu tiên bạn muốn thực hiện là kích thước đúng Giai đoạn. Nếu bạn dự định chèn hình động vào một trang web hiện có, trước tiên hãy xác định có bao nhiêu không gian bạn muốn hoạt hình của bạn để chiếm trên trang đó, và sau đó kích thước Giai đoạn cho phù hợp.

Để thay đổi kích thước Stage, nhấp vào các số màu da cam trong phần Stage của bảng Properties - ở cột bên trái phía trên cùng của màn hình - như được hiển thị. Nhấp vào số chiều rộng hoặc chiều cao cho phép bạn nhập đúng kích thước (tính bằng pixel) mà bạn muốn Giai đoạn của mình có.

Nếu bạn không muốn gõ vào các con số, Edge Animate cung cấp cho bạn một phương pháp khác để thay đổi kích thước Stage: Đơn giản chỉ cần đặt con trỏ lên một trong số các con số màu da cam. Khi con trỏ biến thành mũi tên đôi (như được hiển thị), bạn có thể nhấp và kéo để tăng hoặc giảm kích thước của Giai đoạn.

Nếu bạn muốn tạo một hình ảnh động mà không phải phù hợp với bất kỳ kích thước cụ thể nào thì bạn nên chuyển từ các điểm ảnh (px) sang phần trăm (%), bằng cách nhấp vào nút chuyển đổi (xem hình này). Đây là một bước để tạo ra một thiết kế web đáp ứng. Khi bạn định kích thước Giai đoạn theo tỷ lệ màn hình thay vì bằng giá trị pixel, Giai đoạn sẽ tự kích thước theo kích thước của phần tử gốc.

Một ví dụ của phần tử cha mẹ có thể là chính cửa sổ trình duyệt - nếu hoạt ảnh là một trang web độc lập. Tuy nhiên, nếu hoạt ảnh là một phần của trang web thì phần tử gốc có thể là một phần tử div trong đó hình ảnh động được lồng vào.

Để cho Giai đoạn của bạn lấp đầy toàn bộ cửa sổ trình duyệt, hãy đặt chiều rộng và chiều cao Chân trời lên 100%, như thể hiện trong hình này. Để Giai đoạn của bạn điền vào một nửa cửa sổ trình duyệt, hãy đặt Giai đoạn xuống 50%; và như vậy, tùy thuộc vào số lượng cửa sổ trình duyệt mà bạn muốn hoạt hình của mình chiếm bao nhiêu.

Theo mặc định, nền của sân khấu là màu trắng. Vì vậy, bạn sẽ không thấy bất kỳ sự khác biệt nào trong Giai đoạn khi bạn chuyển đổi giữa px và%.

Để kiểm tra sự khác biệt giữa sử dụng px và% cho kích thước Giai đoạn, hãy thay đổi màu nền của Giai đoạn sang màu khác, chẳng hạn như màu đỏ. Sau đó, thử nghiệm với các tỷ lệ phần trăm khác nhau và kích thước px để xem các hiệu ứng khác nhau.

Để thay đổi màu nền của Giai đoạn (như được hiển thị), nhấp vào hình vuông màu trắng để đưa ra một bộ chọn màu.

Bạn có thể cho Edge Animate giữ tỷ lệ chiều rộng và chiều cao giống nhau bằng cách nhấp vào biểu tượng Liên kết Chiều rộng và Chiều cao (được tô sáng trong hình này). Theo mặc định, biểu tượng Liên kết Chiều rộng và Chiều cao bị tắt; với hiệu lực mặc định, Edge Animate sẽ không giữ chiều rộng (hoặc chiều cao) trong cùng một tỷ lệ khi bạn thay đổi kích thước.