[ImageReady] การทำภาพเปลี่ยนสีเมื่อชี้เมาท
posted on 24 Mar 2008 16:01 by rije in HowToลืมทำ tutorial ต่อเลยครับ >[]< ขออภัย
วันนี้กลับมาพบกับ tutorial ที่ค้างคาเอาไว้
-------------------------------
Tool : ImageReady
เริ่มแรกเลือกภาพที่ต้องการมาก่อนนะครับ
ดูที่ด้านขวามือของจอของคุณ จะมี Layer กับ Web Content อยู่
ฝั่ง Layer ผมได้ทำการสร้าง layer เอาไว้อีกอันโดยเทสีแดงลงไป
จากนั้นจะมาทำการกำหนดพื้นที่ที่จะให้เมาท์ชี้แล้วเกิดการเปลี่ยนแปลง
เริ่มจากเลือก tool ที่จำเป็นมาใช้งาน ตามรูป กดค้างไว้แล้วเลือกเป็นแบบ polygon
จากนั้นกำหนดจุดบนภาพเพื่อกำหนดพื้นที่ที่ต้องการกันครับ
จะเห็นได้ว่า (3) ที่ Web Content จะมี image maps ขึ้นมาแล้ว
ให้กดเลือก ImagesMap อันแรก
แล้วกดเพิ่ม rollover states ขึ้นมา 2 อันตามหมายเลข 2
ให้เลือกที่ Over ตามภาพ แล้วไปดูที่ Layer
ตามรูปผมได้เปิดดวงตาของ Layer 3 ขึ้นมา โดยปรับค่า Layer ที่ 3 เอาไว้แล้ว
จึงเห็นเป็นดังภาพ ว่าภาพได้เปลี่ยนเป็นสีแดง (เฉพาะส่วน Over เท่านั้น!!!)
สำหรับการสร้าง Layer ขึ้นมาใหม่ ต้องเลือก Web Content อยู่ที่ Normal ก่อน
มิฉะนั้นหากสร้าง Layer ตอนอยู่ในส่วน Over หรือ Down จะมีปัญหาได้
หากไม่ต้องการใ้ห้ Layer ที่สร้างใหม่แสดงก็กดที่รูปตาปิดเอาไว้
แล้วกำหนดให้เปิดตาในส่วน Over อันใหม่ที่ได้สร้างไว้ก็ได้เช่นกัน
พอเสร็จแล้วจะเซฟยังไง!?
การเซฟนั้นให้เลือกตามภาพด้านล่างนี้เลยครับ
อย่าลืมว่าต้องเลือก sava as type เป็นแบบ html+images นะครับ
จากนั้นก็ไปที่อยู่ของไฟล์ที่ได้เซฟเอาไว้ เลือกกดดูไฟล์ .html นะครับ ^^
-------------------------------
จบแล้วสำหรับ tutorial อันนี้ พรุ่งนี้พบ FAQ ครับ (ส่งมาเลยคำถาม 555)














จะลองทำดูนะคะ
มาบล็อคนี้ทีไร
ก็มีเรื่องดีๆให้อ่านทุกทีเรย
#1 By 0uo on 2008-03-24 17:20