PDA

Xem đầy đủ chức năng : Tạo Album Hình ảnh



=Tori=
24-08-2006, 07:55 PM
TRước hết phải có 1 cái layout . Tùy theo sở thích để chọn lựa . Bạn cũng có thể design bằng photoshop . Còn lại chủ yếu bài này dùng Image Ready .

**Chú ý : Khi các bạn tạo layout, thì cũng tính toán xem có bao nhiêu hình, bao nhiêu nút, rồi tạo set layer cho phù hợp .

Ví dụ như có hình này :

http://img24.echo.cx/img24/3012/16lr.jpg

Album ví dụ này có 3 hình, khi drag chuột vào pic 1 thì button pic 1 sẽ đổi thành màu hồng cam, khi click vào thì hình sẽ đổi thành hình khác.

Nguyên tắc làm đổi hình vẫn là làm ẩn hiện các layer bằng cách bật tắt con mắt ngay tại layer đó. Do đó tui có cách set layer như sau: ( set màu cho set layer để dễ làm việc hơn ) :

http://img24.echo.cx/img24/3517/28et.jpg

Những set được tô màu là những set chứa button và hình để mình làm tương tác.
Tui có:
*set button chứa những layer nút pic1, pic2, pic3 màu trắng.
*set button mouse over chứa những layer nút pic1, pic2, pic3 màu hồng cam

Xem hình bạn sẽ thấy rõ hơn :

http://img24.echo.cx/img24/7931/35oh.jpg

Sau đó, dùng slice toool để cắt những phần mình sẽ tương tác tới nó. Đó chính là các button. Do đó, dùng slice cắt 3 button thành slice 1, slice 2, slice 3

http://img24.echo.cx/img24/9319/46rb.jpg

Click vào nút cuối cùng trong toool bar để chuyển sang ImageReady, giao diện nó đây:

http://img24.echo.cx/img24/1065/52uo.jpg

Tắt hết các pallete ko cần thiết đi, chỉ chừa layer pallete và rollover ( nếu ko thấy cửa sổ rollover, vào windowrollover )

Dùng edit slice tool click vào nút pic 1

http://img24.echo.cx/img24/7351/66no.jpg

Tên của slice đó trên bảng rollover là myalbume_3 (cái này cắt bị ngược - sorry ), click vào biểu tượng New, nó sẽ hiện ra 1 layer gọi là layer trạng thái :

http://img24.echo.cx/img24/5997/76sq.jpg

Trạng thái hiện tại là over state nghĩa là khi bạn rê chuột vào nút pic1 thì pic1 sẽ đổi thành màu hồng cam. Do đó bạn phải tắt con mắt ở layer pic1 màu trắng đi.

http://img24.echo.cx/img24/8056/86bv.jpg

=Tori=
24-08-2006, 08:01 PM
Tiếp tục, khi rê chuột ra ngoài thì nút pic1 trở lại màu trắng như ban đầu. Qua bảng Rollover, click new 1 lần nữa, nó sẽ tạo ra một layer trạng thái khác. Click phải để đổi lại là Out state :

http://img24.echo.cx/img24/3153/93yx.jpg

Bật con mắt hiện ra cho pic1 màu trắng :

http://img24.echo.cx/img24/1484/105fi.jpg


Tiếp tục, qua bảng Rollover, new, để tạo một layer trạng thái là Click, để khi click chuột vào pic1 thì hình sẽ đổi là hình 1.

http://img24.echo.cx/img24/4834/172nb.jpg

Qua bảng layer, tắt con mắt layer "tui na" đi :

http://img24.echo.cx/img24/4749/125qv.jpg

Vậy là bạn đã tạo xong 3 trạng thái overmouse, outmouse, và click cho nút pic1.

*** Lưu ý: điều cần thiết tối quan trọng để làm các bước sau là bạn phải trở về trạng thái Normal rồi mới làm trạng thái cho các nút khác.

http://img24.echo.cx/img24/8250/135hj.jpg

Tương tự thế, bạn tạo trạng thái cho 2 nút còn lại:

http://img24.echo.cx/img24/103/144mm.jpg

Hoàn tất. Vào File --> Save Optimized as:

http://img24.echo.cx/img24/2382/157xa.jpg

Chọn save as type là html và images:

http://img24.echo.cx/img24/8141/162xa.jpg

Vậy là xong !


** Tham khảo bên vietphotoshop.com