Thứ Tư , 23 Tháng Tám 2017
Home » Bài giảng & Tài liệu » Học photoshop – Tạo baner động cho trang web nhanh nhất

Học photoshop – Tạo baner động cho trang web nhanh nhất

Trong bài học photoshop 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 chỉ với một vài bước đơn giản nhưng. Đây là công việc mà bất cứ một nhà thiết kế nào cũng phải biết cho dù là người mới bắt đầu vào nghề hay các nhà thiết kế chuyên nghiệp. Do đó các bạn cấn nắm vững những kiến thức này, chúng ta sẽ bắt đầu ngay bây giờ nhé.

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

Bạn mở phần mềm Photoshop => vào File => chọn New => Lúc này sẽ hiện ra một hộp thư thoại và bạn sẽ điền đầu đủ thông tin như sau: tại ô Preset chọn Webk, tại ô Size  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 khi đã điều chỉnh các thông số bạn nhấn OK là được.

học photoshop

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

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

học photoshop

Nếu bạn muốn thay đổi kích thước của file thì bạn có thể điều chỉnh thông số của Size tùy theo kích thước 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 cứ chi tiết nào mà bạn muốn.

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

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

học photoshop

Tại bước này bạn tạo thêm một Layer giống với Layer cũ, sau đó bạn tắt type layer ở dưới. tiếp theo bạn nhập tex vào Layer vừa tạo. Bạn có thể nhập tex bất kỳ, trong trường hợp này mình chọn tex là ON SALE 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 ở cửa sổ => chọn Create frame animation => Enter.

Sau đó bạn để lại 2 Layer background và Layer gộp và tắt hết các Layer còn lại. Tiếp theo trên animation frame bạn Apply thời gian là 0,1s cho frame. Bạn lập lại thao tá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 ra 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 xuất hiện 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 để xem kết quả bạn vừa tạo ra.

Như vậy bạn vừa tạo ra một baner động cho trang web, nếu bạn thành thạo cách photoshop này bạn thì bạn có thể xin việc tại bất cứ công ty nào vì đây là yêu cầu cơ bản của các công ty khi tuyển dụng.

Chúc các bạn học photoshop thành công!

[Total: 1    Average: 2/5]

Check Also

học photoshop

Học photoshop – Cách sử dụng mặt nạ Quick Mask trong photoshop

Trong bài học photoshop hôm nay mình sẽ hướng dẫn các bạn sử dụng mặt ...

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Facebook chat Vietpro