Tạo hiệu ứng Rollover cho trang web Photoshop CS part 2

Nhấp đúp vào tên của slice được chọn, gõ Contact để đặt lại tên cho nó. Nhấn Enter. 4. Lập lại các bước trên để đặt lại tên cho 4 slice còn lại trong bảng, gõ chữ Member, Exhibits, Tour hoặc About cho từng slice một. 5. Chọn slice About trong bảng và kéo nó lên trên cùng của bảng nằm dưới Nested Slice, bạn phải cẩn thận để giữ cho slice đó được chọn, nếu không bạn sẽ xoá slice đó khỏi bảng. 6. Chọn và kéo một slice khác để thứ tự của nó trong Web Content...
Nội dung trích xuất từ tài liệu:
Tạo hiệu ứng Rollover cho trang web Photoshop CS part 2Chương 17: Tạo hiệu ứng Rollover cho trang web Photoshop CS3. Nhấp đúp vào tên của slice được chọn, gõ Contact để đặt lại tên cho nó. Nhấn Enter.4. Lập lại các bước trên để đặt lại tên cho 4 slice còn lại trong bảng, gõ chữ Member, Exhibits, Tourhoặc About cho từng slice một.5. Chọn slice About trong bảng và kéo nó lên trên cùng của bảng nằm dưới Nested Slice, bạn phải cẩnthận để giữ cho slice đó được chọn, nếu không bạn sẽ xoá slice đó khỏi bảng.6. Chọn và kéo một slice khác để thứ tự của nó trong Web Content Palette phù hợp với thứ tự bạn thấytrong cửa sổ hình ảnh và theo thứ tự sau: About, Tour, Exhibits, Members, và Contact.www.vietphotoshop.com - Dịch bởi Bá tước Monte Cristo 11Chương 17: Tạo hiệu ứng Rollover cho trang web Photoshop CS7. Nhấn Normal.Tạo hiệu ứng Rollover bằng cách ẩn hiện layerCó lẽ cách thông dụng nhất để tạo hiệu ứng động cho một hình là luân phiên ẩn hoặc hiện những layerkhác nhau.Trong phần thiết kế này, phiên bản gốc của hình chính được bao phủ bởi một màu đặc thay vì phiênbản được bao phủ bởi một màu xanh đậm như bạn thấy trong trạng thái Normal. Một vài phần củaphiên bản gốc được copy sang tài liệu này, nằm trên layer Background của phiên bản màu xanh.Những phần của phiên bản gốc kết hợp hoàn hảo với tấm hình màu xanh, cho nên hiển thịn nó để làmsáng vùng của tấm hình bằng cách loại bỏ vùng màu xanh.1. Trong Web Content Palette, chọn Slice About, và nhấn vào nút Create Rollover State ở dưới cùngcủa Palette để tạo một trạng thái Over mới cho slice đó.2. Trong Layer palette, mở tập hợp layer Menu Color Bkgds, và nhấp vào biểu tượng con mắt trênlayer Cell 1.Hình nền đằng sau chữ Museo Arte bây giờ nhìn sáng sủa hơn một chút.www.vietphotoshop.com - Dịch bởi Bá tước Monte Cristo 12Chương 17: Tạo hiệu ứng Rollover cho trang web Photoshop CS3. Trong Web Content Palette, nhấp Normal và nhấp vào mũi tên bên cạnh Slice About để đóng nộidung của nó lại.Biểu tượng con mắt biến mất từ layer Cell 1, và nút About trong cửa sổ hình ảnh trở lại trạng thái mộtmàu xanh đơn sắc.4. Lập lại bước 1-2, tạo trạng thái R cho những slice còn lại: • Chọn Slice Tour, tạo một R mới, và hiển thị layer Cell 2. • Chọn Slice Exhibits, tạo một R mới, và hiển thị layer Cell 3 • Chọn Slice Member, tạo một R mới, và hiển thị layer Cell 4 • Chọn Slice Contact, tạo một R mới, và hiển thị layer Cell 55. Ẩn tất cả những trạng thái R của slice bằng cách nhấn vào mũi tên ở từng slice.www.vietphotoshop.com - Dịch bởi Bá tước Monte Cristo 13Chương 17: Tạo hiệu ứng Rollover cho trang web Photoshop CS6. Trong Layer palette, đóng tập hợp layer Menu Colored Bkgds.Xem trước hiệu ứng RolloverBây giờ bạn sẽ kiểm tra hiệu ứng Rollover bằng cách xem trước hình ảnh.1. Nhấp vào một vùng trống bất kỳ trong Layer Palette để chắc chắn rằng bạn không chọn layer nào.Sau đó chọn nút Preview Document trong hộp công cụ.Chú ý: Đừng chọn nút Toggle Slices Visibility trong lần này, do vậy những đường biên của slice vànhững ô vuông con vẫn được hiển thị khi bạn xem trước.2. Di con trỏ từ từ lên và xuống những nút khác nhau trong bảng và chú ý những điểm sau: • Sự thay đổi ở màu hình nền khi con trỏ di chuyêể qua những nút khác nhau • Thẻ Active Slice xuất hiện trong tập hợp biểu tượng ở cửa sổ hình ảnh và danh sách các slice trong Web Content Palette, và cả những ô vuông gần với biểu tượng con mắt.www.vietphotoshop.com - Dịch bởi Bá tước Monte Cristo 14Chương 17: Tạo hiệu ứng Rollover cho trang web Photoshop CS3. Nhấn vào nút Preview Document lần nữa để thoát ra.4. Chọn File > Save.Về các biểu tượng sliceNhững biểu tượng của slice hoặc tên hiệu của nó xuất hiện trong Web Content Palette và trong cửa sổhình ảnh có thể là những dấu hiệu nhắc nhỏ rất có ích nếu bạn hiểu được chúng. Một slice có thể cóbao nhiêu tên hiệu cũng được nếu phù hợp. Những tên hiệu sau đây xuất hiện dưới mỗi một trạng thái. • Số lượng các slice (Số được đếm theo thứ tự từ trái sang và từ trên xuống). • Trạng thái Rollover được kích hoạt đang nằm trong trong slice này. • Slice có chứa hình • Slice không chứa hình • Slice dựa trên layer (nó được tạo tạo từ layer) • Slice bao gồm ít nhất một hiệu ứng Rollover. • Slice là một tập hợp bảng. • Slice gây ra thay đổi ở một slice khác • Slice là đích thay đổi của một slice khác. Ngược lại của cái ...