Cách Tạo Hoạt ảnh Trên Trang Web Của Bạn

Mục lục:

Cách Tạo Hoạt ảnh Trên Trang Web Của Bạn
Cách Tạo Hoạt ảnh Trên Trang Web Của Bạn

Video: Cách Tạo Hoạt ảnh Trên Trang Web Của Bạn

Video: Cách Tạo Hoạt ảnh Trên Trang Web Của Bạn
Video: Cách thiết kế hình ảnh chuyên nghiệp cho Website , Facebook , kênh Youtube 2024, Có thể
Anonim

Nếu bạn thích các yếu tố động trên các trang web và muốn làm sinh động trang web của mình nhưng không muốn bận tâm đến Flash, có một giải pháp đơn giản và hiệu quả -

Cách tạo hoạt ảnh trên trang web của bạn
Cách tạo hoạt ảnh trên trang web của bạn

Nó là cần thiết

Máy tính, trình chỉnh sửa đồ họa Adobe Photoshop 5 trở lên, trình chỉnh sửa Adobe Image Ready

Hướng dẫn

Bước 1

Khởi chạy Photoshop và tạo một hình ảnh 100x100 pixel mới. Đặt độ phân giải thành 72 pixel và chế độ RGB. Chọn tùy chọn Hiển thị Lớp từ mục menu Cửa sổ để hiển thị bảng Lớp.

Bước 2

Trong bảng công cụ, chọn một cây bút chì và vẽ một số hình ảnh. Trong bảng layer, nhấp vào Duplicate Layer, thao tác này sẽ tạo một bản sao của một lớp hiện có. Sử dụng công cụ tẩy để xóa bất kỳ phần nào của hình ảnh, sau đó thêm các thay đổi bằng bút chì. Tạo nhiều lớp nếu cần theo thứ tự mà chúng nên thay thế nhau. Mỗi lớp sẽ là một khung hoạt hình riêng biệt của bạn.

Bước 3

Đã đến lúc tạo hiệu ứng cho các khung hình kết quả. Từ menu Tệp, chọn Chuyển tới rồi chọn Sẵn sàng cho Adobe Image. Hành động này sẽ đưa bạn đến một trình chỉnh sửa đồ họa khác.

Bước 4

Từ menu Window, chọn tùy chọn Show Animation, tùy chọn này sẽ bật hiển thị bảng hoạt hình. Trong menu cài đặt bảng màu (biểu tượng mũi tên ở góc trên bên phải), chọn chức năng Make Frames from Layers, chức năng này sẽ chuyển đổi tất cả các lớp thành khung. Hình ảnh động gần như hoàn thành.

Bước 5

Đã đến lúc bắt đầu thiết lập khoảng thời gian. Chọn khung được yêu cầu và trong menu thả xuống (bên trái, dưới cùng) chọn khoảng thời gian cần thiết mà sau đó khung này sẽ được thay thế bằng khung khác. Làm điều này cho mọi khung hình ảnh động của bạn. Khi bạn hoàn tất, hãy sử dụng tùy chọn Save Optimized As để lưu

Đề xuất: