EthaiDesign Community  

Go Back   EthaiDesign Community > Designer Forums > Flash Forums

Reply
 
LinkBack Thread Tools
Old 28-01-2009, 09:13 PM   #1
HotDog
 
admin's Avatar
 
เป็นสมาชิกเมื่อ: Jan 2009
ที่อยู่: Bangkok
โพส: 167
Icon9 สร้างงานเมนูเลื่อนหมุนแบบ 3 มิติ

ขอบคุณบทความจาก
http://www.cgplusmag.com

สวัสดีทุกคนครับ สำหรับ Workshop ฉบับนี้ผมขอยกตัวอย่างการทำเมนูหมุนแบบ 3 มิติ มาให้ลองทำกันนะครับ เพราะเห็นว่ามีหลายๆคนสนใจอยากรู้ขั้นตอนการทำงานของเมนูแบบนี้ ซึ่งดูเหมือนจะเป็น 3 มิติ แบบนี้มีเทคนิคการสร้างอย่างไรบ้าง และจะรู้ว่าจริงๆแล้วไม่ได้ยากอย่างที่คิดเลยครับ



แนวคิดการสร้าง

แนวคิดของการสร้างเมนูการเลื่อนแบบ 3 มิติตัวนี้ คิดว่าทุกคนคงเคยเห็นมาในหลายๆเว็บแล้ว ที่ใช้การสร้างเมนูให้หมุนได้ซึ่งในตัวอย่างนี้ผมจะสร้างเมนูทั้งหมด 6 อัน โดยที่แต่ละเมนูจะเคลื่อนที่เป็นวงกลม ในส่วนของการเคลื่อนที่เป็นวงกลมนั้นจะเช็คพิกัด x ของ Cursor ด้วยว่าพิกัด x ของ Cursor นั้น อยู่ทางด้านไหนของหน้าจอถ้า Cursor อยู่ทางด้านซ้ายของจอจะให้เมนูหมุนทวนเข็มแต่ถ้า Cursor อยู่ทางด้านซ้ายของจอ จะให้เมนูหมุนตามเข็ม เมื่อมีการลาก Cursor มา RollOver บนเมนูตัวใดก็ตามเมนูทุกตัวจะหยุดหมุนและเมนูตัวที่ถูก RollOver จะเปลี่ยนสี ส่วนเมนูตัวอื่นที่ไม่ได้ถูก RollOver ผมจะใส่ Effect Blur ลงไปเพื่อให้โฟกัสไปเฉพาะตัวที่ถูก RollOver เท่านั้น และเมื่อเอา Cursor ออกจากเมนูแล้ว เมนูทุกตัวจะกลับมาเป็นรูปแบบปกติและหมุนต่อไปได้ตามเดิม

เมื่อพอเข้าใจรูปแบบของตัวงานที่เราจะทำแล้วก็มาเริ่มได้เลย โดยตัวงานนี้ผมจะใช้ขนาดหน้าจอเท่ามาตรฐาน Flash คือ 550 x 400 pixel





ดาวน์โหลดเอกสารสำหรับบทความนี้

__________________
Ethaidesign.com
The Communities Graphic & Developer free forums.

admin is offline   Reply With Quote
Old 21-08-2009, 09:32 AM   #2
สมาชิกบอร์ด
 
เป็นสมาชิกเมื่อ: Aug 2009
โพส: 39
Default

ขอบคุณ admin มากๆ ครับ กำลังอยากได้วิธีทำพอดีเลย
download เอกสารไปแล้วนะครับ ท่าจะยากพอควรแฮะเห็น
มีเขียน action script เต็มเลย :D
__________________
Web Hosting 10GB ขึ้นไป ไม่จำกัดแบทวิท เริ่มต้นเพียง 499บาท/ปี จดโดเมน 350 บาท/ปี จดพร้อมเช่าโฮสต์ 299 บาท/ปี นึกถึง Hostคุณภาพบริการชั้นหนึ่ง นึกถึง HostNeverDie.com
izumi is offline   Reply With Quote
Old 22-01-2010, 11:41 PM   #3
สมาชิกบอร์ด
 
nobit's Avatar
 
เป็นสมาชิกเมื่อ: Jul 2009
โพส: 14
Default

ดูยากแฮ่ะ ทำไมไม่เป็นอ่ะ
nobit is offline   Reply With Quote
Old 27-02-2010, 10:48 PM   #4
isp
สมาชิกบอร์ด
 
เป็นสมาชิกเมื่อ: Jul 2009
โพส: 16
Default

ขอบคุณมากเลยครับ
__________________
http://www.smile2000.com
isp is offline   Reply With Quote
Old 06-03-2010, 03:15 PM   #5
สมาชิกบอร์ด
 
เป็นสมาชิกเมื่อ: Mar 2010
โพส: 16
Default

อยากทำเป็นครับ ขอโหลดไปศึกษาดูก่อนนะครับ ขอบคุณมากครับ
mrhengrasmee is offline   Reply With Quote
Reply

คำค้น (Tags)
การสร้างงานเมนูหมุน, การสร้างภาพหมุน, สอนการใช้งาน flash

Thread Tools

ระดับการโพส
คุณ ไม่สามารถ โพสหัวข้อใหม่ได้
คุณ ไม่สามารถ โพสตอบกลับได้
คุณ ไม่สามารถ โพสไฟล์แนบได้
คุณ ไม่สามารถ แก้ไขโพสของคุณได้

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are On

ไปยังฟอรั่ม


การตั้งการเวลาแบบ GMT +7. และเวลาในขณะนี้คือ 06:21 AM.


Forums design by: EthaiDesign.com. Copyright © 2004-2009. All right reserved.
เว็บไซต์ Ethaidesign.Com เป็นเพียงศูนย์กลางการเรียนรู้ของเหล่า Designers และ Programmers เป็นเว็บบอร์ดแลกเปลี่ยนความรู้ทั่วไป
ทางทีมงานไม่สามารถที่จะตรวจสอบเนื้อหาทุกอย่างโดยละเอียดได้ อันเกิดจากการโพสโดยสมาชิก หากพบเนื้อหาไม่เหมาะสมโปรดแจ้งทีมงานด่วน..


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24