Phần tiếp theo trong chương này, bạn sẽ tạo một số hiệu hứng rollovers sơ cấp và thứ cấp cho các tác động rollover phổ biến Bạn sẽ bắt đầu với một rollover dành cho trạng thái Over của nút Contact Mục đích của bạn là làm cho lớp

Một phần của tài liệu Giáo trình photoshop - Chương 15 pdf (Trang 25 - 27)

phổ biến. Bạn sẽ bắt đầu với một rollover dành cho trạng thái Over của nút Contact. Mục đích của bạn là làm cho lớp văn bản architech xuất hiện bị biến dạng khi con trỏ chuột di chuyển qua nút Contact. Vì bạn sẽ tạo rollover này cho nút Contact và kết quả sẽ là một sự thay đổi trong một vùng mà vùng này nằm ngoài slice kia nên nó cần ăn khớp với sự xác định về ranh giới với rollover thứ cấp.

1. Click vào bảng Original trong cửa sổ hiển thị bức ảnh.

2. Sử dụng công cụ Slice Select, chọn slice Contact_button trong cửa sổ hoặc, chọn nó trong plalette Rollover. Trong mỗi trường hợp, hãy chọn nó trong một vị trí này và cũng chọn nó trong một vị trí khác.

3. Trong plalette Rollover, hãy click vào nút Create Rollover State. Một trạng thái rollover là Over State xuất hiện đặt vào bên dưới slice Contact_button trong plalette.

4. Trong plalette Layers, chọn lớp có từ Architech.

5. Chọn công cụ Type (T) để hiện ra các tuỳ chọn về văn bản trong thanh tuỳ chọn của công cụ và click vào nút Create Warped Text.

6. Trong menu của trình đơn Style mở ra trong hộp thoại Warp Text, chọn Bulge. Chọn Preview và chờ một lúc để xem hiệu ứng được áp dụng đối với văn bản. (Bạn có thể cần di chuyển họphương pháp thoại để bạn có thể xem được dòng chữ

trong bức ảnh). Bạn hãy thử các giá trị khác nhau cho các tuỳ chọn dạng Bulge khác nhau hoặc chọn các dạng khác để tạo được một sự phối hợp mà bạn thấy hấp dẫn. Khi bạn đã hài lòng với một mẫu và các tuỳ chọn nào đó, hãy đảm bảo chúng đã được chọn và click OK.

Hiệu ứng Warped Text đã được ứng dụng chỉ đối với trạng thái Over của nút này.

Trạng thái Nomal của nút Contact Trạng thái Over của nút contact

7. Trong plalette Rollover, click trạng thái Nomal. Tù đó bây giờ xuất hiện dưới dạng không bị biến dạng.

8. Chọn File > Save

Xem trước Rollovers trong ImageReady

ImageReady cung cấp các phương pháp để xem trước nhanh các Rollovers trong cửa sổ hiển thị hình ảnh mà không cần sử dụng trình duyệt. Chức năng xem trước rollover trong ImageReady phù hợp với Internet Explorer phiên bản 5.0 cần sử dụng trình duyệt. Chức năng xem trước rollover trong ImageReady phù hợp với Internet Explorer phiên bản 5.0

Một phần của tài liệu Giáo trình photoshop - Chương 15 pdf (Trang 25 - 27)

w