Hướng dẫn Tạo banner động cho website nhanh nhất

Trong bài học photoshop thời điểm hôm nay mình sẽ hướng dẫn cho các bạn tạo một Tạo baner động cho trang web nhanh nhất có thể chỉ với một số trong những bước đơn giản nhưng. Đây là công việc mà bất kỳ một nhà tạo mẫu nào cũng phải biết mặc dầu là người mới ban đầu vào nghề hay các nhà tạo mẫu bài bản và chuyên nghiệp. Cho nên vì thế các bạn cấn nắm vững những kỹ năng này, tất cả chúng ta sẽ ban đầu ngay lúc bấy giờ nhé.

Bước 1: Tạo một file mới

Bạn mở ứng dụng Photoshop => vào File => chọn New => giờ đây sẽ hiện ra một hộp thư thoại và các bạn sẽ điền đầu đủ thông tin như sau: tại ô Preset chọn Webk, tại ô kích thước chọn Leaderboard, chọn Width là 728px, Height là 90px, chọn Resolution là 72px. Tại ô Color mode chọn RGB color – 8bit, ô Background Contents chọn White. Sau khoản thời gian đã điều chỉnh các thông số kỹ thuật bạn nhấn OK là được.

tao banner

tiếp theo sau bạn vào View => chọn Snap To => chọn Document Bounds => kéo và thả rồi kéo thả Logo thiết yếu kế vào trong file vừa tạo.

Bước 2: Thêm đồ họa

Nếu bạn muốn thay đổi size của file thì chúng ta cũng có thể kiểm soát và điều chỉnh thông số kỹ thuật của kích thước tùy theo form size màn hình của bạn.

Tại bước này bạn thêm hình mũi tên vào Logo đang tạo hay thêm bất kỳ chi tiết cụ thể nào mà bạn rất thích.

Lưu ý: bạn phải đặt tên đúng cho các Layer mà mình tạo để hạn chế nhầm lẫn nhé.

Bước 3: Thêm các slide phụ

Tại bước này bạn tăng thêm một Layer giống với Layer cũ, sau đó bạn tắt type layer ở dưới. Tiếp sau bạn nhập tex vào Layer vừa tạo. Chúng ta có thể nhập tex bất kỳ, trong trường hợp này mình chọn tex là ON kinh doanh NOW.

Bạn gộp 4 Lyaer lại với nhau là Layer background, Layer mũi tên và 2 type layer.

Bước 4: Tạo frame animation

học photoshop

Bạn vào Window => chọn Timeline => click vào mũi tên ở hành lang cửa số => chọn Create frame animation => Enter.

tiếp nối bạn để lại 2 Layer background & Layer gộp & tắt hết các Layer còn lại. Tiếp theo sau trên animation frame bạn Apply thời gian là 0,1s cho frame. Bạn lập lại làm việc cho tới khi hết các Layer nhé.

Bước 5: Tạo mũi tên nhấp nháy

học photoshop

Để tạo thành một mũi tên nhấp nháy bạn click vào timeline chọn duplicate selected frames => tắt biểu tượng mũi tên.

sau đó bạn cài đặt thời gian nhấp nháy của mũi tên là 0,5s => ban bật lại chế độ mũi tên chạy, tắt hết các Layer để biểu tượng mũi tên có mặt dưới dạng nhấp nháy.

Bước 6: Lưu file

học photoshop

Bạn vào Save As => chọn Save for web => chọn dạng ảnh GIF => kéo và thả lên trình duyệt để nhìn hiệu quả bạn vừa tạo nên.

Leave a Reply

Your email address will not be published. Required fields are marked *