Cách sử dụng Slicing trong Fireworks CS5 - núm vú

Adobe Fireworks Creative Suite 5 hỗ trợ s l icing , một kỹ thuật để phá các tệp lớn thành các gói nhỏ hơn do đó họ tải xuống nhanh hơn. Nó cũng là một phương pháp gắn các URL vào các vùng khác nhau của một hình ảnh trong một mẫu lưới.

Một ứng viên hoàn hảo cho các tác phẩm nghệ thuật cắt lát là một thanh điều hướng. Mỗi tab là một miếng cá nhân, khi được nhấp vào trong một trình duyệt web, sẽ đưa người xem đến một vị trí khác.

Chọn lệnh Fit Canvas.

Tạo hình cơ bản

Trước tiên, tạo ra hình ảnh cơ bản - hình chữ nhật, ví dụ này. Thực hiện theo các bước sau:

1. Chọn File → New để mở hộp thoại New Document.

2. Loại 500 trong hộp Width và 200 trong hộp Height; bấm OK.

   Tài liệu mới, trống sẽ mở ra. (Lưu ý rằng nó lớn hơn hình ảnh bạn tạo, bạn sẽ thấy cách sửa đổi nó sau)

3. Chọn công cụ Chữ nhật trong phần Vector của bảng điều khiển Công cụ. Nhấp và kéo để tạo hình chữ nhật.

   Bất kỳ kích thước nào cũng được.

4. Với lựa chọn hình chữ nhật, nhấp vào Điền màu vào phần Màu của bảng điều khiển Công cụ và chọn một màu.

5. Chọn Window → Info để mở bảng thông tin.

6. Nhập 300 vào ô W (Width) và 50 trong hộp H (Chiều cao).

   Bạn cũng có thể sử dụng bảng điều khiển Thuộc tính để thiết lập kích thước này.

7. Với công cụ Pointer, nhấp vào bất kỳ nơi nào trong khung bên ngoài hình chữ nhật để bỏ chọn hình chữ nhật.

8. Nhấp chuột phải (Windows) hoặc Control-click (Mac) và chọn Modify Canvas → Fit Canvas từ trình đơn ngữ cảnh.

   Canvas điều chỉnh kích thước của hình chữ nhật.

Khi bạn không có đối tượng nào được chọn, bạn cũng có thể nhấp vào nút Fit Canvas trong bảng thuộc tính.

Canvas điều chỉnh để phù hợp với đối tượng của bạn.

Thêm văn bản

Thêm văn bản vào thanh điều hướng.

1. Chọn công cụ Văn bản trong phần Vector của bảng điều khiển Công cụ.

2. Nhấp vào Điền màu vào phần Màu của bảng điều khiển Công cụ. Chọn một màu.

3. Thiết lập phông chữ và kích thước phông chữ trong bảng thuộc tính.

4. Nhấp vào nửa bên trái của hình chữ nhật để định vị điểm chèn bất cứ nơi nào bạn muốn văn bản bắt đầu và nhập văn bản.

   

5. Nhấp hai lần sang phải của vùng văn bản để bỏ chọn khu vực văn bản đang hoạt động và tạo một hình mới.

   Giữ phím Alt + Shift (Windows) hoặc Option + Shift (Mac) và kéo hộp văn bản ban đầu sang phải để nhân bản và căn chỉnh một hộp văn bản mới.

6. Nhập một hoặc hai từ cho tab điều hướng tiếp theo của bạn.

7. Sử dụng công cụ Pointer để định vị lại văn bản.

Slice it up

Sau khi bạn đã chuẩn bị thanh navbar đơn giản nhưng hiệu quả, sử dụng công cụ Slice để tạo ra một vài lát và sau đó xuất chúng.Thực hiện theo các bước sau:

1. Chọn công cụ Slice trong phần web của bảng điều khiển Công cụ; sau đó nhấp và kéo từ góc trên bên trái của phần Trang chủ của hình chữ nhật về phía góc dưới bên phải.

   

   Nếu bạn đang tìm kiếm sự hoàn hảo, hãy chọn Xem → Thước để hiển thị các nhà cai trị. Khi những người cai trị có thể nhìn thấy được, bạn có thể nhấp và kéo các hướng dẫn ra khỏi chúng.

   Khi một slice đang hoạt động, bảng Properties sẽ thay đổi để cung cấp lựa chọn slice.

2. Thay đổi định dạng bằng cách sử dụng danh sách Xoá Xuất Cài đặt Xuất.

   Chọn định dạng GIF nếu tác phẩm nghệ thuật có nhiều màu đặc hoặc chọn JPEG cho hình ảnh có nhiều màu.

3. Nhập liên kết vào hộp văn bản Liên kết.

4. Nhập một mô tả ngắn gọn về liên kết trong hộp văn bản Alt.

   Văn bản thay thế là văn bản xuất hiện trong khi trang đang tải xuống. Nó cũng xuất hiện ở vị trí của đồ họa nếu một người xem đã tắt màn hình đồ họa trong trình duyệt web của mình.

   

5. Với công cụ Slice, nhấp và kéo để bao quanh nửa thứ hai của thanh điều hướng. Lặp lại các bước 3 và 4.

Đó là cắt lát dưới dạng đơn giản. Bạn có thể làm cho quy trình trở nên phức tạp như bạn muốn bằng cách tạo ra toàn bộ trang đã được cắt lát (vì các công cụ tìm kiếm muốn tìm kiếm nội dung văn bản) cho navbars với nhiều liên kết và các điểm đến.