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àổ ếạẽ ắ ầớộạủụủạ 

Một phần của tài liệu Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers (Trang 25 - 28)

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. 

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.

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ợ ớ ả   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 tr  lên cho Windows.ở

1. Trong hộp công cụ, chọn nút Toggle Slices Visibility để ẩn đi đường biên của slice.  2. Cũng trong hộp công cụ này, bạn hãy chọn nút Preview Document. 

3. Chi chuyển con trỏ chuột qua nút Contact trong bức ảnh và để ý về sự thay đổi của dòng chữ Architech. Bạn hãy cũng chú ý về vùng chọn trong plalette Rollovers chuyển đổi từ trạng thái Nomal thành Over State như thế nào bên dưới Contact_button khi bạn di chuyển con trỏ chuột. 

4. Click nút Preview Document một lần nứa để bỏ chọn.  5. Click nút Toggles Slices Visibility để hiện các biên của slice. 

Hiện và ẩn các lớp trong trạng thái rollover Over

Khi b n đã xem trạ ước m t file hoàn ch nh đ n gi n trong trình duy t ngay khi b n m i b t đ u h c bài h c này,ộ ỉ ơ ả ệ ạ ớ ắ ầ ọ ọ  b n đã xem các hình  nh xu t hi n   phía bên trái các thanh c a nút khi b n di chuy n chu t qua các nút này. Đóạ ả ấ ệ ở ủ ạ ể ộ  

Một phần của tài liệu Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers (Trang 25 - 28)

Tải bản đầy đủ (PDF)

(40 trang)