Chọn công cụ Slice Select trên thanh công cụ.
Tìm hiểu cách sử dụng hộp thoại Slice Options để cấu hình tên lát cắt, liên kết, loại nội dung và siêu dữ liệu trong Adobe Photoshop.
Sử dụng hộp thoại Slice Options để cấu hình tên lát cắt, loại nội dung, siêu liên kết và màu nền để xuất HTML.
Mở hộp thoại Slice Options
Nhấp đúp vào bất kỳ lát cắt nào để mở hộp thoại Slice Options.
Bạn cũng có thể chọn một lát cắt và chọn biểu tượng Slice Options trên thanh tùy chọn.
Đổi tên lát cắt
Chọn công cụ Slice Select rồi nhấp đúp vào một lát cắt.
Nhập tên vào hộp Name.
Chọn OK.
Đổi tên lát cắt theo nội dung giúp các tập tin xuất ra dễ nhận diện và quản lý hơn.Theo mặc định, hệ thống đặt tên lát cắt của người dùng theo các thiết đặt trong hộp thoại Output Settings.
Hộp Name không khả dụng cho loại lát cắt No Image.
Thay đổi loại nội dung lát cắt
Chọn công cụ Slice Select rồi nhấp đúp vào một lát cắt.
Chọn menu Slice Type, sau đó chọn Image cho lát cắt chứa dữ liệu hình ảnh hoặc No Image cho ô bảng HTML trống.
Chọn OK.
Lát cắt Image chứa dữ liệu hình ảnh và là loại nội dung mặc định.Lát cắt No Image tạo ra các ô bảng HTML trống mà bạn có thể điền văn bản HTML hoặc màu đặc khi xuất.
Chỉnh sửa lát cắt tự động sẽ chuyển lát cắt đó thành lát cắt của người dùng.
Thêm liên kết URL và khung đích
Chọn một lát cắt hình ảnh bằng công cụ Slice Select rồi nhấp đúp vào lát cắt đó.
Trong hộp URL, nhập URL tương đối hoặc tuyệt đối.Bao gồm protocol (http:// hoặc https://) đối với URL tuyệt đối.
Trong hộp Target, nhập tên khung để điều khiển vị trí mở liên kết: _blank cho cửa sổ mới, _self cho cùng khung, _parent cho bộ khung cha hoặc _top để xóa tất cả khung.
Chọn OK.
Toàn bộ vùng lát cắt sẽ có thể nhấp trong trình duyệt web.
Tùy chọn này chỉ có cho các lát cắt Image và xuất hiện trong các tập tin HTML đã xuất.
Đặt màu nền
Chọn một lát cắt hình ảnh bằng công cụ Chọn lát cắt rồi nhấp đúp vào lát cắt.
Chọn màu nền từ menu Màu nền: chọn Không có, Mờ đục, Trắng, Đen hoặc Khác để dùng công cụ Bộ chọn màu.
Chọn OK.
Bạn có thể áp dụng màu nền cho cả lát cắt Image và No Image.
Photoshop không hiển thị màu nền đã chọn trong cửa sổ tài liệu – hãy xem trước hình ảnh trong trình duyệt web để thấy kết quả.
Thêm thông báo trình duyệt và văn bản Alt
Nhập văn bản mô tả vào hộp Message Text để hiển thị trên thanh trạng thái của trình duyệt khi người dùng di chuột qua lát cắt.
Nhập văn bản thay thế vào hộp Alt Tag để mô tả hình ảnh cho trình đọc màn hình và các trình duyệt không hiển thị hình ảnh.
Chọn OK.
Nhiều trình duyệt hiện đại bỏ qua các thông báo tùy chỉnh trên thanh trạng thái.
Bạn có thể kiểm soát khả năng hiển thị và diện mạo của lát cắt thông qua tùy chọn trong Photoshop:
Để bật/tắt đường viền lát cắt, hãy chọn Xem > Hiển thị > Lát cắt.
Để hiển thị hoặc ẩn số lát cắt, hãy chọn Chỉnh sửa > Tùy chọn > Hướng dẫn, Lưới & Lát cắt (Windows) hoặc Photoshop > Tùy chọn > Hướng dẫn, Lưới & Lát cắt (macOS), rồi chọn Hiển thị số lát cắt.
Để thay đổi màu của đường lát cắt, hãy chọn một màu trong mục Đường lát cắt.
Tìm hiểu các loại lát cắt và chỉ báo
Photoshop hiển thị các chỉ báo trực quan để giúp bạn xác định các loại lát cắt khác nhau:
Đường viền lát cắt
|
Chỉ báo |
Ý nghĩa |
|
Đường liền nét |
Lát cắt do người dùng tạo hoặc lát cắt dựa trên lớp |
|
Đường chấm |
Lát cắt tự động |
Màu Lát cắt và huy hiệu
Chỉ báo | Ý nghĩa |
Biểu tượng màu xanh dương | Lát cắt của người dùng |
Biểu tượng màu xanh dương có chữ Không có Hình ảnh | Lát cắt Không có Hình ảnh |
Huy hiệu Lớp | Lát cắt dựa trên Lớp |
Biểu tượng màu xám | Lát cắt tự động |
Đánh số lát cắt
Các lát cắt được đánh số từ trái sang phải và từ trên xuống dưới, bắt đầu từ góc trên bên trái. Nếu bạn sắp xếp lại hoặc chỉnh sửa các lát cắt, số thứ tự sẽ tự động cập nhật để phản ánh thứ tự mới.
Lát cắt con
Photoshop tạo các lát cắt con (một loại lát cắt tự động) khi các lát cắt chồng lên nhau. Không thể chọn hoặc chỉnh sửa các lát cắt con một cách độc lập.
Tạo những hình ảnh tuyệt đẹp với Photoshop
Chỉnh sửa, chấm sửa và biến đổi ảnh với các công cụ sáng tạo hàng đầu trong ngành mà bạn đã biết và yêu thích.