ลืมทำ 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) 

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

ว้าว
จะลองทำดูนะคะ

มาบล็อคนี้ทีไร
ก็มีเรื่องดีๆให้อ่านทุกทีเรยbig smile

#1 By 0uo on 2008-03-24 17:20

ขอบคุณสำหรับความรู้ดีๆค่า confused smile

#2 By ★+::+@MilY+::+★ on 2008-03-24 17:56

โอะ เทคนิคน่าทำ
confused smile confused smile confused smile

#4 By :: ipup :: on 2008-03-25 11:46



hidden hit counter