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).
Bài 9B – Sử dụng Slice Tool.
File -> Save fo web & Devices…
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.
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:
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
Đăng nhận xét