[How to]ทำตัวการ์ตูนจิ้มเล่นใส่บล็อกกัน
posted on 14 Mar 2009 14:18 by moshmellow in Tutorial
คำแนะนำสำหรับท่านผู้ชม ... เอนทรี่นี้อันตรายต่อเน็ต 56 K เพราะโหลดโหดเล็กน้อย ...
ก่อนอื่นทุกท่านต้องมี Flash ก่อนนะครับ หาได้จากไหน คงรู้ๆกันอยู่
สิ่งที่เรากำลังจะทำก็คือไอ้นี่ (ลองคลิ้กดูสิครับ)
ปล.ถ้ารูปไหนดูไม่รู้เรื่องคลิ้กที่รูปนั้นเพื่อดูรูปใหญ่นะครับ
ว่าแล้วก็มาลุยกันเลยครับ !!
ขั้นที่ ๑ เปิดแฟลชขึ้นมา แล้วสร้างมันขึ้นมาโดยเลือก
Insert >> New Symbol เลือก Type เป็น Button
ขั้นที่ ๒ หลังจากนั้นหน้าตาโปรแกรมจะเปลี่ยนไปเป็นเเบบนี้ ที่ Layer Bar
จะมี Keyframe โผล่ขึ้นมา 4 อันด้วยกันคือ Up,Over,Down,เเละHit
ซึ่งแต่ละ Keyframe จะมีความหมายดังนี้
Up คือ หน้าตาในยามปกติ
Over คือ หน้าตาเมื่อเอาเมาส์ไปวางเหนือปุ่ม
Down คือ หน้าตาเมื่อเรากดปุ่ม
Hit คือพื้นที่กรอบที่เราสามารถคลิ้กได้
!!! อ้อ ... อย่าลืมในการวาดปุ่มทุกครั้งต้องใส่ Keyframe ก่อนและ
ทุกปุ่มต้องมี Keyframe Up เสมอมิฉะนั้นปุ่มจะมองไม่เห็น
ขั้นที่ ๓ สร้างรูปขึ้นมาโดยวาดเอา ตามที่ต้องการขึ้นมาใน Up , Over และ Down
( หรือสร้างใน PS แล้วเอามาใส่ก็ได้นะยกตัวอย่างเช่นจขบ ก็ทำใน PS จ้ะ
)
!! คลิ้กที่รูเอ้ยรูปเพื่อดูรูปใหญ่ครับ !!
ขั้นที่ ๔ ทำเสร็จเรียบร้อยแล้ว ไปที่ Hit แล้วใช้ Selection Tool กำหนดพื้นที่กด
เสร็จแล้วออกไปที่ Scene แล้วลากปุ่มที่เราสร้างมาไว้ที่ Scene เสร็จแล้ว
ปรับขนาดภาพให้พอดีกับขนาดรูป ไม่อย่างงั้นมันจะบานและโอฬารเป็นอันมาก
!! คลิ้กที่รูปเพื่อดูรูปใหญ่ครับ !!
ขั้นที่ ๕ เสร็จแล้วก็เซฟเซ่ โดยไปที่ File >> Export >> Export Movies...
เลือก Save as Type เป็น Flash Movie (*.swf)
สำเร็จเสร็จเรียบร้อยดี ก็มาดูวิธียัดเข้าบล็อกกันเถอะพี่น้องเอ้ย !!
คำเตือน จขบ มีความรู้เกี่ยวกับดรีมเวฟเวอ แทบเป็น 0 เลยก็ว่าได้
ผิดพลาดโค้ดเฟลไม่รับผิดชอบนะจ้ะนายพี่น้องจ๋า เอ้ามาลุยกันต่อ !!
ขั้นที่ ๑ อัพโหลดไฟล์ที่เพิ่งทำเสร็จไปลงโฮสต์ เช่น
ของผมจะเป็น http://ตรู้ดๆ.ตรู้ดๆ/flashbutton.swf เป็นต้น
!! อ้อ ... อัพลง exteen ก็ได้ฮะลองแล้ว อัพเเล้วเอาโค้ดไปแก้ในดรีมต่อขั้นที ๒ สังเวยบลูอายไวท์ดราก้อน 3 ใบอัญเชิญอโดบดรีมเวฟเวอร์ขึ้นมาจากสุสาน
ไม่ใช่ว้อย
... ก่อนอื่นเปิดดรีมเวฟเวอร์ขึ้นมา
ขั้นที่ ๓ เลือก Insert >> Media >> Flash
ยัด url ของไฟล์ที่เราอัพไปตะกี้ลงใน ช่อง URL ดังรูป กด ok
ถ้าขนาดไม่ปกติก็ปรับเอาเองแล้วกัน เหอๆ
ขั้นที่ ๔ คลิ้กที่รูปแแล้วจะมีแถบฟ้าคลุมโค้ดให้ก้อปเอาไปใส่บล็อกได้เลยครับ !!
เย่ เย่ เสร็จเเล้ว ง่ายใช่มั้ยล่า ~~
ปล.เทคนิคนี้จขบพลิกแพลงจาก Computer Today จ้ะ
ปล2.สาเหตุที่รูปรองสุดท้ายโดนเซนเซอร์ก็คงรู้ๆกันอยู่นะจ้ะ
อ่ะ เห่อะ ๆๆๆๆๆๆๆๆๆๆๆ
мoѕнmєlloш




... อ่า เ่อ่อ ... เหมือนกันเลยเน้อะ
) ...
... เข้าเรื่องกันเลยดีกว่าครับ
แต่ผมหยิบยกประโยคนี้มาจาก
)
) ...แน่นอนเลยทีเดียวว่าอีกไม่นาน ToT กับ True ต้อง