Bài 9 - Cắt layout bằng slice tool


Bài 9 - Cắt layout bằng slice tool
Trong Photoshop để thiết kế được một layout website hoàn chỉnh ngoài các công cụ để vẽ và những công cụ để chỉnh sửa hình ảnh thì công cụ cắt layout và quá trình tối ưu hóa layout được cắt là một khâu quan trọng trước khi Bạn sử dụng các phần mềm khác như Dreamweaver, notepad … để dựng layout . Bài 9 Hướng dẫn thiết kế website trên Photoshop sẽ hướng dẫn chi tiết các thao tác sử dụng công cụ Slice tool để cắt layout.
Bài 9A – Tìm hiểu về slices
Bài này sẽ giới thiệu cho Bạn hiểu về chức năng và công dụng của công cụ slice.
Mở file slices1.psd trong thư mục Bài Tập Thực Hành (link download phía cuối bài viết). Vào menu View -> Show -> Slices để hiển thị các đường slice (đường cắt bằng công cụ slice) (hình 01).

Xem clip hướng dẫn:

Bài 9B – Sử dụng Slice Tool.
File -> Save fo web & Devices…
Xem clip hướng dẫn:

Trong cửa sổ Popup Save for Web chọn thẻ Optimized, chọn Slices Select tool trên hộp công cụ, tiếp theo chọn slices cần tối ưu để hiệu chỉnh cho chúng. Đối với các hình ảnh thì nên tối ưu với đuôi mở rộng là JPG để có chất lượng đẹp, các hình ảnh tĩnh (hình ảnh không thay đổi trong khi truy cập trên trình duyệt) thì nên sử dụng đuôi mở rộng là GIF hoặc PNG để cho dung lượng file nhẹ nhằm tăng tốc độ tải trang khi chạy trên trình duyệt.
Mọi thắc mắc tong quá trình thực hành xin gửi e-mail về info@polygon.vn chúng tôi sẽ giải đáp thắc mắc cho Bạn.
Chúc các Bạn thành công.

Nhận xét

Bài đăng phổ biến từ blog này

hack wifi thanh cong 100%

phan mem chuyen doi dinh dang mien phi manh nhat hien nay

khai thác .. va phong chống path traversal attack