Việc tạo trang web của riêng bạn luôn bắt đầu bằng việc phát triển bản phác thảo và thiết kế trong tương lai, và một phần không thể thiếu của quá trình phát triển này là hình dung thiết kế trang web trong Photoshop và cắt thiết kế đã hoàn thành thành các khối để bố trí tiếp theo. Khả năng cắt một cách chính xác hình ảnh của thiết kế trang web ảnh hưởng trực tiếp đến sự thành công hơn nữa của bố cục và vị trí chính xác của các tệp đồ họa trên máy chủ.
Hướng dẫn
Bước 1
Mở bố cục thiết kế đã tạo trong Photoshop, đó là một hình ảnh chắc chắn có độ phân giải mong muốn. Từ thanh công cụ trong Photoshop, chọn công cụ Slice. Tạm thời tắt khả năng hiển thị của tất cả các lớp văn bản, trường nhập, biểu tượng và các phần tử tương tự.
Bước 2
Vẽ bằng công cụ đã chọn các đường hướng dẫn mà bạn sẽ cắt trang web - những đường này trên hình ảnh sẽ có màu xanh lục. Chia bố cục một mảnh một cách cẩn thận thành các yếu tố cấu trúc có kích thước và số lượng mong muốn.
Bước 3
Hãy suy nghĩ về cách bạn sẽ cắt hình ảnh - không nên có quá nhiều yếu tố riêng lẻ trong đó. Để tạo các đường hướng dẫn, hãy đặt con trỏ vào thước trên của hình ảnh, nhấp chuột trái và kéo hướng dẫn xuống. Thả nút chuột.
Bước 4
Sau khi tất cả các đường dẫn được đặt (cả dọc và ngang), hãy tiến hành cắt bố cục.
Bước 5
Sử dụng công cụ cắt đã chọn ở trên, cắt bố cục bằng cách nhấp chuột trái vào phần đầu của mỗi đường chỉ dẫn và kéo dài trường xuất hiện với kích thước của đối tượng mong muốn mà bạn muốn cắt. Nhả chuột trái để một số sê-ri xuất hiện ở góc trái của đoạn cắt.
Bước 6
Điều chỉnh đường viền của các mảnh bằng cách kéo căng chúng theo cách thủ công. Để lưu các phần đã cắt của hình ảnh tổng thể, hãy nhấp vào tùy chọn "Lưu cho Trang Web" trên menu Tệp và chọn định dạng JPEG. Trong cửa sổ lưu, chọn "Tất cả các đoạn".
Bước 7
Sau khi lưu riêng các đoạn hình ảnh đã cắt, hãy lưu tất cả các yếu tố trực quan của thiết kế trang - khối văn bản, nút, đường kẻ, v.v.
