พอดีนั่งอ่านห้องแฟลชไปเรื่อยๆ ไปเจอจู๋นี้เข้า
http://www.f0nt.com/forum/index.php/topic,4636.0.html
ก็เลยคิดถึงอดีต เมื่อครั้งยังไม่ได้ประสบพบเจอกับ เจ้าโปรแกรมนี้
เห็นงานพวกนี้ทีไรก็จะรู้สึก อู้วห์ อ้าห์ น่าตื่นเต้นทุกที
จริงๆที่ตั้งกระจู๋นี้ เพียงเพราะมองเห็นตัวเอง งงอะดิ คือมองเห็นว่าตัวเองนั้น ก็มีความชอบพอ
กับ output ของเจ้าโปรแกรม แฟลชนี้ มาก่อนที่จะรู้จักโปรแกรมซะอีก พอเห็นครั้งแรก ก็รู้สึกดี มองสบายตา
น่าตื่นเต้น และอยากทำได้บ้าง แต่ไอ้การที่จะทำได้นี่แหละปัญหา เพราะไม่รู้จะเริ่มตรงไหน
อยากได้ไอ้หมุนๆ วิ่งๆ ยืดๆหดๆ แต่ก็ไม่มีปัญญา ว่างั้นเถอะ และเมื่อมีโอกาส ได้รู้มาบ้าง ก็เลยอยากจะให้
เพื่อนๆพี่ๆน้องๆลุงๆป้าๆที่ชอบพอแต่ไม่รู้จะเริ่มอย่างไร ได้มีโอกาสได้เริ่มบ้าง เอามันจาก output ง่ายๆ
มันนี่แหละไม่ต้องหวือหวาอะไร ถ้าเข้าไปในโรงเรียนสอนพวกนี้โดยตรง พื้นฐาน เขาก็คงไม่พ้นหน้าตาโปรแกรม
และหลักการที่พึงรู้ไว้ แต่ปัญหาผมอีกอย่างก็คือ ผมไม่มีความสามารถพอที่จะอธิบายทฤษฎีพวกนี้ได้ ไม่มีเลยจริงๆ T-T
ดังนั้นมาเริ่ม กัน ด้วยการหยิบยกเอา ชิ้นงานง่ายๆมาทำด้วยวิธีง่ายๆ ด้วยความมักง่ายๆ กันดีกว่า ครับ
เอ......แล้วจะเริ่ม กันอย่างไรละเนี่ย... เอาเป็นว่าผมเอาตัวเอง เป็นที่ตั้งละกัน มีอยู่ครั้งหนึ่ง ตอนสมัยเรียน
ผมเข้าไปดูผลงานแฟลช ชิ้นหนึ่งในห้องอาจารย์ เป็นงานที่มารู้ภายหลังว่าใช้ เจ้าโปรแกรมแฟลชทำ(ครั้งแรกที่ได้ยินชื่อนี้)
เป็นการทำแอนิเมชันประกอบเพลง ทีเขาเรียกว่า ทำมิวสิควีดีโอ อะไรซักอย่างนี่แหละ มันเป็นผลงานที่ดูกระตุกๆมาก
ด้วยความ สงสัย ก็ถามอาจารย์ไปว่า "เขาทำอย่างไร " ก็ได้รับคำตอบว่า เขาใช้ แฟลช ทำ
พอผมได้ยินก็งง ซิครับ อะไรวะ แฟลช ????? โอเคพล่ามมานานแล้วไม่รู้จะนำเข้าเรื่องอย่างไร
เอาเป็นว่า มะ มะ มาเริ่มทำแฟลช ง่ายๆ กัน ดีกว่า เอาแบบง่ายๆเลยนะ แล้วไม่ต้องอายพี่ๆน้องๆที่ เขา advance กันแล้วนะ
(เอาน่าต้องมีคนไม่รู้บ้างละน่า)
สรุปคือจุ๋นี้ อยากให้ ยกตัวอย่าง output ของแฟลช แบบง่ายๆมาแล้วมาบอกวิธีทำกันให้เป็นวิทยาทาน ซักหน่อย
เช่น คุณรู้จักการทำ motion tween มั้ย อืม ก็ ถ้าง่ายๆก็ ทำให้ วัตถุเคลื่อนที่ไปมานั่นแหละ
อะ อยากเห็นเหรอ ว่า มันเป็นอย่างไร ก็นี่ไง
http://img2.f0nt.com/flash/467ce7b88bf2973ddb218729f96a5bec.swf
เดี๋ยวมาบอกวิธีทำในแบบของผม......... :37:
วิธีการทำจะ....... ยากไม่ยาก ก็ลองเปิดโปรแกรมกันก่อน ดีกว่า ในที่นี้ ผมจะใช้ flash Cs 3 ทำนะ
ด้วยเหตุผลที่ว่า มันใหม่สุด *-* ความจริงแล้ว งานนี้ ไม่จำเป็นว่า โปรแกรมจะเป็น เวอร์ชัน ไหน
ขอให้มันมี area timeline แล้วก็ box tools ก็พอ แล้วววว อะ อะ อย่าเพิ่ง งง area ที่ผมเรียกนี่
ไม่รู้ว่าคนอื่นเขาเรียกอย่างผมรึเปล่านะ :37:
สรุป มันก็คือ ไอ้ พื้นที่ ทำงานสีขาว ที่พอเปิดโปรแกรม ปุ๊บ ! มันก็จะ เซต ขนาด มาให้เราแล้ว
ประมาณ 550x400 แหมแถมเซต ความเร็วเป็นเฟรมต่อวินาทีมาให้ด้วยนะ 12 fps
ก็คือ ไอ้เส้นสีแดง*วิ่งไป 12 เฟรมเท่ากับ 1 วินาที ซึ่งไอ้เส้นสีแดงและเฟรมนี่มันก็อยู่ในส่วนที่เรียกว่า
timeline นี่เอง ส่วน box tools นี่ก็คือกล่องเก็บเครื่องมือ ตรงตัว เป้ะ! เอาเป็นว่า สามส่วนนี่ไปดูรูป ดีกว่า
(http://img2.f0nt.com/17/d27f3f7cf353faed74397a70b7594ccf.jpg)
พอรู้จักกับเจ้าแฟลช พอสมควรแล้ว คืออยากจะอธิบาย เครื่องมือเยอะกว่านี้หน่อยแต่อย่างที่บอก
ผมมีปัญหาเรื่อง ทฤษฎีอยู่โขเลย ก็เลย เอาแค่คร่าวๆดีกว่า เดี๋ยว จะทำให้คนเริ่มใหม่ งงซะเปล่าๆ
เอาเป็นว่า เรามาเปิดโปรแกรมกันดีกว่า
การเปิดโปรแกรมขั้นตอนก็ไม่ยากครับ เอ่ออ...คงพอรู้กันแล้วใช่มั้ย ว่าต้องคลิกที่ ไอค่อนโปรแกรม
พอเปิดขึ้นมาเราก็เริ่มสร้างเอกสารใหม่กันเลย ด้วยการ ไปที่ Bar menu ข้างบน แล้วเลือก File > New
ไม่ใช่ ไฟล์มากกว่านิว นะ แต่หมายความว่า คลิกเมนู File แล้วก็ไปเลือก หัวข้อ New
(http://img2.f0nt.com/17/0a22fdeeb5c3e1dac29c62262f11bd5c.jpg)
พอเลือก เอกสารใหม่แล้ว มันจะขึ้นหน้าต่างให้เราเลือก ประเภทของเอกสาร นะครับ
ให้เลือกไปที่ Flash File (Action Script 2.0) แต่สำหรับเวอร์ชัน 8 ประเภทเอกสารสูงสุดก็ คือ 2.0 นี่แหละ
ถ้าใช้ Cs 3 ก็ต้องระวัง ถ้าเผลอไปเลือก 3.0 ในขณะที่ไม่รู้จัก as 3 นี่ งงตาย ตรงนี้ผมเคยโง่มาก่อน -*-
(http://img2.f0nt.com/17/2ee14b8d7da3d218ec4e28267ee12cb8.jpg)
เมื่อเปิดมาแล้วหน้าจอก็ประมาณนี้
(http://img2.f0nt.com/17/6d5c602b4575659fdb7d611faf15dca9.jpg)
ในการทำงานชิ้นนี้ เราใช้พื้นที่ไม่มาก ดังนั้น กำหนดขนาดของงานใหม่ซะเลย
(http://img2.f0nt.com/17/7379104e2b2e43f774f8eb101e959633.jpg)
รู้จัก เครื่องมือ และส่วนที่ต้องใช้ กันไปพอสมควร แล้วนะครับ เราก็มาค่อยๆเริ่มทำ กันเลย
ก่อนอื่น ก็ วาดรูปวงกลมมารูปหนึ่ง นะครับ ไปที่กล่องเครื่องมือแล้วใช้เครื่องมือ
ที่ชื่อว่า Oval Tool นะครับ ไอ้สัญลักษณ์ขิง เอ้ย !! สัญลักษณ์ที่เป็นรูป วงกลม นั่นแหละครับ
แต่ปกติแล้วมันจะถูกเลือกไว้ให้เป็น Rectangle Tool หรือรูปสี่เหลี่ยม ครับ ให้คลิกที่มุมขวาสุดของสัญลักษณ์
แล้ว Sub Menu มันก็จะไหลออกมา มี Tool ในประเภทเดียวกันให้เลือกอยู่หลายตัว ในที่นี้ให้เลือก Oval Tool เน้อ..
(http://img2.f0nt.com/17/7e18a57b909e4ff16dc84bcdf52ea6e3.jpg)
อะฮะ นั่นแหละครับ เลือกแล้วนำมาทำเป็นวงกลม สีอะไรก็ได้ วางไว้ทางซ้าย
(http://img2.f0nt.com/17/cdc1e0ab581d2d6aeccb843c84223200.jpg)
ไปที่ Timeline เฟรมที่1 เลเยอร์ที่1คลิกขวาเลือก Create Motion Tween
(http://img2.f0nt.com/17/1d396ffb3943a82e654d4a2502ca8892.jpg)
ต่อจากนั้นไปที่ Timeline เฟรมที่ 20 เลเยอร์ที่1 คลิกขวาเลือก Insert Keyframe หรือ กด F6 ก็ได้
(http://img2.f0nt.com/17/5920090e0f543b15e1defddf0630c6b8.jpg)
จากนั้นย้ายตำแหน่งของรูปวงกลม ให้ไปอยู่ในตำแหน่งขวาของ area
(http://img2.f0nt.com/17/92ed613a1fbab79565a6ec6d171bb37e.jpg)
กลับไปที่ ส่วนของ Timeline เฟรมที่1 เลเยอร์ที่1คลิกขวาเลือก Copy Frames (คือเราต้องการ copy เฟรมนี้)
(http://img2.f0nt.com/17/2a381fdb2b16b7c766c3af26a3e51183.jpg)
แล้วไปที่ เฟรมที่ 20 40 คลิกขวาเลือก Paste Frame
(http://img2.f0nt.com/17/ec9d6b75022dc40717eb508b1977eee5.jpg)
จะเห็นได้ว่า เฟรมที่ 2040 กับเฟรมที่1 ใน area มีการทำงานเหมือนกัน
(http://img2.f0nt.com/17/42218f71aa10eb11cdf8ea6fe2979943.jpg)
แค่นี้ก็เสร็จ ในส่วนของการทำ motion tween แล้วครับ ง่ายดีมั้ย ต่อมามาลองเล่นในส่วนของ properties บ้าง แต่เดี่ยว มาใหม่
โอ้ว จักรี มันยอดมาก เท่าที่จำความได้ตอนแรกๆยืมหนังสือรุ่นน้องมา
แล้วก็เปิดศึกษาเองทำได้แบบนิดหน่อยง่ายๆ ขอติวแฟลชด้วยคนนะเพราะตอนนี้ไม่ได้เล่นมานานแล้ว
ขอเรียนด้วยคน :12:
อู้วววว เยี่ยมจอร์จสุดๆ บวกเลยครับ
สำหรับคนอนุบาลเรื่องแฟลช เราเกิดมาเพื่อสิ่งนี้จริงๆ :12:
:22:
มาดูส่วนของ Properties กันต่อ
ลองเลือกไปที่วงกลมใน area ดู ครับ แล้วสังเกตช่องpropertiesด้านล่าง ซึ่งมันจะบอกรายละเอียดของ
ออปเจ๊ก นั้นๆไว้ในที่นี้จะเห็นได้ว่า มันบอกชนิดของ ออปเจ๊กวงกลมไว้ว่า เป็น กราฟิก ขนาดกว้างยาว 76.5
อยู่ในตำแหน่ง x =446.3 ,y= 90.5 ฯลฯ
(http://img2.f0nt.com/17/fac7e485eac7be7e10e40d3144af8304.jpg)
จากนั้น มาลองดู properties ของเฟรมบนtimelineบ้าง ก็เอาเมาส์ไปคลิกเลือกที่เฟรม(เฟรมไหนก็ได้ ในที่นี้ เลือกที่เฟรม1)
จะเห็นได้ว่า properties ด้านล่างจะเปลี่ยนไปเป็นรายละเอียดของเฟรมแล้ว
(http://img2.f0nt.com/17/1449f7c642558f81a7cc8a8626a6f3c0.jpg)
ที่นี้เรามาเล่นกับ Properties ของ เฟรมดู คือเมื่อเราอยากให้การเคลื่อนที่ของวงกลม
เป็นไปอย่างมีจังหวะ ประมาณว่า ให้เริ่มช้า หยุดเร็วหรือเริ่มเร็ว หยุดช้า ก็ต้องมาดูที่ Ease ใน Properties นี่แหละครับ มาลองทำกันดู
อันดับแรก ก็คือเลือกเฟรมที่1-20 ด้วยการคลิกที่เฟรมที่1 หนึ่งครั้งแล้วกด shift ค้างไว้
จากนั้นไปคลิกเฟรมที่20 มันก็จะเลือกทั้งหมด 20 เฟรมดังรูป ทีนี้เรามากำหนด Ease ให้กับการเครื่องไหวของวงกลมตั้งแต่เฟรมที่ 1
ถึงเฟรมที่ 20 กัน
โดยผมจะให้มันเคลื่อนไหวแบบช้าๆแล้วค่อยๆเร็วขึ้น ผมก็ใส่ -100 ไปที่ช่อง Ease
(http://img2.f0nt.com/17/63f6ab34fb3039cf6016ecd5de44a092.jpg)
ขั้นตอนต่อไปเลือกเฟรมที่21ถึงเฟรมที่40 ก็ใช้วิธีเดียวกันคือคลิกที่เฟรม21 หนึ่งครั้ง กด shift ค้างไว้ แล้วคลิกเฟรม40
แล้วไปที่ properties ในช่องEase เปลี่ยน ให้เป็น 100 ซะ เพื่อให้ วงกลมเคลื่อนที่จากเฟรมที่21ไปเฟรมที่40 แบบเร็วแล้วค่อยๆช้าลง
(http://img2.f0nt.com/17/b8e1adee741b3f1a61b0147e7edbaf10.jpg)
สรุปแบบชาวบ้านๆคือในช่อง Ease ใน Properties ถ้าน้อยกว่า 0 ลงไป มันจะทำให้วัตถุเคลื่อนที่จากช้าไปเร็ว
ส่วนมากกว่า 0ขึ้นมา ก็ตรงข้ามกันคือ จากเร็วไปช้า .....................ช้าๆเร็วๆเร็วๆช้าๆ เออแหะ งงเหมือนกันเนอะ......
เอาละครับ ทีนี้ก็ลอง ทดสอบดูได้ ถ้ายังไม่export ก็ กด Ctrl+Alt ดูก่อนได้เลยนะครับ แต่ถ้า Export ให้เป็น swf ขั้นตอนก็ดังนี้ ครับ
1.เลือก ที่เมนูบาร์ข้างบน เลือกไปที่ File >>>Export >>> Export Movie
(http://img2.f0nt.com/17/751cb433c5bd4ec2cae3f38b2e601d8e.jpg)
2.เลือก path (ที่เก็บไฟล์) แล้วก็ตั้งชื่อให้เรียบร้อย
(http://img2.f0nt.com/17/6bf750892c3ed7979ab8bd50a5307dad.jpg)
3.พอกด save มันจะขึ้นมาให้เลือก เวอร์ชั่น แฟลชเพลเยอร์ อันนี้เลือก flash Player 8
ไอ้ แอ็คชั่น สคริปเวอร์ชั่นอะไรนั่น ก็เลือก แค่ 2.0 พอ ไม่ต้องเลือก 3 นะ
(http://img2.f0nt.com/17/489d5fd12a8e665bd28ffa526f2e2831.jpg)
แค่นี้ก็เสร็จแล้ว เย้ๆ.........เป็นไงง่ายดีมั้ย อันนี้เป็นบทเรียนแรกๆที่พอเปิดหนังสือปุ๊ปก็มีสอนเลยละมั้ง
ปกติผมเป็นคนไม่ค่อยซื้อหนังสืออ่านก็เลยไม่รุ้ว่าเขาสอนอะไรบ้างน่ะนะ แต่ อย่างที่บอกผมเอาตัวเองเป็นที่ตั้ง
ครั้งแรกที่ผมทำแฟลชผมก็เริ่มจากไอ้ โมชั่นทวีน นี่แหละ แต่เท่าที่คุ้ยๆดูก็ มี ที่สอนทำลูกบอลกระเด้งๆอยู่เหมือนกันนะ
แต่ก็เอาเถอะ จุ๋นี้ ถึงแม้ จะ ดูเป็นเรื่องพื้นๆแต่ก็น่าจะมีประโยชน์บ้างละน่าสำหรับคนที่เริ่มต้น เอาเป็นว่า
ใครมีอะไรแบบง่ายๆๆๆ ที่ตาสีตาสายายมียายมา สามารถทำได้เองโดยไม่ต้องไปหาซื้อหนังสือมานั่งงง
ก็ รบกวนมาแปะๆเอาไว้ให้ อ่าน บ้างนะครับ........
ว่าจะบวกเยอะๆ
แต่กดทีเดียวก็เลขสวยแล้วเลยบวกแค่ 1 พอ :25:
ขออนุญาตเอากระทู้นี้ไปกระจายต่อนะครับ :12:
เจ๋งครับ เชฟ
ผมไม่ + นะครับ
เลข 333 สวยมาก
จักรี :25:
เรารักนายนะ
:25:ขอบคุณค่ะพี่ัจักรี
:12: เยี่ยมมากเลยน้องจักรี
:12: :12:
ขอเรียนด้วยคนครับ
จักรี นายเยี่ยมมาก :12:
เยี่ยมมาก ญาติเยอะเหรอ
นี่กระทู้จักรีนะอย่าลืมปล่อยมุข
และต้องเป็นมุกแป้กเท่านั้น :12:
:22: ดีจังครับ
อยากเปิดสอนงี้มั่งจัง
ก็รอเอ็งสอนอยู่นี่แหละครับ ไม่สอนซักที
ไว้ว่างๆน้า สอนเทคนิคกุ๊กๆกิ๊กๆ :25:
เอาแบบกุ๊กกิ๊กๆ ที่ทำแฟลชในชีซ่าน่ะ :25:
จู๋นี้หากเปรียบเป็นสุรา ย่ิอมเป็นสุราเลิศรส
หากเปรียบเป็นดรุณี ก็เป็นดรุณีแรกรุ่นที่มีโฉมสะคราญ
ย่อมเป็นจู๋ที่ประเสริฐ ประเสริฐยิ่ง :42:
โฮ่... ขออนุญาต เพิ่มเติมเรื่อง motion tween ครับ
พอดีข้าพเจ้าเขียนเรื่อง masking แล้วพบว่าอาจจจะมีบางคนสงสัย
ว่าทำไม motion tween แล้วมันหมุนได้ด้วยเรอะ
(http://img2.f0nt.com/23/85370f843370eddb773512dea2c0cfcf.jpg)
ทำแบบนี้ได้ด้วยนะครับ
ใช้เจ้า Free transform tool (กด Q ก็ได้ เป็นคีย์ลัดครับ) ปรับขนาด และหมุนไปหมุนมาได้
http://img2.f0nt.com/flash/788b8c0912b67651727f0704874058b2.swf
และ
หมุนๆๆๆ
(http://img2.f0nt.com/23/fc2efacec0a2b8aa16df3a5a89cad0b2.jpg)
ได้แบบนี้
http://img2.f0nt.com/flash/bced3b08af5668470f9caef2b385161a.swf
อ้างคำพูดจาก: เต่า เมื่อ 17 ต.ค. 2007, 23:17 น.
จู๋นี้หากเปรียบเป็นสุรา ย่ิอมเป็นสุราเลิศรส
หากเปรียบเป็นดรุณี ก็เป็นดรุณีแรกรุ่นที่มีโฉมสะคราญ
ย่อมเป็นจู๋ที่ประเสริฐ ประเสริฐยิ่ง :42:
โกวเล้งมากเลย
เจ้าเต่า กะัลังอ่าน โกวเล้งอยู่อ่ะ เฮียท๊อป :30:
วาจาเต่าเลยเปรียบดั่งกระบี่ที่พุ่งตรงเสียบเข้าจากข้างหลัง ทะลุถึงหัวใจ
ขอบคุณครับ :12:+
เรียกน้องโค้กมาดูเร็ว
Motion Tween & Guide
วันนี้ ไปเก็บ flash output ที่ใช้ guide มาเป็นแบบทดสอบสำหรับผู้ที่สนใจและแบบทบทวนสำหรับตัวผมด้วย
อันนี้ครับ
http://img2.f0nt.com/flash/6c3bf2f8d834d9eb75ed87bc3cb8fab2.swf
วิธีทำแบบของผม มีดังนี้ครับ
ขั้นตอนก็ เริ่มตั้งแต่เปิดโปรแกรมเหมือนเดิม คงยังจำกันได้นะครับ
งั้น ข้ามมาเริ่มตรงเปิดโปรแกรมขึ้นมาเรียบร้อยแล้ว นะครับ งานนี้ไม่ต้องเข้าไปเซตขนาดนะ
ผมจะใช้ ขนาดที่โปรแกรมมัน มาตรฐานมาให้เลยละกัน คือ 550x400 เวลา 12 เฟรมต่อวินาที เดิมๆนะครับ
สรุปคือไม่ต้องไปเซตมัน เปิดขึ้นมาก็เริ่มกันเลยละกัน ขั้นแรกก็ไปที่ tool box
เลือก ที่ เครื่องมือ รุปวงกลม (Oval Tool) ลองสังเกตไปที่ส่านของ timeline
ว่าตอนนี้มันจะทำงานอยู่ที่ เฟรม1 ของ เลเยอร์1
(http://img2.f0nt.com/18/66f93c5275f8d7d91ce94478205aa0df.jpg)
เมื่อเลือกได้เครื่องมือ Oval tool มาแล้ว ก็ทำการวาดรูปวงกลม สีอะไรก็ได้ ในที่นี้ผมใช้สีชมพู เพราะดูมันเหมาะกับผมดี ^^
วาดไว้ที่มุมซ้ายของพื้นที่ทำงาน เหมือนรูปนี้ครับ
(http://img2.f0nt.com/18/fcbf5515f171e04fb0c4f7e166cf2c6e.jpg)
ขั้นต่อไป มารู้จัก กับเลเยอร์ และตัวเพิ่มเลเยอร์กัน ไอ้เลเยอร์นี่ มันก็ใช้หลักการณ์เดียวกันกับ
การทำงานของโปรแกรม photoshop นั่นแหละครับ แต่ถ้าสงสัยก็ให้นึกภาพ เครื่องฉายสไลด์ นะครับ
ที่แผ่นใสวางทับๆกัน แผ่นใหนอยู่บนก็แสดงรายละเอียดของแผ่นนั้น หรือถ้าแผ่นบนไม่ได้เขียนอะไรไว้เราก็สามารถมองทะลุ
ไปเห็นรายละเอียดของแผ่นถัดลงมาได้ อะไรประมาณนั้น แต่รู้สึกจะยิ่งอธิบายจะยิ่ง งง ใช่มั้ย ฮ่าๆ
งั้นมาดูรูปกันนะครับ จะเห็นได้ว่า มีอยู่สองส่วนที่ จะเข้ามาเกี่ยวข้องกับการทำชิ้นงานนี้ อันแรกคือ
ส่วนของเลเยอร์ที่กล่าวไปแล้ว และส่วนของ ตัวเพิ่มเลเยอร์ คลิก หนึ่งครั้งมันก็จะเพิ่มเลเยอร์ให้หนึ่งเลเยอร์
(http://img2.f0nt.com/18/83f40bad6b79be810a1959c8960f9c4c.jpg)
พอรู้จักกับตัวเพิ่มเลเยอร์แล้ว ขั้นต่อไปก็คือการคลิก ที่สัญลักษณ์เพิ่มเลเยอร์ 1ครั้ง
เพื่อเพิ่มเลเยอร์ 2 ครับ ดูจากรูปจะเห็นได้ว่า มีเลเยอร์2 เพิ่มขึ้นมาแล้ว โดยจะเพิ่มขึ้นโดยถัดจากเลเยอร์1ไปข้างบน
(http://img2.f0nt.com/18/f7bac7f0a4e614b67d2cebbf42fcfdd7.jpg)
ขั้นต่อไป เรามารู้จักกับ tool อีกตัว ใน Tool Box นั่นคือ Pencil Tool เครื่องมือรูปดินสอนั่นเอง
จะสังเกตได้ว่า เมื่อคลิก ที่ Tool ต่างๆแล้ว รายละเอียดของ Tool นั้น จะปรากฏที่ Propreties ด้วย
(http://img2.f0nt.com/18/38ef0794f10030fb1c1f4266a9e1d7f5.jpg)
เมื่อเลือก Pencil Tool แล้ว ให้เอาเมาส์ไปคลิก1ครั้ง ที่ เฟรม1 ของเลเยอร์2
(http://img2.f0nt.com/18/ddbb4c3f1a9626a2fbb776289902f3a7.jpg)
จากนั้น ก็วาดเส้นลงบน area เป็นเส้น ต่างๆ จะโค้งไปโค้งมา บิดไปบิดมาก แบบไหนก็แล้วแต่ชอบ ครับ
(http://img2.f0nt.com/18/b4809171917efc0fbc1f45aae86c1dd7.jpg)
และที่สำคัญ คือ จุดเริ่มต้นของเส้นที่เราวาด ต้องพยายามกะให้อยู่ตรงจุดศูนย์กลางของรูปวงกลม ด้วยนะครับ
(http://img2.f0nt.com/18/fff74c83c78e83c43335a741950051cd.jpg)
เดี๋ยวมาต่อ..................ครับ
มาขั้นตอนต่อไปเลยครับ พอวาดเส้นเสร็จแล้ว ก็เอาเมาส์ไปคลิกขวาที่ เลเยอร์ 2 อย่าไปคลิกที่เฟรมนะครับ ให้คลิกตรงใกล้ๆ
กับคำว่า leyer2 เลย ดูในรูปข้างล่างนี้ ที่ผมทำกรอบสีส้มๆไว้นั่นแหละครับ
ต่อไปนี้ ถ้าผมบอกว่า "ให้คลิกที่เลเยอร์ " ก็ให้มาเอาเมาส์มาคลิกที่บริเวณนี้นะครับ แต่จะเป็นเลเยอร์ไหน ก็ต้องดูอีกที
(http://img2.f0nt.com/18/358b70995b8af9fe25b10fdd484721a5.jpg)
พอรู้แล้ว ขั้นต่อไป ก็คลิกขวา ที่เลเยอร์2 แล้วเลือก Guide ได้เลยครับ
(http://img2.f0nt.com/18/6f3de27db2dd5671d90f2775f9378c6b.jpg)
จะเห็นได้ว่า พอ เลือกไกด์ที่เลเยอร์สองแล้ว หน้าคำว่า layer2 จะเปลี่ยนเป็นสัญลักษณ์แบบนี้ (http://img2.f0nt.com/18/527ad93de234b92743a84adc6e1ee496.jpg)
จากนั้น ก็ เอาเมาส์ไปคลิกที่ เลเยอร์1
(http://img2.f0nt.com/18/200f716f5045e71b6587a0280ed6530e.jpg)
เมื่อเลือกที่เลเยอร์1 ให้คลิกซ้ายค้างไว้แล้วลากเลเยอร์1ไปทับกับเลเยอร์2 พอมันทับกันแล้วก็ค่อยปล่อยเมาส์นะครับ
(http://img2.f0nt.com/18/ac0877482510267467d55d459f4dafae.jpg)
แล้วระวังว่ามันอาจจะเลยขึ้นไปด้วย ให้สังเกตว่ามันทับกันจริงหรือเปล่า โดยให้ดูที่สัญลักษณ์ หน้า คำว่า layer2
จากที่เป็น รูป (http://img2.f0nt.com/18/527ad93de234b92743a84adc6e1ee496.jpg)ถ้าเปลี่ยนเป็นรูปสัญลักษณ์แบบนี้ (http://img2.f0nt.com/18/a58459112c48d2a844e6f5cc8f43312e.jpg)แสดงว่า ทับกันจริงๆ แล้ว
(http://img2.f0nt.com/18/f939497fd3507ee33f55cb30b65f217a.jpg)
ขออีกซํกโพสต์ละกัน.
ต่อเลยครับ จากนั้นไปที่เฟรมที่ 50 ของเลเยอร์ 2 คลิกขวา แล้วเลือก Insert Frame หรือ กด F5 ก็ได้
(http://img2.f0nt.com/18/65fa74d778621170ab512fbc69aa8e63.jpg)
เมื่อเลือก Insert Frame แล้ว จะปรากฏผลดังนี้
(http://img2.f0nt.com/18/f07dd902ee4d8ca50fde77acb0a3c236.jpg)
ลำดับต่อไป ไปที่เฟรม 1 ของเลเยอร์ 1 คลิกขวา เลือก Create Motion Tween (อะอะ ยังจำกันได้ใช่มั้ย ^^)
(http://img2.f0nt.com/18/a0c55fc6143ddc80b05e986569554d2c.jpg)
หลังจากนั้นก็ไปที่เฟรม 50 ของเลเยอร์ 1 คลิกขวา เลือก Insert Keyframe หรือกด F6 ก็ได้
(http://img2.f0nt.com/18/b6a91a87766235e3003aeb95ce35c79a.jpg)
เมื่อ เลือกแล้ว ตอนนี้ ไอ้เส้นสีแดงๆ มันจะบอกว่าตอนนี้เราทำงานอยู่ที่ เฟรม 50 และจะสังเกตว่า ไอ้สีเหลี่ยมแบบนี้ (http://img2.f0nt.com/18/203cf79b3701fda83ac1408faf32b6c0.jpg) หรือแบบนี้ (http://img2.f0nt.com/18/68b3fa30e0875f51bc1798b71e9763e5.jpg)
จะเป็นตัวบอกว่า เราทำงานอยู่ เฟรมไหนเลเยอร์ไหน ตอนนี้มันทำงานอยู่ที่ เฟรม ที่ 50 ของเลเยอร์ 1
(http://img2.f0nt.com/18/31754567493072a5bca90fc4fe027163.jpg)
ลำดับต่อไปไปที่ area พื้นที่ทำงาน สีขาวนั่นน่ะ แล้ว เอาเมาส์เลือกที่วงกลมคลิกซ้ายค้างไว้แล้วลาก มาที่จุดปลายอีกข้างนึง
(http://img2.f0nt.com/18/1153da17cec03a4e6a528fef58535aba.jpg)
พยายามให้จุดศูนย์กลางของวงกลมอยู่ปลายสุดของเส้นพอดี
(http://img2.f0nt.com/18/086185a31d8b27bd8bb52f41c6ff8b11.jpg)
สุดท้าย จะออกมาเป็นรูปร่างหน้าตาแบบนี้ ลอง กด Ctrl+Alt ดู ก่อน ก็ได้ครับ หรือจะ export Movie เลยก็ได้ครับ
ขั้นตอนก็อย่างที่เคยบอกไว้แล้ว ตั้งแต่ บทแรก.........
(http://img2.f0nt.com/18/e31d947378f00a0cd0e8678ed915690d.jpg)
ขอบคุณ ทุกท่าน ที่เข้ามานับ 0 ไปพร้อมๆกันนะครับ ทั้งคนที่เคยนับมาแล้วและคนที่ยังไม่เคย
ก็หวังว่าจะมีประโยชน์บ้างนะครับ ถ้า ใครไม่เข้าใจตรงไหน หลังโรงลิเกได้เลยครับ
:12: เยี่ยมอีกแล้วครับจักรี
เนี่ยแหละ ที่ฉันวอนท์มานาน เพราะอ่านหนังสือแล้วทำตามแล้วไม่สำเร็จ :12:
ผมขอแจมด้วยนะ
เรื่อง mask :27:
เอาเลยครับน้องเต่า :12:
ป้ามาขอสมัครเป็นลูกศิษย์ด้วย :25:
บวกไปงามๆซักสามครั้ง
ขอบคุณพี่ๆ ที่มาแนะนำครับ
จะรอเรียนครับ สอนเหมือนในหนังสือเลย แต่ผมเองก็ยังไม่ค่อยเข้าใจอยู่ดี
เป็นกำลังใจให้พี่จักรีครับ อย่าลืมปล่อยมุกนะครับ :43:
ทำได้แล้ว ขอบคุณมากเลยจักรี ตอนแรกเคยอ่านหนังสือเค้าให้ทำเป็นเหมือนวงกลมหมุนรอบๆเหมือนวงโคจรทำนองนี้
ตอนนั้นทำไปอ่านไปแต่ลืมวิธีแล้ว มันนานมาก
วันนี้ยังนั่งนึกวิธีอยู่เลยจำได้ว่าต้องลากเส้นแต่ที่เหลือลืมสิ้น รออ่านบทต่อไปจ้า
ใช้ภาษาเข้าใจง่ายดี
เจ๋งครับ :13: เอ้ย :12:
อ้างคำพูดจาก: เต่า เมื่อ 18 ต.ค. 2007, 19:17 น.
ผมขอแจมด้วยนะ
เรื่อง mask :27:
พิมพ์ใหม่ + Cap รูปใหม่ ด้วยนะเต่า ห้ามก๊อปจาก TFD มา :37:
ส่งฮิ :37:
http://img2.f0nt.com/flash/674ad38e7a033b8dbf7923d0a92015cc.swf
http://img2.f0nt.com/flash/e332e2101d589209c41ffa03805a47d1.swf
ปล.
ตอนแรกพี่จักรีบอกให้กดที่เฟรม 20 แล้วกด paste
แต่มันต้องเป็นเฟรม 40 ไม่ใช่เหรอคะ :31:
บวกให้ค่ะ เจ๋งดี จะพยายามมาเรียนอีก
เดือนไม่เคยทำอนิเมแฟลชได้เลย
เข้าโปรแกรมไปเพื่อทำพรีวิวฟร้อนกะวาดรูปในบางเวลาเท่านั้น :08:
เรียนรู้ง่ายๆ
ขอบใจจ้ะ
:33:
อ้างคำพูดจาก: เดือนนี่ ผีตัวเขียว เมื่อ 22 ต.ค. 2007, 14:39 น.
ส่งฮิ :37:
ปล.
ตอนแรกพี่จักรีบอกให้กดที่เฟรม 20 แล้วกด paste
แต่มันต้องเป็นเฟรม 40 ไม่ใช่เหรอคะ :31:
บวกให้ค่ะ เจ๋งดี จะพยายามมาเรียนอีก
เดือนไม่เคยทำอนิเมแฟลชได้เลย
เข้าโปรแกรมไปเพื่อทำพรีวิวฟร้อนกะวาดรูปในบางเวลาเท่านั้น :08:
เออ จริงแฮะ สงสัยผมจะเบลอ ขอโทษทีครับ แก้แล้วนะ ดีใจที่มีคน มาเรียนด้วยกัน :22:
อ้างคำพูดจาก: korstudioXD เมื่อ 22 ต.ค. 2007, 13:34 น.
พิมพ์ใหม่ + Cap รูปใหม่ ด้วยนะเต่า ห้ามก๊อปจาก TFD มา :37:
แหมรู้ทัน
อันเก่าหายไปหมดแล้วครับ ไม่งั้นก๊อปมาแล้ว :41:
มารอบทต่อไปฮิ :37:
บทต่อไป กำลังจะตามมาฮะ รอน้องเต่าคลอดก่อน :37:
เปล่าหรอก สำหรับผม ที่จริงรอ หลังวันพฤหัส นะจ้ะเด็กๆ :33:
จ้ะ :33:
ขอปักหมึกไว้เลยนะครับ
รอด้วยคน.. :25:
เกดทำยัง ส่งเดะๆๆๆๆๆ
อยากเล่นอีกอ้ะ :05:
อ่ะส่งก็ได้ อันนี้ทำใหม่ ตอนแรกที่ทำวาดเป็นรูปหมีด้วย แต่ไม่ได้เซฟไว้ :39:
http://img2.f0nt.com/flash/84ef32d384481e224afddea8fcb9c96d.swf
ไปดูของเก่ามีที่ฝึกทำเยอะเลยแต่ลืมวิธีทำไปซะได้ รอเรียนต่อค่ะ :07:
มาแล้วครับ
Masking
Masking เป็นเทคนิคที่หากินได้มากมายมหาศาลในโปรแกรมนี้ครับ
ใช้หลอกตา ใช้ปิดบัง ใ้ช้ทำเทคนิคพลิกแพลงไร้กระบวนท่า
ไร้กระบวนท่า ก็เป็นกระท่าประการหนึ่ง...
อย่าไรก็ตาม ... ก่อนจะพลิกแพลงวรยุทธ์ก็จะต้องฝึกหลักการพื้นฐานเสียก่อน
Basic Masking
ในการทำสิ่งนี้ควรทราบคำศัพท์พื้นฐานดังนี้
Stage = พื้นที่สีขาวใช้แสดงผล หรืออาจะเรียกว่า เวทีแสดงงาน เมื่อ preview เราจะมองเห็นแต่บริเวณ stage เท่านั้น
Layer = ชั้นของการทำงาน เปรียบเป็นแผ่นใส ที่มองทะลุลงไปได้หมด ทุกแผ่นเป็นอิสระจากกัน
Mask = การที่แผ่นใสกลายเป็นกระดาษทึบ และเจาะรูลงไปมองเห็น layer ด้านล่าง
"Mask คือการเจาะรู"
Let's go
http://img2.f0nt.com/flash/807e2f14aa49229a98eaf96d5777032d.swf
เราจะมาทำ mask อย่างง่ายกันก่อน เพื่อเป็นพื้นฐานในการเล่นที่สนุกสนานต่อไป
จากภาพเราจะเห็นสาวแว่นหน้าเนียนคนหนึ่ง กรอบแว่นเหล็ก ตาสีน้ำตาล ขาว สวย น่ารัก ...
หลบอยู่ข้างหลัง โดยมี layer ที่เราเจาะรูเอาไว้ วิ่งผ่าน
ไอ้ layer นี้วิ่งผ่านไปตรงไหน เราก็มองเห็นตรงนั้นของเธอ :04:
(http://img2.f0nt.com/23/78aa7ac5d5eb8f042b511a24b87c2533.jpg)
๑. Import รูปมารูปหนึ่ง (ที่จริงไม่จำเป็นต้องรูปภาพนะ วาดแมวขึ้นใน flash เลยก็ได้)
๒. สร้าง layer ใหม่ขึ้นมาหนึ่งอัน โดยคลิกที่รูปกระดาษพับมุม (อยู่บน timeline)
จะมี layer ใหม่เพิ่มขึ้นมาด้านบน (พึงระลึกว่าการจัดเรียง layer มีผลต่อการแสดงผล ดังนั้นมันต้องอยู่ข้างบน)
(http://img2.f0nt.com/23/624510a5d2a28091970a320603b9d6b4.jpg)
๓. วาดรูปสีเหลี่ยม หรือวงกลม หรืออะไรก็ตามแต่ (แล้วแต่ว่าเราจะเจาะรูเป็นรูปอะไร) สีของมันไม่มีความหมาย เพราะเดี๋ยวมันจะหายไป
๔. คลิกขวาที่ layer ด้านบน (ที่พึ่งจะวาดรูปสี่เหลี่ยมลงไป) การคลิกให้คลิกบริเวณสีเทาของชื่อ layer (คลิกขวาที่ชื่อเลยก็ได้)
๕. เลือก Mask จะเห็นความเปลี่ยนแปลงดังต่อไปนี้
(http://img2.f0nt.com/23/cdb90fc83222a704d4f7172b2a7a4642.jpg)
สาวแว่นหลบไปอยู่ข้างหลังแล้ว... กล่องสีแดงตะกี้แปรสภาพเป็น รู
เราจะมองเห็นหล่อนก็เฉพาะบริเวณที่กล่องแดงทับอยู่
สังเกตที่ layer สัญลักษณ์ข้างหน้าจะเปลี่ยนไป
เลเยอร์ด้านบนเปรียบเสมือนกระดาษเจาะรู มองละทุลงมา
(http://img2.f0nt.com/23/09a2999de9b471a65c34b2f42964c5d8.jpg)
เอาล่ะ ตอนนี้เราไม่สามารถแก้ไขอะไรได้เลย อ๊าาาา
อย่าพึ่งตกใจ... เนื่องจากเมื่อเรา mask layer แล้ว
layer ดังกล่าวพร้อมทั้งลูกๆ ของมันจะโดย Lock ไปโดยปริยาย
การ lock ก็คือการป้องกันการแก้ไขนี่แหละ ถ้าเราจะแก้ไขมันก็
๖. ปลดล็อคซะ (ปลด log แล้วก็จะกลายเป็น expo)
โดยการคลิกที่แม่กุญแจตรง layer ที่เราจะแก้ไข
ตอนนี้เราก็จัดการกับเจ้ากล่องแดงได้ตามสบาย จะบิด หมุน ขยาย หด ฯลฯ ก็ตามใจ
(http://img2.f0nt.com/23/3c9c25646d2406ad3a4e4e7f8f3ff932.jpg)
๗. ทำ motion tween ให้กับกล่องแดง ย้ายมันลงมาด้านล่าง
*** การทำ motion tween โดยพี่จักรี http://www.f0nt.com/forum/index.php/topic,11366.msg727459.html#msg727459
๘ .แล้วอย่าลืม Insert frame ที่เลเยอร์ด้านล่าง
เพื่อให้สาวแว่นของเราปรากฎอยู่ตลอดเวลาที่กล่องแดงวิ่งผ่าน
ถ้า motion tween กล่องไป 50 frame ก็ Insert frame สาวแว่นไปที่ frame ที่ 50 ให้เท่ากันครับ
(http://img2.f0nt.com/23/81b9347b4ada4f8577030bd1a6a797cc.jpg)
๙ .ตอนนี้ก็เสร็จเรียบร้อยแล้ว preview ได้เลย
แต่ถ้าไม่อยากให้มันรกตา แดงแป๊ดอย่างนี้ ก็ lock กลับเข้าไปเหมือนเดิม เป็นอันเสร็จครับ :40:
ภ้าตรงไหนไม่เคลียร์แจ้งเลยครับ จะได้ทำให้ชัดเจน
เพราะเดี๋ยวจะทำแบบพลิกแพลงขึ้นเรื่อยๆ ตามมาครับ
พลิกแพลง
จากหลักการเบื้องต้น เราสามารถทำแบบนี้ก็ได้
http://img2.f0nt.com/flash/ff877b2cac970738074ded3d79616d66.swf
โดยทำ motion tween ให้กับกล่องแดงต่อไปเรื่อยๆ
*** เพิ่มเติม motion tweening โดยเต่า http://www.f0nt.com/forum/index.php/topic,11366.msg728402.html#msg728402
แบบนี้
http://img2.f0nt.com/flash/4654103f016b825141cc25a8851120df.swf
ครับถ้าคลิกขวา mask layer ก็จะได้ตามแบบอันแรก
ส่งงานค่ะ :02:
http://img2.f0nt.com/flash/c361e7807fb7c8556eaa035f931003db.swf
ต่อไปจะเรียก พื้นที่ทำงาน ว่า stage บ้าง :22:
ส่งด้วย
http://img2.f0nt.com/flash/a6cd9d47a45a0455811f5831274109e6.swf
:30:
ส่งงานรวดเร็วทันใจ :08:
พลิกแพลง ๒
http://img2.f0nt.com/flash/922abbdf2260e0b602b9ead3263d3837.swf
ผมเอาเทคนิคที่กล่าวๆ มามารวมกันนะครับ
ในรายละเอียดจะไม่พูดถึง แต่จะอธิบายขั้นตอนครับ
ในการเริ่มต้นแบบง่ายที่สุด
สร้าง Layer ขึ้นมา 3 อัน
Import ภาพมาวางใน layer ล่างสุด และ layer กลาง ทั้งสอง layer มีภาพเดียวกันวางซ้อนกันสนิทพอดี
และจะวาดดาวขึ้นมาใน layer บนสุด
(http://img2.f0nt.com/23/35bbda8f23b67a7039d029075b5cd33c.jpg)
๑.ในการสร้างรูปภาพจำพวกสามเหลี่ยม สี่เหลี่ยม
เรายังสามารถสร้างรูปเรขาคณิตอบบสำเร็จรูปแบบอื่นๆ ได้โดย
ใช้เครื่องมือตัวนี้ครับ polyStar ใช้สร้างพวกรูปทรง 3 เหลี่ยมขึ้นไป
และทำดาวแฉกๆ ได้ด้วย
(http://img2.f0nt.com/23/d0ce88e28ace69ea6496afe261b520d6.jpg)
พอเลือก polystar แล้วก็คลิก Option ครับ
จะมี หน้าต่างเด้งขึ้นมา
เลือก Style เป็น star ถ้าอยากให้เป็นแฉกๆ
Number of sides จำนวนด้าน ถ้าเป็นดาวก็ จำนวนแฉก
Star point size ขนาดของแฉก ตั้งแต่ 0.0 - 1.0 ค่ามากแฉกจะอ้วนและสั้น
(http://img2.f0nt.com/23/edbf4aa24f89ded32b10c6e6ac6fe0eb.jpg)
ผมวาดดาว 15 แฉกขนาดใหญ่ขึ้นมา แล้วทำ motion tween ให้วิ่งไปวิ่งมา
แบบ Basic mask ข้างบน และทำให้มันหมุนๆ ตามวิธี tween ในหน้าสอง ***http://www.f0nt.com/forum/index.php/topic,11366.msg728402.html#msg728402
จากนั้น Mask
(http://img2.f0nt.com/23/eda69730d40e351d821a7408d075ae9a.jpg)
หลังจาก mask แล้ว สอง layer ข้างบนจะถูกล็อค เราก็มาจัดการกับรูปข้างล่าง
คลิกขวาแล้วเลือก Convert to Symbol ตรงนี้เพื่อให้รูปกลายเป็นวัตถุที่มีคุณสมบัติโปร่งแสงได้
(http://img2.f0nt.com/23/3dfcf04e2c11c737ee41cc92612eaf0c.jpg)
ตั้งชื่อว่าอะไรก็ได้นะ
เป็น Graphic หรือ Movie clip ก็ได้
กด OK โลด
(http://img2.f0nt.com/23/87c28b154bdab807698ed0c9a0e46c84.jpg)
คลิกที่รูปภาพทีนึง ให้มั่นใจว่าเลือกมันอยู่
ถ้ามันเป็น symbol แล้วขอบมันจะเป็นสีฟ้าครับ
ที่ Properties เลือก Color เป็น Alpha เพื่อปรับความโปร่งใส
เท่าไหร่ก็ได้ตามความพอใจครับ
เท่านี้ก็เสร็จ
---------------------
หลักการไม่มีอะไรเลยครับ แค่เอาภาพมาซ้อนไว้ข้างหลังเท่านั้นเอง
พอจุดที่เรา mask ไว้วิ่งผ่านไปก็ดูเหมือนมันมีสีสดขึ้นมา
จริงๆ แล้วมันคนละภาพ คนละ layer กัลล์
แปะ แปะ แปะ :45:
เยี่ยมมากเดี๋ยวทำมาส่งค่า :25:
http://img2.f0nt.com/flash/a9f7af31bcb86d81ae1257c5f206ddde.swf
เอาสาวแว่นมาสู้ :42:
คนนี้แหละ นางแบบของสาวแว่นรูปที่ 2 ที่ผมวาด :08:
พริกแพง :45:
:05: ติดไว้ก่อนนะคะจารย์
พลิกแพลง ๓
http://img2.f0nt.com/flash/6e061df03c4766d789441977504e4eed.swf
พวกนี้ผมจะไม่แสดงวิธีทำละเอียดนะครับ เพราะมันจะเยอะมากเลย
และทำด้วยวิธีเดียวกัน ซ้ำๆ กัน
แค่เป็นไอเดียว่า mask สามารถทำอะไรได้บ้างครับ
(http://img2.f0nt.com/23/7c21bfff4d43fd7bea49cbe67555435c.jpg)
แต่จะบอกใบ้เล็กน้อย
ถ้าทำ basic masking ได้ที่เหลือก็สบายครับ :40:
พลิกแพลง ๔
http://img2.f0nt.com/flash/dffd8ab54a93b2a9676cf5ae4c129f5b.swf
อันนี้เป็นแบบที่ใช้กันบ๊อยบ่อยครับ ทำแสงแวบๆ วิ้งๆ
ให้ดูมันวาว ทำนองนี้ ลักษณะเดียวกันเลย
(http://img2.f0nt.com/23/c74e7fb6ccbe5f24255fe50e8669d83c.jpg)
เทคนิคก็ไม่มีอะไรมากครับ
ทำ motion ให้แถบขาววิ่งผ่านบริเวณที่ mask ไว้
ถ้าอยากให้จางๆ ก็ปรับเอาที่ properties ทั้งเฟรมแรก และเฟรมสุดท้ายของ tween
อันนี้ทิ้งไว้เป็นปริศนาว่าทำยังไงครับ
(ความจริงมันง่ายนิดเดียวแหละ :30:)
ถ้าคนที่ลองทำตาม 3-4 อันข้างบนแล้วน่าจะมองออกว่าอันนี้ทำยังไง
http://img2.f0nt.com/flash/02b9751e285004efc6b89b134f01c644.swf
ปล. ความจริงคือขี้เกียจ
:05: เครื่องนี้ ไม่มีแฟลช
ใช่ทำมาสก์เป็นวงกลม แล้ววาดวงกลมเฟดขอบสีดำข้างในใสเปล่าครับ
(ถ้าใช่)
แล้วรูปที่เป็น 2 รูปซ้อนกัน แล้วมาสก์แบบนี้
จะสามารถพลิกแพลงทำได้ไหมครับ
เฮ้ย เรียนไม่ทันเลย หายไปไม่กี่ชั่วโมงโผล่มาเพียบ ติดการบ้านตั้งแต่พลิกแพลง 2 เดี๋ยวไปฝึกก่อน :25:
(ตอนนี้ที่เครื่องยังเป็น flash mx อยู่เลย ไม่มีให้ทำดาวแฉกแบบนั้นบ้าง จ๋อยๆ จะหาโหลดเน็ตก็ช้าเกิน...)
ส่งการบ้าน พลิกแพลง 2 จ้า (วาดแฉกๆเองเบี้ยวไปหน่อย)
http://img2.f0nt.com/flash/90c966c64429982b95c6035d33eb53b2.swf
กระจู๋ประเทืองปัญญามั๊กมาก :33:
ขอเข้าเรียนด้วยณ.ตอนนี้:05: :05: :05:
................
เอาละส่่งการบ้านพลิกแพลงสี่ต่อเลย(จะเอาไปประกอบหน้าคอนแทรคของเวบบ้าง...แต่ยังคงอีกห่างไกลดรีมอ่อนแอ :08:)
http://img2.f0nt.com/flash/b8fd2d7f53cf4ee35b72baad7d99f43c.swf
ขอบคุณสาระดีๆครับ :45: :45: :45: :45: :45:
http://img2.f0nt.com/flash/8ad8edb748414be4ef48373d5d3c7090.swf
ได้ครับ ด้วยหลักการเดียวกัน
เดี๋ยวอาบน้ำเสร็จแล้วรายละเอียดจะมาครับ :40:
มาเป็นนางนาก กันเถอะครับ :12:
เยี่ยมมากครับ :27:
อ้างคำพูดจาก: เต่า เมื่อ 23 ต.ค. 2007, 20:07 น.
อันนี้ทิ้งไว้เป็นปริศนาว่าทำยังไงครับ
(ความจริงมันง่ายนิดเดียวแหละ :30:)
ถ้าคนที่ลองทำตาม 3-4 อันข้างบนแล้วน่าจะมองออกว่าอันนี้ทำยังไง
http://img2.f0nt.com/flash/02b9751e285004efc6b89b134f01c644.swf
ปล. ความจริงคือขี้เกียจ
ทำไมมันดำๆครับ
http://img2.f0nt.com/flash/0f05fc4cb1b09f45c48df17960e1ef8f.swf
หมุนยากจังเลยง่ะ :05:
อุ๊ยยย อาจารย์คะ ช่วงนี้ป้าโดดงานบ่อยมากเลยค่ะ เลยตามไม่ค่อยทัน
ป้าจะหาเวลาว่างทำงานมาส่งนะ :25:
ส่งงานพลิกแพลง 3 ค่ะ :27:
ขอบคุณอาจารย์จักรีเป็นอาจารย์ที่ปรึกษา ฮ่าๆ :46:
http://img2.f0nt.com/flash/48836ebaacb6f4e62430fd63b2936878.swf
ตอนแรกทำพลาดออกมาเป็นแบบนี้เพราะเข้าใจผิด :41:
http://img2.f0nt.com/flash/1862162f887bd6aa5f27d68b14510863.swf
เบี้ยวด้วย .... :39:
เพิ่งเห็นครับ + :25:
ส่งการบ้านจ้ะ :42: หลังจากพยายามมาหลายวันก็ได้เยี่ยงนี้แล :42:
http://img2.f0nt.com/flash/eb94956fde9c05ad3c8b601b15471a25.swf
:25: รวมมิตรเลย
อู้วววว ป้าแป้ง เยี่ยมจริงๆครับ
ไอ้เม็ดแค๊ปซูนสีชมพูนั่นมันกระเด้งได้ใจดีจริงๆครับ :25:
น้องกรีมาสอนต่อสิ มีคนส่งการบ้านเยอะเลยนะ :25:
อะได้ครับ อดใจรอสักครู่ เจ้าขุนทองยังอยุ่ไม่ได้ไปไหนหรอกครับ :22:
http://www.sc25.com/flash/mark-motion.swf
ขอส่งด้วยครับ
น่าสนใจดี เลยลองทำดูบ้าง :26:
ทำพลิกแพง 4 มาส่งแล้วค่า :33:
http://img2.f0nt.com/flash/c495fdb3c77ddc643519f3556e6d4c48.swf
มาแล้วครับ เนื่องด้วย พื้นฐาน ที่ว่าด้วยเรื่อง Motion tween, Guide ,Mask เป็นพื้นฐานที่ค่อนข้างครอบคลุม จนไม่รู้จะ ปูอะไรให้อีก พอ เห็นว่า น้องเต่าเอาการประยุคต์พื้นฐานมาให้ ลองทำกัน ก็เลย คิดว่า เราเอาชิ้นงานที่เกิดจาก พื้นฐานเหล่านี้ มาลองทำกันดีกว่า
ดังนั้น ผม ก็เลยลอง ทำโลกหมุนๆดู แล้วแปะวิธีทำมาให้ผู้ที่สนใจ ได้ทำตาม กันด้วย ครับ ถ้าสงสัยตรงไหน ก็ถามได้เลยนะครับ
http://img2.f0nt.com/flash/290d41627f28cfdd41af46c8d9c760ce.swf
เริ่มด้วยการหารูป แผนที่ นะครับ แล้วเอามาทำใน photoshop
ตัดต่อตามรูปเลยนะครับ
(http://img2.f0nt.com/04/b02203c30acf04a4772b8e654fc6a56a.jpg)
ทำพื้นหลังโปรงใสโดยใช้เตรื่องมือ ที่ชื่อว่า Magic wand คลิกตรงพื้นสีเทา นั่นนะครับ แล้ว ก็กด Delete ได้เลย นะครับ
(http://img2.f0nt.com/04/5931b91877523b6adee8dd7eb395557c.jpg)
(http://img2.f0nt.com/04/dba63b50eca16f14389eb39502effbc7.jpg)
แล้ว save for web เป็น png
(http://img2.f0nt.com/04/2060c0370e6cf080350bea0ce660ea33.jpg)
ในส่วน photoshop ถ้าใคร งง ก็ค่อยถามมาอีกที นะครับ
เปิดโปรแกรม flash ขึ้นมาแล้ว New เอกสารใหม่ นะครับ
พอได้ แล้ว ก็ กดmenu file เลือก Import > Import to Stage
(http://img2.f0nt.com/04/c59c393ab49b8d2dfd05512c9524d7b8.jpg)
แล้วเลือกไฟล์รูป แผนที่ . png ที่ ทำจาก Photoshop เมื่อกี้นี้ นะครับ
(http://img2.f0nt.com/04/e16dd925c733f1934aadc61e96ef2001.jpg)
(http://img2.f0nt.com/04/8e9c2be752a0eba7034b09d4099278a8.jpg)
เพิ่มเลเยอร์ นะครับ
(http://img2.f0nt.com/04/afe8ca7689b940f9641335e5a6fd3ee0.jpg)
เลือก เครื่องมือสร้างวงกลม
(http://img2.f0nt.com/04/59a214de63d02ee98467963efd9922e0.jpg)
แล้ววาดวงกลมลงบน Stage
(http://img2.f0nt.com/04/523ba417adfb20f07cabe605f42ecbbf.jpg)
ย้ายตำแหน่งของแผนที่ครับ
(http://img2.f0nt.com/04/598e168d8cc675a5ebb95f40d7e85f98.jpg)
เพิ่มเลเยอร์3 ครับ
(http://img2.f0nt.com/04/56a7c6ad5fbc06c978e35ffefbb36c65.jpg)
ก๊อปปี้เลเยอร์ 1 เฟรม1ครับ
(http://img2.f0nt.com/04/cfd65b43a0a61537ff696896f0447a20.jpg)
เอาไป paste ที่เลเยอร์ 3 เฟรม 1 ครับ
(http://img2.f0nt.com/04/dc6899cc1de11bbce3f41ff87fd561c0.jpg)
ล๊อกเลเยอร์3 ก่อนครับ
(http://img2.f0nt.com/04/cebf4a3c8ce9ea7db49dc20917859987.jpg)
Create Motion tween ที่เฟรม ที่ 1 ของเลเยอร์1 ครับ
(http://img2.f0nt.com/04/df4b179d459b0a42f32e850c354a1822.jpg)
ทำให้รูปแผนที่จางๆ ด้วยการลด apha
(http://img2.f0nt.com/04/e9933fefb6053029f3a842a725f0faca.jpg)
ให้เหลือ 50 เปอร์เซนต์ ครับ
(http://img2.f0nt.com/04/6bb8a78f934f3da85b164942efacf660.jpg)
เดี๋ยวมาต่อ....
(http://img2.f0nt.com/04/84202c92157a4832c8c090adcdd6bc55.jpg)
(http://img2.f0nt.com/04/b6779d0721faee826bd7e747253208ae.jpg)
(http://img2.f0nt.com/04/a3abcd7a6e167c84f36f26b3cc776dab.jpg)
(http://img2.f0nt.com/04/4d0364ed07b996dd87155e319d586fad.jpg)
(http://img2.f0nt.com/04/2533e40839a6d92b1019fb51565d78a2.jpg)
(http://img2.f0nt.com/04/d3c690dd41155faecf7d7bfd97bfc71f.jpg)
(http://img2.f0nt.com/04/6acb46fc192eebb34ea7095b7bb25af8.jpg)
(http://img2.f0nt.com/04/c056498bf2ecd97c05581909e7253b08.jpg)
(http://img2.f0nt.com/04/f005742a9332d544777c3685f441a376.jpg)
(http://img2.f0nt.com/04/630e4f7384a747e7118424d0d5d4f36c.jpg)
(http://img2.f0nt.com/04/b1118afe202f34646870a29f4665d92f.jpg)
(http://img2.f0nt.com/04/909d2360c64ea2bb9cbd783118eec3a4.jpg)
(http://img2.f0nt.com/04/57014e1432421c29387496df7aeb5397.jpg)
(http://img2.f0nt.com/04/46fc6d249a9b9bed4550f19e4ff39e4e.jpg)
(http://img2.f0nt.com/04/4b55e240d1ffd30d6fc3fe543b12ca3c.jpg)
(http://img2.f0nt.com/04/51c88ded79a78ae61fccdb16cc1e1226.jpg)
(http://img2.f0nt.com/04/c7c52066773b6579e248be8d4dea8dbc.jpg)
แล้วลอง Ctrl+Alt ดู ครับ หรือไม่ก็ export ได้เลย ขอบคุณครับ รูปเยอะไปหน่อย คือตั้งใจให้มันละเอียดๆ
ไม่รุ้จะทำให้ยิ่ง งง หรือเปล่า มีอะไรสงสัย หลัง โรงลิเกได้นะครับ
พี่จักรีลืมกลับด้านแผนที่ด้านหลังครับ
เป็นมุขรึเปล่าครับ :25:
กลับด้านอย่างไรครับ :09:
มันไม่เป็น Mirror ไงครับ
ดูแล้วรู้สึกว่าโลกเรามีทวีปอเมริกา 2 อัน :30:
อ้อ ลืมบวก+
อ๋อใช่ ฮ่าๆๆ ตูลืมนึกเลย :52:
:52: ไม่เป็นไรครับจักรี จักรี คนดีของผม
มะมาทำต่อจากเมื่อกี้เลยนะครับ เพิ่ม เติม ให้ โลกมันสมจริง :52:
(http://img2.f0nt.com/04/2d2c5c26b7b346cd1bc77ff35fd4b319.jpg)
(http://img2.f0nt.com/04/09a6f90bb5621c68c1931d9bd519979b.jpg)
(http://img2.f0nt.com/04/530e42100c86a2ded789f3c0607db160.jpg)
(http://img2.f0nt.com/04/287de904e625a728549b0f369367393c.jpg)
(http://img2.f0nt.com/04/d319426ea0bf90de3bd90459d929dc97.jpg)
(http://img2.f0nt.com/04/61da295c300c21dcffd7963860d3858a.jpg)
พอกดแล้วจะกลับมาที่เดิมดังนั้นะครับ เป็นอันเสร็จสิ้นการกลับด้านแผนที่ อันล่าง
(http://img2.f0nt.com/04/50f40749f24739c6d97ae9da031f88a9.jpg)
export ออกมา ก็จะได้ เป็นแบบนี้ :52:
http://img2.f0nt.com/flash/bcda54eb648d8c1fc7c30eaca9155821.swf
เริ่มเข้าขั้นแอดวานซ์แล้ว :07:
เฮ้ย!! ไม่หรอก ผม พยายาม แบบ ที่ ละเอียดๆแล้วนะ :25:
ผมแนบไฟล์ตัวอย่างมาให้ดูนะครับ
สงสัยแมคคิดไปเองมั้งครับ เห็ยภาพเยอะๆ :30:
เดี๋ยวว่างๆจะลองดูครับ :22:
:37: พึ่งรู้นะเนี้ย ว่าโลกเราเป็นแค่กระดาษแบนๆ สองแผ่นวิ่งสวนกัน
:12:
:25: รอก่อนนะคะเดี๋ยวจะมาส่งงาน
ขอดาวไว้หน่อย เดี๋ยวมาอ่าน
http://img2.f0nt.com/flash/16b836179e02f90c83bf7a94864b980f.swf
มาตามสัญญาครับ พอดีช่วงนี้ประสาทๆ งานไม่เดิน
ทำอะไรแบบนี้ดีกว่า งานเงินไม่ทำละ
(http://img2.f0nt.com/05/4ce41e4309abf10fff033983c965864b.jpg)
๑. ทำพื้นหลังเป็นสีดำครับ
๒. เอารูปอะไรก็ได้มาวางไว้ อาจจะวาดเอาเองก็ได้
๓. สร้าง layer ใหม่รอไว้เลย
(http://img2.f0nt.com/05/5235a80443c61aaf6146e599848a942f.jpg)
๔. วาดวงกลมลงไปหนึ่งลูก
๕. ปรับสีให้เป็น gradient แบบ radial ไล่สีจากจุดศูนย์กลางออกมา
(http://img2.f0nt.com/05/004786156837d093ad3c7c5df1ba8432.jpg)
๖. คลิกที่กล่องสีขาวด้านซ้ายสองที เปลี่ยนมันเป็นสีดำซะ
๗. ปรับ alpha มันให้เหลือ 0%
(http://img2.f0nt.com/05/f7e7bd6c0b2e7e5af0007f016f736059.jpg)
๘.ลากมาตรงกลางๆ หรืออาจจะชิดขวาไปเลย เพื่อให้มีพื้นที่ว่างตรงกลางเยอะๆ
(http://img2.f0nt.com/05/1aa70d85b4b51ac928212395d56da3cf.jpg)
๙. copy frame
(http://img2.f0nt.com/05/8a49b790b2d8a37c78fa6a27fee43910.jpg)
๑๐. paste frame
(http://img2.f0nt.com/05/9a5e233dd723f4c517362550b2aeef92.jpg)
๑๑. Mask layer ที่สองซะ
(http://img2.f0nt.com/05/42e84e82c3dfc3875bb37fb274153f6f.jpg)
๑๒. เรียบร้อย สามารถเอาไป motion tween ได้เลย
แต่มีข้อแม้ว่าวงกลมที่งอยู่ทั้งสอง layer จะต้องไปไปไหนไปด้วยกัน
เพราะตัวล่าง mask ภาพอยู่ ส่วนตัวบนทำให้ขอบไล่ความเข้ม-จาง
เท่านี้เอง
ส่วนแบบที่สีจาง แล้วทำให้สีชัดขึ้น ไล่ความเข้ม-จาง ที่ขอบก็ทำลักษณะเดียวกันคือ
เอาภาพมา วาดสี่เหลี่ยมสีขาว alpha ซัก 30 บังไว้
mask ใส่ภาพที่สีสดชัดเจน แล้วทำหน้ากากแบบนี้ไปบังอีกที
โดยไล่สีจาก 0% ไปจนถึง 30% เท่าสี่เหลี่ยมที่สร้างขึ้นมาบังภาพแทน
ถ้าทำไม่ได้จะเพิ่มเติมตัวนี้ให้อีกครับ
ถ้าไม่มีปัญหาก็จะ pass ไปทำคลื่นน้ำกัลล์เลย
โอ้ว เยี่ยมมากครับ น้องเต่า :12:
โอ้ว เยี่ยมมากค่ะทั้งคู่เลย เดี๋ยวทำมาส่ง ติดไว้ก่อน :25:
ขอคำถามเดิมที่เคยถามไว้ครับ
คือถ้ามี 2 รูป จะมาสก์ขอบเบลอๆ แบบนี้ให้อีกรูปอยู่บนจะทำยังไงครับ :09:
ต้องเปิดการทำ Cache as bitmap ด้วยน่ะครับ
สั่งผ่าน as แล้วก็ไปติ๊กให้เลเยอร์ mask นั้น
มัน Use runtime bitmap caching ด้วยน่ะครับ (อยู่ที่แท้บ Properties ใต้ Blend)
clip.cacheAsBitmap = true;
mask.cacheAsBitmap = true;
clip.setMask("ชื่อของเลเยอร์ mask");
ใส่ที่ root เลยนะครับ
(ต้อง flash 8 ขึ้นไปครับ เพราะรองรับ Bitmap Caching น่ะแหละ(มั้ง ตอบทั้งๆที่ไม่รู้ :30:))
:48: นี่มันอะไร
เว้ยยยย ตูเห็นตั้งกะยุค Flash MX แล้วนะ (จาก ทฟด)
ถามคนที่ทำเขาก็ไม่ยอมบอก สมัยนั้นไม่มีโปรแกรมแกะแฟลชด้วยสิ
ใครเอา อะไรมาแปะห้องอนุบาลเนี่ย :07:
เฮ้ย ตูเห็นๆ
อีสามไง ต่อยมันเลย
อ้อ น้องสามเหรอแล้วไป :22:
อ้างคำพูดจาก: แอน ตุนถ่าน เมื่อ 06 พ.ย. 2007, 01:43 น.
เว้ยยยย ตูเห็นตั้งกะยุค Flash MX แล้วนะ (จาก ทฟด)
ถามคนที่ทำเขาก็ไม่ยอมบอก สมัยนั้นไม่มีโปรแกรมแกะแฟลชด้วยสิ
อันนั้นเค้าคงเขียนโค้ดเองแหละครับ :46:
แต่ใช้วิธีนี้ง่ายกว่าเยอะครับ :30:
อ้างคำพูดจาก: จักรี สวัสดี มังกร เมื่อ 06 พ.ย. 2007, 03:33 น.
อ้อ น้องสามเหรอแล้วไป :22:
:22:
พรุ่งนี้ ผมจะเริ่มชั้นเรียน flash programming
คงต้องเริ่มด้วยการใช้งาน flash ก่อน
จู๋นี้มีประโยชน์มากๆ ผมขออนุญาติไปเผยแพร่ในห้องเรียนนะครับ(จะใส่อ้างอิง) เพื่อเป็น Introduction to flash
หวังว่าวิทยาทานที่ให้นี้ส่งผลให้ท่านพบความสุขความเจริญครับ :46:
อยากลงทะเบียนเรียน ด้วย ครับ :05:
ตอบพี่แอนครับ (ช้าไปมั้ย)
ด้วยความรู้ระดับผมทำไม่ได้ครับ
เข้าใจว่าพี่หมายถึงมีรูปซ้อนกันสองรูป แล้ว mask รูปนึงให้ขอบเบลอๆ
ซึ่งผมทำม่ายเป็น :52:
นั่นแหละๆ :25:
:05:
http://img2.f0nt.com/flash/934f4ca9d56c7bcba07331d5f4fd1f61.swf
อย่างงี้ใช่มั้ยครับ :25:
อันนี้ใช้วิธี Bitmap Cache ข้างบนน่ะครับ
ทำไม่ยากครับ ไว้จะมาแปะแนะนำมั่งนะครับพี่จักรี๊ :25:
อูย :39:
:07: รีบ มาเลย บักน้องสาม
Button
เปิดโปรแกรม แฟลชขึ้นมา สร้าง รูปสีเหลี่ยมสีดำ อันนึง เพื่อตั้งใจให้มันเป็นปุ่ม
(http://img2.f0nt.com/11/79674163f4bb63e938d34b9a9801bcfa.jpg)
(http://img2.f0nt.com/11/b77950bf7da1f2d64489029f57fcacb9.jpg)
(http://img2.f0nt.com/11/2760906387699200f3f53ccb3b644b3b.jpg)
(http://img2.f0nt.com/11/cb5389009f47bad20a04f1eedf2a02a2.jpg)
(http://img2.f0nt.com/11/90882928dce0224f41d6b900b369467b.jpg)
ช่องUP คือตอนตอนปกติของ ปุ่ม
ช่อง over คือตอนที่ เอาเมาส์มาโดนปุ่ม
ช่อง Down คือตอนที่คลกปุ่ม
ช่อง Hit คือ อาณาบริเวณของปุ่ม จพมีพื้นที่ เท่ากับปุ่ม ใหญ่กว่า หรือเล็กกว่าก็ได้
(http://img2.f0nt.com/11/815db919078bb960e34060fba1600cb9.jpg)
(http://img2.f0nt.com/13/e39adeffef4ae1ae3c30e679cc64a7cd.jpg)
(http://img2.f0nt.com/11/0163643726511888f086f7f67f60ddcb.jpg)
(http://img2.f0nt.com/11/35c5d62c15c162ca07da5392e7a91fa1.jpg)
แล้วคลิก ตรง Scene 1 เพื่อกลับสู่เมน หลัก แล้ว Export ดู
http://img2.f0nt.com/flash/22a47cfb218ea4e9b761895f4236bb8a.swf
ไปใส่สคริปกันต่อที่ กระจู๋ นี้เลยครับ http://www.f0nt.com/forum/index.php/topic,11542.0.html
จานจักรีแยกโพสต์ก็ได้นะครับ
คนเน็ตเต่าจะได้สบายใจ
รับทราบครับ :52:
ส่งการบ้านโลกหมุนค่ะ (แก้ใหม่แล้วดีขึ้นยัง) :33:
http://img2.f0nt.com/flash/aae41bbe34fa2c82ac2194d8699259f2.swf
ฮ่าๆๆๆ ทำได้แล้ว ฮ่าๆๆ :30:
:25: เจี้ยมจริงๆด้วย เห็นมั้ยว่าไม่ยาก
แต่เกดไม่มิราจ อ่ะนะ แบบว่า ด้านในด้านนอกไม่สลับด้านกัน
เกดลดา ดู ติวเตอร์อันต่อมาเลย เรากลับด้านให้ดู
รับทราบค่ะ :27:
เกดระวังช่วงรอยต่อของหัวฟิล์มท้ายฟิล์มด้วยนะ
โลกมันกระตุก เดี๋ยวเกิดสึนามิเอา
แก้แล้วๆ ดีขึ้นมั้ยคะ :25:
ดีขึ้น แต่กระตุกนิดๆ อยู่นะ ลองดูดีๆ :37:
เวลาแก้ก็เอามาโพสต์ข้างหลังสิก๊าบ
จะได้เห็นพัฒนาการ (เอ้า จักรี)
ขยับมาใกล้ๆ หน่อยก็ได้ครับ จะได้เห็นบางกระปิ
จะว่าไปแล้ว ผมทำช่วงรอยต่อมันก็ ชะงัก นิดนึงแฮะ :08:
ไม่ได้ใกล้กันเลยยย :05:
จะบอกว่ามันเห็นทวีปเดียวกันพร้อมกันสองข้างเลยครับบักเกด
บอกในเอ็มไปแล้วนะยะ!!! :07:
ที่มันชะงักนิดนึง เพราะว่ามันมี frame เดียวกันซ้ำ 2 ครั้งติดมั้งครับ
(เฟรมแรก กับเฟรมสุดท้าย มันแสดงภาพเดียวกัน)
วิธีแก้ ก็คือ สร้าง keyframe ที่ตัวรองสุดท้าย แล้วลบ keyframe สุดท้ายทิ้ง
ทีนี้ก็จะลื่นไหล ไร้การสะดุดละครับ
ปล. ทำหลังจากสร้าง tween เสร็จนะครับ
ขอบคุณมากครับ :46:
ลื่นไหลแล้วครับ เย่
http://img2.f0nt.com/flash/9da8b9f17570a454c31c7e33007e7b07.swf
การเป็นพระเจาที่คอยสร้างโลกนี่ก็เหนื่อยนะ
:21:แหมสามเดี๋ยว ตีตาย
ออ ตูเปนฟารั่ง พู้ดไทยหม่ายช่าด :52:
น้องข้างบนรบกวนอ่าน กติกา (http://www.f0nt.com/forum/index.php/topic,2048.0.html) ด้วยนะครับ
โดยเฉพาะข้อ 12
ยักษ์เตือนแล้วนะครับน้อง ระวังด้วย
:41:
:30:
เผื่อใครจะทำไอ้โลกหมุนๆ น่ะครับ ผมเอารูปแผนที่โลกมาแปะๆให้มาโหลดเอาไปใช้ได้นะครับ
(http://img2.f0nt.com/13/b51f0419fd8dc2d875c7dded451afa5f.png)
:44: :44: :44:
:09:
เค้าส่งมั่ง...แต่มันชักกระตุก :44:
http://img2.f0nt.com/flash/d6a1d009ab1b208c4ce45025f7605d2e.swf
/*
ขอบใจมากจ้ะ จักรี.....
ไม่กระตุกแล้วจ้ะ ลบออกไป 2 เฟรมสุดท้าย
ตอนแรกลบออกเฟรมเดียวก็ยังกระตุก เลยลองลบ 2 เฟรมซะเลย
:33:
*/
เจ๊ฟ้า ลองทำตามนี้ดูครับ มันจะหายกระตุกอย่างสิ้นเชิง แต่ ถ้าไม่เข้าใจอย่างไรเดี๋ยวผม แค๊ปรูปมาอธิบายอีกทีก็ได้ ครับ
อ้างคำพูดจาก: poloh เมื่อ 11 พ.ย. 2007, 09:40 น.
ที่มันชะงักนิดนึง เพราะว่ามันมี frame เดียวกันซ้ำ 2 ครั้งติดมั้งครับ
(เฟรมแรก กับเฟรมสุดท้าย มันแสดงภาพเดียวกัน)
วิธีแก้ ก็คือ สร้าง keyframe ที่ตัวรองสุดท้าย แล้วลบ keyframe สุดท้ายทิ้ง
ทีนี้ก็จะลื่นไหล ไร้การสะดุดละครับ
ปล. ทำหลังจากสร้าง tween เสร็จนะครับ
ส่งการบ้านค่ะ คุณครูแจ๊กกี้ :46: สำหรับการบ้านปุ่มเนี่ย ไม่ทำได้มะคะ :42: เรื่องนี้พอจะเข้าใจอยู่แล้วอ่ะค่ะ
http://img2.f0nt.com/flash/e4c87f19e934d096ee1f3275bbff0ef2.swf
คุณครูคะ ป้าใช้ความพยายามและความตั้งใจทำการบ้านมาส่งมากเลยนะคะเนี่ยยยยยยยยย
http://img2.f0nt.com/flash/4681512ce836ce5bd1de364b03ef95c3.swf
ส่งมั่งเลย
ของพี่กั๊ม ทวีปไม่ซ็อนกันด้วยล่ะ อันที่จริงป้าก็พยายามแล้วนะ แต่ยัง งง งง อยู่ :42:
แต่มันยังกระตุกอยู่ แฮะ สงสัยลืมเอาเฟรมสุดท้ายออก
ช่างมัน :11:
ส่วนที่ไม่ซ้อนกันนั้น
ต้องใช้ทริกเล็กน้อยครับ
ต้องทำให้แผนที่มันต่อกันประมาณ 3 แผนที่แล้วค่อยทำ
แล้วให้ แผนที่อัน บนกับอันล่าง ขยับไม่ให้เป็นตำแหน่่งเดียวกัน
ต้องทำหลายๆรอบอ่ะครับ กว่าจะให้มันดูดี
อ้างคำพูดจาก: แป้งหวาน ปานน้ำผึ้ง เมื่อ 14 พ.ย. 2007, 18:13 น.
สำหรับการบ้านปุ่มเนี่ย ไม่ทำได้มะคะ :42:
ใช่สิ ไอ้คนสอนมันสอนห่วยนี่ :05:
อ้าวววว ไม่ได้หมายความอย่างนั้นน่ะคะ พอดีว่าปุ่มเนี่ย พอจะเคยทำมาบ้าง ก็เลยข้ามอ่ะค่ะ ขี้เกียจ :39:
ปล. พี่กัมส์ต่อ3พับเลยเหรอ อ่อออออ :25: มิน่าล่ะ แต่ยาวจังเลยนะ 3 พับเนี่ย
ลองทำมาส่งมั่งครับ :46:
เอาต้นฉบับภาพที่จักรีให้โหลดนั่นแหละ
http://img2.f0nt.com/flash/030128a29d38924ac248b1d8de38358b.swf
ของแอนก็ไม่ซ้อนกัน :25:
ใช้ภาพต่อกันยาวๆเหรอครับ ว้าว!! ยอดเลย แถมทำให้นูนด้วย
เออใช่ ตอนทำก็ไม่ได้นึก :38:
คือทีแรกจะแนบไฟล์ต้นฉบับมาด้วย
ให้ดูว่าถ้าทำแบบนี้แล้วมันจะขยายกี่เฟรมก็ได้
มันจะไม่กระตุกโดยไม่ต้องไปลบเฟรมสุดท้ายน่ะ
เทคนิคก็คือให้เอาภาพอีกก็อปปี้นึง มาต่อเฟรมสุดท้ายเลยครับ
ทีนี้จะขยายหรือหดให้โลกหมุนเร็วหรือช้าเท่าไหร่ก็ทำได้เลย
ส่วนไอ้โลกนูนๆ นั่นไม่มีอะไร เอาสีฟุ้งๆ มาถมทับ :39:
:25: :25: :25:
แล้วโลกจริงๆ มันวนซ้ายหรือขวาครับ
อันนี้ถามเป็นความรู้ เพราะไม่รู้ :44:
ถ้าเรานอนหงาย มันจนหมุนขวาครับ ถ้านอนคว่ำมันจะหมุนซ้าย :37:
หมุนคนละทางกะที่ตูหมุน :30:
เอาง่ายๆ คือ ไทยสว่างก่อนเมกา
ดังนั้นมันต้องหมุนผ่านไทยไปก่อนเมกาสิครับ
เห็นไทย แต่ดูเมกาไม่ทัน(เพราะจำแผนทีี่่มันไม่ไ้ด้) :25:
มองจากขั้วโลกเหนือ โลกจะหมุนทวนเข็มนาฬิกาครับ
นักวิทยาศาสตร์ลงความเห็นกันว่าให้ยึดตามนี้
ถ้าเอาแผนที่โลกแบบหัวตั้งตามปกติก็จะหมุนซ้ายไปขวา :40:
หมุนด้วยกฎมือขวาครับ
http://img2.f0nt.com/flash/343270c114483ecbf2829021fe94d65f.swf
ส่งงานครับ :33:
ลื่นไหลต่อเนื่องไหมครับ คอมผมมันดูแล้วกระตุกๆ
ถ้าคนอื่นเห็นแล้วลื่น .....งั้น...คอมผมต้องเปลี่ยนแล้วมั๊งเนี่ย :31:
ุ60 เฟรมเรทครับ
60 เลยรึ :41:
:27:
:30: สามว่า 30-40 ก็หรูแล้วนะ
จู๋๋นี้เจ๋งจังค่ะ :12:
ขอขั้นจังหวะนิดหนึ่ง
ในระหว่างที่ผมกำลังหา tutor แบบภาษาไทย
ไปเจอที่นี่
http://ns2.nawama.ac.th/learnsquare/index.php?mod=Courses&op=course_lesson&cid=39&sid= (http://ns2.nawama.ac.th/learnsquare/index.php?mod=Courses&op=course_lesson&cid=39&sid=)
ลองทำ "ตัวอย่าง Effect ฝนตก" ดูเอกสารเขาแล้วงง
เลยลองค้นหา rain effect ดู บังเอิญไปเจอเว็บ tutors แบบไม่ยากนัก(แต่เป็นภาษาอังกฤษ)
ที่นี่ครับ http://www.toxiclab.org/default.asp?ID=2 (http://www.toxiclab.org/default.asp?ID=2) มีสอนหลายอย่างซึ่งน่าสนใจสำหรับ อนุบาลงานแฟลช เลยเอามาฝากครับ
ืnote:
1.มีติว rain drop ที่นี่ http://www.toxiclab.org/tutorial.asp?ID=151 (http://www.toxiclab.org/tutorial.asp?ID=151) เหมือนเอกสารภาษาไทยแปะ แต่แปลได้ใจจริงๆ(เหลือสั้นน้อยมาก)..
2. สอน raindrop ที่ดูสวยกว่า อยู่ที่นี่ครับ http://flashwatereffects.webarticles.org/rain1.php (http://flashwatereffects.webarticles.org/rain1.php)
:12: ขอบคุณครับพี่ บรูช วิลลิส
:07: อ๊ากก หามานานแสน นาน
ดูเว็บ ที่ อาจารย์เอามาให้ดูแล้ว พูดได้ นิดเดียวว่า
พอๆ เลิกสอน :37:
โธ่จารย์ซัน
ทำลายความฝันของเด็กๆ จังเลยครับ :05:
อ้าว กรรมเลยครับผม
กะว่าจะมีคนมาต่อแบบไทยๆซะหน่อย :44:
:30: พูดเล่นครับ จะว่าไปก็เป็นแนวทาง ดีเหมือนกันครับ จะได้ ลอกมาแปะ :21:
ควีนก็เคยมีประสบการณ์ใช้flashมาอยู่นะ (ตอนนั้นวาดปิกาจูโดนมีดแทงเลือดสาด จริงๆนะ :25:)
ป.ล. ขอเว็บโหลดflash CS3ฟรีๆหน่อยค่ะ มีมั้ยคะ
แผ่นละ ร้อยกว่าบาท รวมหลายสิบโปรแกรม ซื้อติดบ้านไว้ก็ดีนะครับ
ถูกเหมือนแจกฟรี
- โปรแกรมสามัญประจำเครื่อง ... ควรมีไว้ติดเครื่องเพื่อที่ท่านจะได้มีใช้งาน
- ถ้าเปลี่ยนจากฝนเป็นหิมะ ก็เยี่ยมนะครับ เข้าบรรยากาศหน้าหนาว(แต่โคตรร้อน) แต่ดันตกลงมายังกะฝน
เดี๋ยวไปหาโปรแกรมมาฝึกทำดีกว่า น่าสนใจอย่างแรงนิ
คลื่น
http://img2.f0nt.com/flash/106936448ea71f0bb2e4c14441b8c7c5.swf
เป็นการพลิกแพลงง่ายๆ แต่ได้ผลลัพธ์ไฮโซ
(http://img2.f0nt.com/29/17fcbb2cff221a7af638867b0a26fefe.jpg)
1. เอารูปมาวางไว้ทั้งสอง layer (รูปเดียวกันนะ) ปรับขนาดรูปข้างบนให้ใหญ่กว่ารูปข้่างล่างนิสนึง ให้เหลื่อมๆ กัน
(http://img2.f0nt.com/29/3a593a4a4d68d5df2140cf6975359d6e.jpg)
2. สร้าง layer ขึ้นมาอีกอัน วาดวงกลมแล้วเจาะรูตรงกลาง หรือรูปอื่นๆ ตามใจชอบ
3. ทำ motion tween ขยายใหญ่ขึ้น หรือจะหมุน ยังไงก็เอาตามใจเลยเอ้า
(http://img2.f0nt.com/29/0d991336c3560830f8f60b4ef41b000a.jpg)
4. แล้วก็ mask เลเยอร์ที่ทำ tween ไว้ตะกี้
ทำหลายๆ อันก็ได้นะ
http://img2.f0nt.com/flash/1a26aa44de20b689475fcbe270eb35af.swf
สุดยอดดด!!!! :07:
ผมว่ารูปของแต่ละตัวอย่าง ชวนน่าติดตามดี :04:
ดีใจที่กลับมา(กลัวๆว่าติวเตอร์จะหายกันไป) :44:
เยี่ยมเลยครับ :07:
สุดยอดครับ
ใบหยก2 จริงๆ!!! :07:
แหม ทำไปได้
:45:
ส่งคับ
http://img2.f0nt.com/flash/26c9b739e5e1ed75a65c5736dfa67e3c.swf
มีอาจารย์ท่านไหน ชำนาญ Component บ้างครับ
รบกวนชี้แนะด้วย :46:
:25: :25: :25: :25: งง กับหนังสือมาตั้งนาน มาเจอที่จักกรีอธิบายแล้วเข้าใจเลยยย (+)
ขอบคุณสุดๆ
http://img2.f0nt.com/flash/f59280d2414dcf60af2257c8e73c90bf.swf
ประชันสาวแว่น อิๆ
http://img2.f0nt.com/flash/9b77ac86054f4ed1ace95dee2167face.swf
มาเป็นนักเรียนด้วยคน
ทำลูกโลกมาส่ง
ไม่เข้าใจ
- ที่พี่แอนบอกเรื่องต่อไปอีกอัน
- และที่ลบออก 2 เฟรมสุดท้าย
คุณครูและกูรู(กูรู้)ทั้งหลาย อธิบายที
ต่อไปอีกอัน คือ ที่ ผมทำนั้นผมทำแผนที่แค่แผ่นเดียวคือด้านละแผ่นวิ่งสวนกัน แต่พี่แอนเขาใช้สองแผ่นต่อกัน วิ่งสวนกันเป็น สี่แผ่น สรุปคือด้านละสองแผ่น ทำให้ การเคลื่นที่ของโลก มันจะต่างกันหน่อยในเวลาที่เท่ากัน คือกว่าจะถึงจุดเชื่อมต่อก็ใช้เวลานานกว่า
ส่วนการตัดสองเฟรมสุดท้ายออก เพื่อแก้ปัญหาการสะดุดช่วงรอยต่อ ลองสังเกตดูว่ามันสะดุด เพื่อจะเริ่มใหม่อีกครั้ง
อ้างคำพูดจาก: จักรี เมื่อ 16 ม.ค. 2008, 15:06 น.
ต่อไปอีกอัน คือ ที่ ผมทำนั้นผมทำแผนที่แค่แผ่นเดียวคือด้านละแผ่นวิ่งสวนกัน แต่พี่แอนเขาใช้สองแผ่นต่อกัน วิ่งสวนกันเป็น สี่แผ่น สรุปคือด้านละสองแผ่น ทำให้ การเคลื่นที่ของโลก มันจะต่างกันหน่อยในเวลาที่เท่ากัน คือกว่าจะถึงจุดเชื่อมต่อก็ใช้เวลานานกว่า
ไม่เข้าใจอ่ะ ต่อตรงไหน ตรงแต่ละเลเยอร์เหรอ
มีคำถามอีก
- insert frame กับ insert keyframe ต่างกันยังไง
- motion tween คืออะไร
รู้สึกเหมือนว่าทำตามได้ แต่ไม่เข้าใจ
ปิ๊กลองสังเกตดูสิ จะเห็นประเทศไทยมีสองอัน แค่อันเดียวตอนนี้ก็วุ่นแล้ว วิ่งสวนกันหน้าและหลัง
ถ้าจะให้เนียนๆ ก็ใช้วิธีของพี่แอนเค้า :12:
และลองดูอีกที จะเห็นว่ามีแผ่นดินไหวเล็กๆ ตอนที่ทวีปอเมริกาใต้วิ่งเลยตรงกลางมานิดนึง เห็นมะ
แก้โดยการลบเฟรมสุดท้ายออกครับ :22:
คือว่า เข้าใจเหตุผลนะ ว่าทำไมต้องแก้
แต่ แก้ไม่ถูก เพราะไม่รู้ว่าตอนที่ทำไปอ่ะ ทำตอนนี้ต้องทำแบบนี้ ตอนนี้ต้องทำแบบนี้ ทำเพื่ออะไรอ่ะ
มีใครเข้าใจเราไหมอ่ะ
เดี๋ยวลองไปหา ติวเตอเรียล ดูอีกที
อ้างคำพูดจาก: คุณเต่า เมื่อ 29 ธ.ค. 2007, 16:46 น.
คลื่น
http://img2.f0nt.com/flash/106936448ea71f0bb2e4c14441b8c7c5.swf
สาวแว่นสุดยอด :25:
เข้าใจว่าสุดยอดนี่คือนางแบบใช่ไหม :25:
อ้างคำพูดจาก: ปิ๊ก ซุปเปอร์เกิร์ล เมื่อ 16 ม.ค. 2008, 15:16 น.
ไม่เข้าใจอ่ะ ต่อตรงไหน ตรงแต่ละเลเยอร์เหรอ
มีคำถามอีก
- insert frame กับ insert keyframe ต่างกันยังไง
- motion tween คืออะไร
รู้สึกเหมือนว่าทำตามได้ แต่ไม่เข้าใจ
ตอนทำคิดตามเยอะๆครับ จะได้ทำได้ด้วยและเข้าใจด้วย :22:
และแนะนำให้ทำบ่อยๆ ครับ ทำกลับไปกลับมา ต้องมีสักนิดแหละน่าที่เข้าใจ
ซึ่ง จะให้อธิบายคำศัพท์ แบบหนังสือเรียนผมคิดดูแล้ว ว่า ไม่มีใครจำหรอก หรืออาจจะจำแปปนึงแล้วก็ลืม
ดังนั้นก็ลองทำกลับไปกลับมาดู อาจจะได้ ความหมายและจุดประสงค์ของ Motion tween insert keyframe ฯลฯ
ในแบบของตัวเองก็ได้ครับ เพราะผมเชื่อว่า ทำจนเข้าใจ มันน่าจะดีกว่าเข้าใจแล้วทำนะ
อ้างคำพูดจาก: ปิ๊ก ซุปเปอร์เกิร์ล เมื่อ 16 ม.ค. 2008, 15:16 น.
ไม่เข้าใจอ่ะ ต่อตรงไหน ตรงแต่ละเลเยอร์เหรอ
มีคำถามอีก
- insert frame กับ insert keyframe ต่างกันยังไง
- motion tween คืออะไร
รู้สึกเหมือนว่าทำตามได้ แต่ไม่เข้าใจ
อันนี้คือคำตอบ กดเข้าไปตามอ่านอีกได้เลยยังมีต่อ
อ้างคำพูดจาก: heart เมื่อ 01 ส.ค. 2007, 03:52 น.
มันคล้ายๆกับเครื่องซักผ้าอัฉริยะ ที่เรากดปุ่มให้ทำงาน มันก็ซักผ้าจนเสร็จ โดยที่เราไม่ต้องไปนั่งขยี้ หรือ เติมผงซักฟอก หรือ เติมน้ำยาปรับผ้านุ่ม และมันยังอบแห้งให้พร้อม
ประโยชน์
สมมุติจะให้ลูกบอลมันเด้งไป ทางมุมห้อง
ถ้าเขียนสคริปเอง ยุ่งยากมากมาย
แต่พวก mc tween และ lmc tween นี้ จะช่วยให้เราไม่ต้องยุ่งยากเขียนโค้ดอีกต่อไป
เพียงสั่งว่า ลูกบล ไปมุมห้องเดี๋ยวนี้
ลองเปรียบเทียบโค้ดแบบคร่าวๆ
เช่นถ้าเราส่งให้ลูกบอลไปที่แกน x 500
บอล.onEnterFrame =function(){
ถ้าแกน x ปัจจุบันมีค่าน้อยกว่า 500
ก็กระเถิบไปครั้งละ 5 พิกเซล
ถ้าแกน x ปัจจุบันมีค่ามากกว่า 500
ก็กระเถิบกลับมา ครั้งละ 5 พิกเซล
ถ้าถึง 500 แล้ว หยุดการทำงาน
}
แต่ ไอ้เครื่องซักผ้าของเรามันง่ายกว่านั้น
บอล.tween("_x",500,1);
แปลว่า สั่งให้ลูกบอลไปที่แกน x 500 ใช้เวลาเดินทาง 1 วินาที(เวลายิ่งมากแสดงว่าความเร็วจะน้อย มันจะวิ่งช้า)
ง่ายประมาณลงกะไดแล้วลื่นพรวดเดียวถึงพื้นเลย
ขอบคุณจักรี และเอ
จะพยายามช้สมาธิห้มากขึ้น
อ้างคำพูดจาก: ปิ๊ก ซุปเปอร์เกิร์ล เมื่อ 16 ม.ค. 2008, 15:16 น.
ไม่เข้าใจอ่ะ ต่อตรงไหน ตรงแต่ละเลเยอร์เหรอ
มีคำถามอีก
- insert frame กับ insert keyframe ต่างกันยังไง
- motion tween คืออะไร
รู้สึกเหมือนว่าทำตามได้ แต่ไม่เข้าใจ
อยากตอบ :30:
สมัยหัด ซื้อหนังสือมาเล่มหนึ่งแล้วทำตามทุกขั้นตอน
หนังสือดูเหมือนจะชื่อ คนโง่ก็ใช้แฟลชได้ ชื่อนี้จริงๆ นะ
ของสำนักพิมพ์ไหนไม่รู้ซื้อมาจากเซ็นทรัล ศาลาแดง
จบเล่มทำตามหนังสือได้หมด หลับตาทำยังได้
แต่ ........... พลิกแพลงไม่เป็น พอไม่เหมือนในหนังสือตูก็หมดท่า :37:
สุดท้าย เลยมานั่งลองใหม่
ทำแล้วสังเกตุว่าแต่ละคำสั่ง สั่งไปแล้วได้ผลอะไร ยังไง
แต่ละคำสั่งแตกต่างกันตรงไหน
ถ้าเปลี่ยนคำสั่งแบบนี้จะเกิดอะไร เปลี่ยนค่าจะเป็นยังไง
ทำแล้วเซฟเก็บไว้เปรียบเทียบ
ถ้าปิ๊ก อยากรู้ความแตกต่าง ให้ใช้การสังเกตุและจำ
เราไม่ต้องรู้ว่า มันคืออะไรก็ได้ แค่รู้ว่ามันทำให้เกิดผลอะไรก็ทำงานได้แล้ว :25:
ทำรายกานง่า :01:
ไม่ได้ทำรายการนะครับ ทำแฟลชกันครับ
:30: ตรงประเด็น
เปิดตำราทำมาแหละ
ที่จริงอันนี้รุ้สึกเหมือนสอนสคริปต์มากกว่า
http://img2.f0nt.com/flash/ad19ad41f4817bdb94b443757339c9c1.swf
เวลาตรงกะเครื่องเราเลยแฮะ :09:
ใช้เวลาเดียวกับเครื่องใช่ไหมครับ
ครับ
อ้างคำพูดจาก: ปิ๊ก ซุปเปอร์เกิร์ล เมื่อ 18 ม.ค. 2008, 15:35 น.
เปิดตำราทำมาแหละ
ที่จริงอันนี้รุ้สึกเหมือนสอนสคริปต์มากกว่า
http://img2.f0nt.com/flash/ad19ad41f4817bdb94b443757339c9c1.swf
สอนหนูหน่อยครับ
ง่า ถ้าจะกล่าวถึงการทำเวลากับวันที่นั้น มันน่าจะอยู่ จู๋ นุบาลงาน ActionScript ของอาจารย์แอ๊ด เพราะต้องใช้ AS เอาใช่มั้ยขอรับ ท่านอาจารย์
จารย์จู๋นู้นเงียบเหงาแล้ว :07:
ไปพเนจรอยู่ไหนเนี้ย :34:
ปล.ๆ ๆ ใครทำหยดน้ำได้บ้างใคร นั่งคิดปวดหัวแล้วอ่ะจ้ะ พยายามใช้ Mask เอาอ่ะ ยากตรงหยดมันโดนผิวน้ำ :44:
ติดตามงานท่านๆ ทั้งหลายอยู่นะขอรับ
หยดน้ำนี่ต้องอาศัยถึกครับ ผมใช้ขึ้นรูปหรือก๊อปมาดราฟเอาใน อิลัส แล้วเอาเข้าแฟลช
ไปนั่งสังเกต น้ำหยด ดูซิครับ จะเห็นการเครื่อนไหวแล้วก็จำ เอามาทำ
:17: ตัวข้าไปนั่งมองหยดน้ำเสียจนตัวเปื่อย เพ่งพิจอยู่หลายเพลา :46: ข้าก็เริ่มมองออกบ้างดอกว่าควรหรือมิควรจะทำเยียงไร
ขอบคุณท่านยิ่งนัก ตัว ข้า จะ พยายาม จัก รีบ ตี กรุงศรี กลับ คืน มา ให้ เสีย จง ได้ :07:
:08: คิดคำนานไหมเนี่ย
ดีแล้วขอรับท่านขุน ถ้าทำได้แล้วอย่างไร เอามาให้ดูเป็นบุญตาด้วยนะขอรับ
ข้าจักรอท่านกลับมา แม้ว่าเพลาจักล่วงผ่านไปสักเพียงไร
ชะแว้บ ชะแว้บ ข้าน้อยมิได้เริ่มทำเลย ช่วงนี้จำต้องเดินทางมากที่อยู่ นี่ก็เพิ่งกลับจากไปตรวจเขื่อนกับลูกพี่มาน่ะขอรับ และคงหยุดพักได้ไม่นานดอก ก็จักต้องเดินทางอีกแล้วล่ะซิ
ท่านอาจารย์ ฮึๆ มายามใดกันเล่า
ท่าจักรี ข้าจักต้องไปนั่งดูหยดน้ำอีกซักชั่วเคียวหมากแหลก เพราะ ลืม แล้วก็ลืมจดบันทึกไว้ในใบลานยาว 2 ศอกครึ่ง ที่ตามิ่งหลังวัดตัดไว้เมื่อยามย่ำรุ่ง :35:
ยามนั่งบนสันเขื่อนพาใจว้าวุ่นยิ่งนัก สายน้ำเกลียวคลื่นพลิ้วไหวดังช่วงจังหวะความรักของข้ากับเจ้า โอ้นางงง ดวงใจข้า คิดถึงเจ้ายิ่งนัก สายลมแผ่วเบาพัดทาบผ่านผิวกายยามนี้ หนาวเย้นจับใจเสียนี่กระไร อีกกี่สักเพลาที่ตัวข้าและนางอันเป็นยอดดวงใจ จักได้ใกล้ชื่นชิดสนิดแนบแอบอิงอุราเสียที. . . . .
อ้างคำพูดจาก: ท่านขุน เมื่อ 26 ก.พ. 2008, 16:33 น.
ชะแว้บ ชะแว้บ ข้าน้อยมิได้เริ่มทำเลย ช่วงนี้จำต้องเดินทางมากที่อยู่ นี่ก็เพิ่งกลับจากไปตรวจเขื่อนกับลูกพี่มาน่ะขอรับ และคงหยุดพักได้ไม่นานดอก ก็จักต้องเดินทางอีกแล้วล่ะซิ
ท่านอาจารย์ ฮึๆ มายามใดกันเล่า
ท่าจักรี ข้าจักต้องไปนั่งดูหยดน้ำอีกซักชั่วเคียวหมากแหลก เพราะ ลืม แล้วก็ลืมจดบันทึกไว้ในใบลานยาว 2 ศอกครึ่ง ที่ตามิ่งหลังวัดตัดไว้เมื่อยามย่ำรุ่ง :35:
ยามนั่งบนสันเขื่อนพาใจว้าวุ่นยิ่งนัก สายน้ำเกลียวคลื่นพลิ้วไหวดังช่วงจังหวะความรักของข้ากับเจ้า โอ้นางงง ดวงใจข้า คิดถึงเจ้ายิ่งนัก สายลมแผ่วเบาพัดทาบผ่านผิวกายยามนี้ หนาวเย้นจับใจเสียนี่กระไร อีกกี่สักเพลาที่ตัวข้าและนางอันเป็นยอดดวงใจ จักได้ใกล้ชื่นชิดสนิดแนบแอบอิงอุราเสียที. . . . .
จงใช้ความพยายามเถิดท่านขุน เพลาที่ท่านจับจุดของการหยดไหลของสายน้ำได้แล้ว
ท่านก็จะประจักษ์ได้ถึง การเรียนรู้ในครั้งนั้น
ดังเช่นหนึ่งหยุดตกลงพื้นน้ำก่อเกิดอะไรเยี่ยงไรบ้าง
เกิดเกรียวคลื่นเรียงร้อยต่อกันไป และค่อยขยายวงคลื่นออกพร้อมกับจางลงที่ละน้อย
ประสานกับคลื่นลูกต่อไปที่จะค่อยๆ เอื่อยๆ ตามจังหวะของน้ำที่นิ่งลง
รอน้ำหยดต่อไปกระแทกลงก่อเกิดเป็นเกรียวคลื่นลูกใหม่อีกครา
http://img2.f0nt.com/flash/0bc6af316bb7fac27217e1f7aa3cc8ad.swf
:53:
คารวะ 1 จอก
:46: ซาบซึ้งยิ่งนักท่านจักรี เพลานี้ตัวข้าเม่อมองผลงานศาสตร์ศิลป ที่ท่านนำมาประจักษ์แก่ตัวข้า ยิ่งตัวข้ามองนานซักเพียง ยิ่งเร้าใจข้านี้ให้เร่งรีบอยากจะสร้างงานชิ้นนี้เสียยิ่งนัก คราใดที่ตัวข้าว่างเว้นจากงานศึก :07: ข้าจักรีบเร่งลงมือทำเสียให้จงได้
ข้าน้อยนั้นเมื่อกล่าวถึงงานแฟรช เปรียบได้ดั่งหางอึ่ง เพียงอึ่งตัวนี้หามีฝันที่หยิบโย่งไม่ แม้นวันนี้ข้าจะยังเป็นเพียงอึ่งน้อยด้อยปัญญา แต่ในวันข้างหน้าข้าจักต้องกลายเป็นสัตว์ประหลาดให้ได้ดอกหนาาา เพราะตัวข้าจะเป็นอึ่งหางยาวววววววววววววววววววววววววววววววววว :46: ( :43: )
ข้าก็หางอึ่ง ท่าน เพียงริอยากจะสอนจรเข้ให้ว่ายน้ำท่าผีเสือเท่านั้นเอง ขอรับ
จักรี้ สอนทำน้ำหยดนั้นสิ
อยากทำได้บ้าง
ตัวข้าเป็นเหาเพิ่งเข้าเมืองมาเมื่อฟ้าสาง เมื่อได้ฟังท่านๆก็จักวิตกใจ เหมือนมีอะไรบังตา ในหยดน้ำนั่น เมื่อพักรบกันพอสมควรแล้ว
ก็จักขอคำชี้แนะการตีเมืองต่อ :30:
เป็นญาติลุงกำนันป่าวครับ :09:
เป็นไปได้ :30:
อยากทำ ...
1. บอกวันที่และเวลา ของ ท่านนางฟ้าปิ๊ก ซุปเปอร์เกิร์ล
2. น้ำหยด ของ ท่านเทพจักรี
ช่วยสอนหนูด้วยนะครับ
ขอส่งขั้นชั้นแรกก่อนเถิดหนา ในคราต่อไปเบื้องหน้าจักพยายามทำตามให้จงได้ เพียงแต่ว่าตอนนี้จักจำต้องจากลาสาวกทั้งหลาย
ไปเวียงแหงเสียที ไปแล้ว รถออกแล้วววววว
http://img2.f0nt.com/flash/716113d86c334593fd70e82744f01609.swf
ใกล้ดีแล้วครับ แต่ตอนหยดน้ำกระแทกพื้นนี่ มันต้องเกิดอะไรขึ้นบ้าง วอนพ่อขุนลองพินิจหยดน้ำของแท้ดูอีกทีเถิด
ท่านจักรี...อันตัวข้านี้ทำคลื่นมิใด้..มิทราบว่าเป็นเพราะเหตุใด
ท่านมีสิ่งใดชี้แนะเพิ่มเติมหรือไม่ขอรับ.... :25:
หยดน้ำนั้นต้องหยอดติ๋ง
มีชิ่งกระเด็นขึ้นมาสักหน่อย
แล้วตัวคลื่นมันก็จะค่อยๆ
ค่อยๆพลอยหายไป
http://img2.f0nt.com/flash/24f4c6fcdb95d6d2bb20f19f30612906.swf
ส่งงานโลกของเราครับ... :30: ส่งช้าดีกว่าไม่ส่งเนาะ...หุหุหุ
อันตัวข้านี้หากมีเพลาใคร่จะลองทำหยดน้ำดูบ้าง :25:
ขอย้อนกลับไปถามเรื่อง Mask ครับ
หลังจากใช้ Mask ในการปิดและแสดงภาพ ถ้าต้องการให้มีการค้างอยู่ภาพเต็มๆเพื่อที่จะแสดงไว้
ควรเพิ่มเฟรม หรือหน่วงภาพช่วงไหนครับ?
ถ้าค้างไว้แบบหยุดเลยก็สั่ง stop ครับ ถ้าถ้าค้างไว้ครู่นึงแล้วเล่นต่อ ก็เพิ่มเฟรมเอาครับ
ทำการบ้านที่จารย์สอนเส็ดและค่ะ แต่หมูจะส่งไงอะค่ะ หมูเอารูปหรือไฟล์ลงเน็ตไม่เป็นอะค่ะ
ใครก้อได้ช่วยหมูด้วยยยยย สอนหมูที่นะค่ะ
แง้ๆๆๆๆ
:05: :05: :05: :05: :05: :05: :05:
ทำมาแจกเล่น เพื่อมีใครเอาไปทำไรต่อได้
มันคือเกือบๆคล้ายการบ้านที่จะต้องทำแต่ยังไม่ทำ ขอไร้สาระก่อน
ทำลองมือ
http://img2.f0nt.com/flash/9cd7244f168eeafab60bbc802d8e4aa6.swf
:25: ขอบคุณค่ะ ทำไรต่อไม่เป็น แต่เด้งหยุ่นดีเนอะ
ลูกบอลเจอแม่เหล็กดูด :25:
งานจริงเสร็จแล้ว
ถึงดูแหม่งๆแต่ก็เอาแล้วง่วง
http://img2.f0nt.com/flash/ce2d4504e4b6f36a3f63bba73c422286.swf
(ของเล่นที่พื้นคลิ๊กได้นะครับ ผมทำเป้นตัว ดูทีละเฟรม กับ ตัวเพล)
คลิ๊กได้แค่ลูกกลมๆเหรอคะ :09:
กลมๆ สองอันแรกเลือกให้มันไหล
สามเหลี่มเล็กอันแรก หยุด และถอยหลังทีละเฟรม
สามเหลี่ยวเล็กอันที่สองหยุด เดินหน้าทีละเฟรม
สามเหลี่ยมใหญ่ เล่นต่อ
ใช่มั้ยครับ
โอ้ว ก็ว่ากดไอ้พวกสามเหลี่ยมอยู่นาน
ย้อนกลับมาดูชักอายอยากเอาออกแล้ว :05:
ท่าทางป๋มคงต้องศึกษาอีกเยอะแฮะ
แข่งเว็บระดับจังหวัดวันศุกร์หน้าแล้วด้วยจิ
จะศึกษาทันใช้งานป่าวหว่า???
ศึกษาก่อนใช้ดีกว่าจะใช้แล้วค่อยศึกษา... :12:
เหมือนถุงยางไงครับ :10:
ขอบคุงมากมายครับ
เคยพยายามศึกษา แต่ก็ต้องล้มเลิกไป
มาเจอเว็บนี้ทำให้อยากกลับไปเริ่มใหม่ครับ
ฝากตัวด้วยจ้า........
:46: :46: :46: :46: :46: :46: :46:
ทีแรกตกใจคิดว่า เขียนอิงค่าแรงโน้มถ่วงแกน x / y กำลังเอ๋อ อ่านคอมเม้นแล้วถึงรู้ว่า
animated เอานี่เอง -0- สู้ๆ ทีแรกผมงงว่า บอลตกละพวก สามเหลี่ยมๆ กะเด้งได้ด้วย !! คิดว่าเปน as
ทีแรกกะเขียนเหมือนกันแต่ยังไม่เป็น+อ.แกอยากให้วาดเองทุกเฟรม :07:
เรียนanimation มันเหนื่อยอย่างงี้นี่เอง
เมื่อวานว่างงาน
เพื่อนบอกให้วาดต้นไม้ให้
ก็ถามมันว่า เอาต้นไม้จริงจังหรือต้นไม้งี่เง่า
มันบอกว่างี่เง่า เลยวาดออกมาแบบนี้
(http://img2.f0nt.com/07/811a454630c833566ba4d34c404f237e.png)
ถามไปถามมา มันบอกว่าเรียนคอมอยู่ อาจารย์สอนทำแฟลช
ดาเลยส่งกระทู้นี้ไปให้มันอ่าน
แล้วก็ว๊างว่าง เลยช่วยมันทำ นิดนึง
http://img2.f0nt.com/flash/c4a0f439dc052e4886f5f7c1cb43b789.swf
สุดท้ายขี้เกียจ ก็เลิก :37: สู้ต่อไปนะเพื่อน
ปล. แอบจำวิธีทำ mask กะ guide ไม่ได้ ต้องอ่านกระทู้นี้ใหม่อีกรอบ :37:
อ้างคำพูดจาก: ดาดา ยัง เมื่อ 07 ต.ค. 2008, 13:32 น.
เมื่อวานว่างงาน
เพื่อนบอกให้วาดต้นไม้ให้
ก็ถามมันว่า เอาต้นไม้จริงจังหรือต้นไม้งี่เง่า
มันบอกว่างี่เง่า เลยวาดออกมาแบบนี้
(http://img2.f0nt.com/07/811a454630c833566ba4d34c404f237e.png)
ถามไปถามมา มันบอกว่าเรียนคอมอยู่ อาจารย์สอนทำแฟลช
ดาเลยส่งกระทู้นี้ไปให้มันอ่าน
แล้วก็ว๊างว่าง เลยช่วยมันทำ นิดนึง
http://img2.f0nt.com/flash/c4a0f439dc052e4886f5f7c1cb43b789.swf
สุดท้ายขี้เกียจ ก็เลิก :37: สู้ต่อไปนะเพื่อน
ปล. แอบจำวิธีทำ mask กะ guide ไม่ได้ ต้องอ่านกระทู้นี้ใหม่อีกรอบ :37:
:56:
โอ้วเจ๋งมาก :12:
ขอบคุณแจ๊กกี้ที่สอน guide ไม่งั้นไก่คงกระโดดไม่ได้
ขอบคุณน้องเต่าที่สอน mask ไม่งั้นฝนคงไม่เป็นเม็ดสวยงาม
:46:
ปล. เวลาทำอะไรไร้สาระ ยกตัวอย่างเช่นงานคนอื่น มักจะรู้สึกสนุกกว่างานของตัวเอง :30:
ลูกไก่ขี้น่ารักจัง :25:
ต้นไม้น่ารักอ้ะ :30:
ไม่สอนต่อแล้วหรอครับ :09:
ผมรออยู่นะเนี่ย :39:
ดีจังเลย
ชอบมากเลยครับ ได้ความรู้เยอะเลย :45:
ขออนุญาต นำข้อมูลและตัวอย่าง ของการสอนแฟลช ในห้องแฟลช
เพื่อไปใช้เป็น บทเรียน Flash สำหรับสอนน้องๆใน Com Camp
ซึ่งทางคณะวิศวกรรมศาสตร์ ภาควิชาคอมพิวเตอร์
จะจัดขึ้นประมาณเดือน มีนาคม ปีหน้า
ขอบคุณสำหรับข้อมูลดีๆ ที่นำมาให้นะครับ :46:
คำแนะนำครับ เวลาเอาไปสอนน้องอย่าลืม เอาคำว่ากระจู๋ที่ผมพิมพ์ออกด้วยนะครับ :30:
อย่าลืมบอกน้องนะครับว่าพี่ๆ Coe 14 หล่อมาก
เพิ่งเห็นลูกไก่กับต้นไม้ของดา น่ารักมากๆ :53:
อ้างคำพูดจาก: จักรี เมื่อ 30 ธ.ค. 2008, 09:07 น.
คำแนะนำครับ เวลาเอาไปสอนน้องอย่าลืม เอาคำว่ากระจู๋ที่ผมพิมพ์ออกด้วยนะครับ :30:
ครับ :08:
อ้างคำพูดจาก: เอา เมื่อ 31 ธ.ค. 2008, 03:43 น.
อย่าลืมบอกน้องนะครับว่าพี่ๆ Coe 14 หล่อมาก
CoE หล่อทุกรุ่นครับ :12:
โอ๊ะ ผมรุ่น 19 ครับ
หล่อรุ่นน้อง คารวะ หล่อรุ่นพี่ :02:
เหอๆ
เห็นกันมั้ย น้องเดือนเขากำลังสื่อว่า ใครก็หล่อสู้พี่จักรี ไม่ได้หรอกยะ
ใช่ค่ะ แหมรู้ได้ไงคะเนี่ย :25:
พดดีเห็น flash (ห้องคนโสด) ของเว็บ dtac ไม่รู้ว่าเค้าทำอย่างไรครับ ช่วยแนะนำวิธีทำให้หน่อยครับ
ขอบคุณครับ
ปลใ ช่วยตอบคืนนี้เลยได้ไหม รออยู่ครับ
มันเป็นยังไงล่ะครับนั่น :08:
:46: สาธุๆ
ไม่ตั้งห้องถามก็เอาลิงค์มาให้ดูหน่อยก็ดีครับ
อ้างคำพูดจาก: Hideric เมื่อ 17 ก.พ. 2009, 23:23 น.
ไม่ตั้งห้องถามก็เอาลิงค์มาให้ดูหน่อยก็ดีครับ
ครับผม ลิงค์มาแล้วครับ http://www.dtac.co.th/sode/index.html
ส่งการบ้านด้วยครับ
เอ่อ...ไม่ทราบว่า อยากทำตรงส่วนไหนล่ะครับ มันเยอะแยะไปหมด
เริ่มตั้งแต่ หน้า preload
intro (ตอนที่ ทาสี)
ส่วนของปุ่มต่างๆ
ใส่เสียงเพลง
หรือว่า ทั้งหมดครับ....???
ถามไม่ละเอียดเลยครับ (จริงๆ ออกแนวสั่งมากกว่าถามด้วยซ้ำ)
ลองอธิบายความต้องการ รายละเอียดของคำถามมากกว่านี้ คนตอบก็จะได้ช่วยตอบได้จ้ะ
...
อ้างคำพูดจาก: ~ZephyR~ เมื่อ 18 ก.พ. 2009, 00:41 น.
เอ่อ...ไม่ทราบว่า อยากทำตรงส่วนไหนล่ะครับ มันเยอะแยะไปหมด
เริ่มตั้งแต่ หน้า preload
intro (ตอนที่ ทาสี)
ส่วนของปุ่มต่างๆ
ใส่เสียงเพลง
หรือว่า ทั้งหมดครับ....???
ก่อนอื่นขอโทษด้วยนะครับ (ที่พิมพ์ว่า ส่งการบ้านด้วยนะจริงผมจะส่งการทำโลกหมุนไปให้ดูนะครับ แต่ไฟล์มันอัพไม่ได้ครับ สงสัยผมอัพไม่เป็น 55++)
ขอตอน intro (ตอนที่ ทาสี)
ขอบคุณครับ
น่าจะเป็นการใช้ alpha กับ mark ธรรมดานะครับ
ทำเลเยอร์สีกับฉากแยกกัน
ให้่ฉากค่อยปรับalpha ขึ้นมาก แล้
วก็ทำmark layerที่เป็นสีแล้วค่อยๆanimate ในเลเยอร์mark ให้เหมือนลากหัวแปรง
แล้วลองเทสดูครับ น่าจะใช่วิธีนี้นะครับ
อ้างคำพูดจาก: Hideric เมื่อ 18 ก.พ. 2009, 13:16 น.
น่าจะเป็นการใช้ alpha กับ mark ธรรมดานะครับ
ช่วยสอนให้ด้วยครับ
ลวกๆไปนิดแต่ก็ประมาณนี้อะครับ ส่วนปุ่มทำสำเร็จก็ค่อยมาใส่alpha เองอีกทีละครับ
http://img3.f0nt.com/flash/f215d4b7aee509fdeb25761f9780fb6b.swf
สำหรับ
วิธีทำที่มั่วมาเองนะครับ
(http://img3.f0nt.com/18/acc716d78335c4d728543582deb4a8ba.jpg)
1. สร้างmc ที่จะใช้เป็นฉากขึ้นมาก่อน ในที่นี้ผมใช้เป็นวงกลมตั้งชื่ออะไรก็ได้
(http://img3.f0nt.com/18/a637aaee53d7d8d064f4442e32c5c407.jpg)
2.คลิ๊กขวาที่keyframe ของmc นั่นสั่ง motion tween แล้วก็ไปกดkeyframeที่จะให้มันปรากฎขึ้นมา
2.2 กลับมาคลิ๊กที่keyframeแลก คลิ๊กที่ตัวmc ตรงproperties จะมีหัวข้อ color ให้เลือกเป็น alpha 0%
ถ้าถูกต้อง mc จะเป็นดังนี้ครับ
http://img3.f0nt.com/flash/bb3d94d3af5e953578d6c54f9999ac8d.swf
(http://img3.f0nt.com/18/e0586b23cdfe6e85e212ad23bf328e98.jpg)
3.สร้างlayerใหม่ขึ้นมาเป็นสีด้านหลังของงานที่ต้องการลงให้เต็มเลยครับ
(http://img3.f0nt.com/18/da81e259df7795ff8c192252e420dbac.jpg)
4.สร้างlayerมาอีกอันนำเอาlayerมาวางให้อยู่เหนือlayerของสีคลิ๊กขวา แล้วเลือกให้เป็น mark
(http://img3.f0nt.com/18/64864d67136ac2a1826ebe96eabed098.jpg)
5. animateหัวแปรงโดยใช้ brush จุดไว้ก่อนเป้ฯตำแหน่งเริ่ม
(http://img3.f0nt.com/18/ebb5ae23880d9487e79ab2f572718fcf.jpg)
6.คลิ๊กขวาเหมือนเดิมlayer mark แล้วเลือกเป็น shape tween
(http://img3.f0nt.com/18/b4b1ea03454b0809f646eead8cbd270e.jpg)
7.จากนั้นค่อยๆanimate ไปเรื่อยๆทีละนิดๆให้เหมือนลากหัวแปรง ถ้าดูจากภาพผมไม่ได้ทำทุกเฟรมนะครับ
ให้ลากเป็นเส้นผ่านไปเลยทีละส้น 1ส้นต่อ1เฟรมอะครับ
(http://img3.f0nt.com/18/37fab391863bd365ae7e4c80d5668211.jpg)
8.พอลากครบทั้งอันแล้วก็กด ctrl+enterดูครับ
http://img3.f0nt.com/flash/925a7511c5b7eb8af07b314d1567810d.swf
ผมให้เป้นcs3 อะครับ แต่save เป็น8ให้แล้วครับ น่าจะเปิดได้แล้ว
:05: ขอบคุณครับ
เดี๋ยวหัดทำครับ
ติดขัดตรงไหนจะขอคำแนะนำอีกครับ
ไฟล์ flash ที่ให้มา เปิดไม่ได้ครับ
ขอบคุณมากครับ
พอจะเริ่มทำได้แล้วครับ
มาไม่ทันแฮธ
ใช้วิธีเดียวกันเลยแหละ :02:
อ้างคำพูดจาก: mioyoichi เมื่อ 18 ก.พ. 2009, 13:41 น.
:05: ขอบคุณครับ
เดี๋ยวหัดทำครับ
ติดขัดตรงไหนจะขอคำแนะนำอีกครับ
ไฟล์ flash ที่ให้มา เปิดไม่ได้ครับ
ขอบคุณมากครับ
พอจะเริ่มทำได้แล้วครับ
ทำเสร็จเอามาโชว์ด้วยนะครับ :40:
ละเอียดมากๆ ขอชื่นชมครับ :12:
อ้างคำพูดจาก: Hideric เมื่อ 18 ก.พ. 2009, 21:16 น.
ทำเสร็จเอามาโชว์ด้วยนะครับ :40:
ไม่รู้ว่าใช้ได้ไหมครับ
ขอคุณมากครับที่ช่วยแนะนำแล้วจะพยายามทำให้ได้ดีกว่านี้ครับ
ผมแนบไฟล์ไม่ได้ครับ 55++
เจองานบังคับทำแฟลช ยังไม่เคยทำเลยครับ
จู๋นี้ช่วยได้มากเลย ขอบคุณครับ :46:
ผมส่วนมากก็ใช้flash ทำanimation ก๊อกๆแก๊กๆ ไปเรื่อยแหละครับ บางเทคนิคมั่วเองบ้าง ดูเค้าทำเอาบ้าง
อยู่โรงเรียน อยู่มหาลัย ไม่มีคนใช้โปรแกรมนี้เป็นมันเหงาไม่รู้จะคุยกับใคร
เริ่มมาหัดเขียนscript ก็เพราะที่นี่เหมือนกันแหละครับ
อ้างคำพูดจาก: Hideric เมื่อ 20 ก.พ. 2009, 00:51 น.
ผมส่วนมากก็ใช้flash ทำanimation ก๊อกๆแก๊กๆ ไปเรื่อยแหละครับ บางเทคนิคมั่วเองบ้าง ดูเค้าทำเอาบ้าง
อยู่โรงเรียน อยู่มหาลัย ไม่มีคนใช้โปรแกรมนี้เป็นมันเหงาไม่รู้จะคุยกับใคร
เริ่มมาหัดเขียนscript ก็เพราะที่นี่เหมือนกันแหละครับ
สวัสดีครับ
ขอโทษที่ตอบช้าครับ เพราะว่าทำไม่เป็นจริงๆ เลยหัดพยายามอยู่นานเลยครับ
ยังไงเข้าไปดูนะครับที่ ลิงค์ที่แนบมาให้นะครับ
ลืมแนะไปครับ ปรกติ animation frame rate จะอยู่ที่ประมาณ 25-30 fps นะครับ ที่ผมตั้งไว้
มันจะได้ไม่กระตุกครับ
เพราะการ์ตูนทั่วๆไปก็ประมาณนี้ครับ
บางคนก็ตั้ง 18 , 31, 72 แล้วแต่ถนัดครับ
+ ให้กำลังใจครับ สู้ๆครับ
สวัสดีครับ ทุกคนที่น่ารักมากเลย ช่วยตอบคำถาม
ให้คำแนะนำ และยังมีการสอนที่ดีๆอีกด้วย
ขอฝากเนื้อฝากตัว ไว้ได้วยครับ (หัวใจให้แฟน 55++ ) :45:
ไม่รู้ว่าแบบนี้ใช้โค้ดหรืออะไร แต่อยากทำได้น่ะครับเมนูของเว็บนี้น่ะครับแบบว่าช่วยสอนหน่อยนะครับอยากทำเป็นน่ะครับ
มองออกตรงที่ถ่ายรูปมาแปะเป็นเมนู แต่ว่าตรง flash ที่มันเลื่อนได้เนี่ยแหละครับ :06:
http://www.photofun.com/ (http://www.photofun.com/)
ใช้ as แน่นอนครับ
อันนี้มีสอนทำทั่วไป จากหลายสำนัก
ลองหาคำว่า osx dock ประมาณนี้ครับ
จะมีหลากหลายแนวมาก จะ AS1.0 หรือ AS2.0 ก็มี :49:
AS3.0 ก็มีนะ :49:
อ่า ในที่สุดเราก็ได้กลับมาห้องแฟลชแล้ว
ไปซุ่มเรียนแฟลชมาเกือบจะจบละ
ได้เกมมาเกมนึง กำลังจะทะเยอทะยานหัดทำเกมใหม่อีกสักเกม
แอบมาหาอะไรแถวนี้ดูสักหน่อย
:22:
เจ๋งมากเลยครับ ที่ผ่าน ๆ มา ได้ลองทำตามแล้ว เจ๋งครับ อยากให้มีต่ออีกอะครับ ขอบคุณครับ
ขอบคุณครับ
แล้วจะเอาไปลองทำ :45:
น้องใหม่ครับ
(http://img3.f0nt.com/26/7176a5948b05672a8cf9a5d7a6099438.jpg)
เป็นเทคนิคการทำ Glow ที่ข้องใจอยู่นานว่าไอ้เส้นๆนี้มันทำไงให้เรืองแสงได้
ลองใช้ Glow ของ filter แล้วก็ไม่เหมือน
เพิ่งลองคิดอีกแบบนึงแต่ยังไม่ว่างลอง ว่ามันใช้วิธีซ้อนเส้นแล้วปรับalpha เส้นเอารึเปล่า :09:
ใครลองแล้วได้ผลไงสอนผมหน่อย :05: อยากรู้มานานแล้ว
Soften fill edge รึเปล่า?
ไม่แน่ใจนะ แต่ถ้าเกศจะทำแบบนี้จะใช้ soften fill edge อ่ะ
ขอ capture รูปแป๊บนึงนะ เดี๋ยวเอามาแปะ
// มาแล้วจ้ะ
(http://img3.f0nt.com/26/967a3eff6803edb988081d9dcad6c56c.jpg)
(http://img3.f0nt.com/26/5065d2c69878a221b64154ec6da6fb7e.jpg)
(http://img3.f0nt.com/26/0e02cc7cb783552a262096270c582714.jpg)
(http://img3.f0nt.com/26/e0ea206684ce674f1d5edc9deac413cd.jpg)
ทดสอบวาดอะไรซ้อนไว้ข้างหลังดู ออกมาเป็นงี้
(http://img3.f0nt.com/26/56bf1b4742036a8c9090c9de0f2a3993.jpg)
ดูจากแบบที่ให้ เค้าน่าจะใช้ distance เยอะๆ + step น้อยๆหล่ะ
น่าจะใช้ได้นะ :33:
:25: :25:
:25: ขอบคุณน้องเกศ เพิ่งรู้เหมือนกัน
ดีไซด์ดีๆ มีให้ลอก :25a:
อ๊ากกกกกกกกก :07:
จุดใต้ตำตีน
+ ครูเกศเลย
ไม่รู้มาก่อนเลยว่ามันใช้ไอ้นี่ทำ :07:
แต่ถ้า เวลารายละเอียดของ Sharp มันซ้อนกัน ใกล้ๆกัน มันจะตีกันเองเลยนะ
เหมือนแบบนี้
http://img3.f0nt.com/flash/8f8ec9f65efa51247f1bcb4cdb5f8269.swf
แล้วจะแก้ยังไงล่ะครับ :09:
:05: ไม่รู้เหมือนกัน
เพิ่งจะรู้ว่ามันทำได้จากหนูเกศนี่แหละ
รอครูเกศมาช่วยต่อ :05:
แก้ด้วยการใช้ filter glow ครับ :30:
หรือไม่ก็ต้องตั้งค่าตอนทำ soften fill edge ให้ดีในทุกๆเฟรมที่ทำครับ
ไม่งั้นจะเกิดปัญหาอย่างที่ว่า
จะว่าไป สามว่าเทคนิคนี้ ถ้าทำแล้ว
แล้วเอาไป tween หนักๆเช่นเซูมเยอะๆ เร็วๆนี่
น่าจะกินทรัพยากรเยอะอยู่นะครับ อาจทำให้เฟรมเรทร่วงได้
:25: +พี่เกศ
อ้าว เพิ่งเห็นที่พี่กัมถาม :30:
ไม่รู้เหมือนกันว่าแก้ยังไงเพราะเกศไม่เคยเอามาใช้ซ้อนกันแฮะ
เดี๋ยวขอไปลองก่อนนะฮร้า :27:
อ้าวอีกที ท่านสามมาตอบแล้วนี่ :30:
ส่งด้วย
motion tween
http://img3.f0nt.com/flash/c2f7f8087b104db2adf2f4daaabfb4cc.swf
motion tween+guide(ลืมลบปุ่มออกเพราะกะว่าเขียนเล่นๆ)
http://img3.f0nt.com/flash/9294939fed28d55dd7baa442b9ca667d.swf
mask
http://img3.f0nt.com/flash/7a5f288768e21779e04fc353d5d01d98.swf
แก้ tween+guide มาแล้ว :17:
http://img3.f0nt.com/flash/8d3439450d10b047271937a268e35509.swf
http://img3.f0nt.com/flash/016ec6ccdfd27ce047c16e6e31bfd877.swf
(โลกช่วงท้ายๆมันกระตุกอ่ะ :15: :15:)
รีมูฟเฟรม สุดท้ายออก ตามโพสต์หลังๆ บทเรียนนะครับ จะมีคนมาแนะนำ อยู่comment ถัดๆๆๆ มาต่อ จากโพสต์ติวเตอร์โลกหมุน
http://img3.f0nt.com/flash/cacae7d58e708b4bfecea953aed0b491.swf
แก้มาแล้วครับพี่จักรี
ยังกระตุกอยู่นะครับ
ลองเอาออกอีกซักเฟรมนึงครับ ผมก็จำไม่ได้แล้วว่าแก้ไขอย่างไง ลองไล่อ่านโพสต์ ถัดๆ มา หลังจากติวเตอร์ โลกหมุนดูนะครีับ
ใช้สคริปต์โลดครับ :12:
(ล้อเล่นนะ อย่าทำตามเชียว)
อ้างคำพูดจาก: จักรี เมื่อ 16 พ.ย. 2009, 00:13 น.
ลองเอาออกอีกซักเฟรมนึงครับ ผมก็จำไม่ได้แล้วว่าแก้ไขอย่างไง ลองไล่อ่านโพสต์ ถัดๆ มา หลังจากติวเตอร์ โลกหมุนดูนะครีับ
ก็พยายามแล้ว แต่ถ้าเอาเฟรมออก ไอ้ timeline จากลูกศรจะเปลี่ยนเป็นเส้นประเลย(แล้วเดี้ยง :08: :41:)
ก็กด F6 ที่ก่อนเฟรมสุดท้าย 1 เฟรม แล้วก็ลบเฟรมสุดท้ายออกไงครับจะได้ไม่เป็นเส้นประ
อ้างคำพูดจาก: Kums เมื่อ 21 พ.ย. 2009, 12:19 น.
ก็กด F6 ที่ก่อนเฟรมสุดท้าย 1 เฟรม แล้วก็ลบเฟรมสุดท้ายออกไงครับจะได้ไม่เป็นเส้นประ
บอกช้าไปแล้วกัม (พอเห็นเป็นเส้นประก็เลยขยับรูปแทน)(ส่งอีก)
http://img3.f0nt.com/flash/e997306032ff94a5e10439edd53730e0.swf
http://img3.f0nt.com/flash/c649a7fe332fb6d986c258444e5a3d09.swf
อ้างคำพูดจาก: P e T e —. เมื่อ 22 ต.ค. 2008, 16:29 น.
ไม่สอนต่อแล้วหรอครับ :09:
ผมรออยู่นะเนี่ย :39:
:07:สอนต่อสิโว้ย :07:
ฮ่าๆ
http://www.madoosi.com/up_images/201002/387795c86765346eca0c041bac00348b_1.swf
ส่งการบ้าน
ทำได้แล้วค่ะ
เซพอย่างไรให้พิ้นใสค่ะ
http://www.madoosi.com/up_images/201002/7af73b77dbbc5cc576171e7c8190e2fa.swf
rain drop ทีนี่ก็มีสอน http://www.sadung.com/?p=3447 (http://www.sadung.com/?p=3447)
ขอบคุณค่ะ น่าสนใจ เข้าใจการใช้งาน Properties มากขึ้น มานิดนึง
เอาอีก :45: :45: :45:
:01: :01:
การบ้านเยี่ยมมากครับ ลองดูโลกหมุนมันดูกระตุกๆ มีวิธีแก้อยู่ลอง เปิดกลับไปลองทำดูนะครับ
ขอบคุณค่ะ อาจารย์
http://www.madoosi.com/up_images/201002/9a592b9e2e4db90bbc9763e223c05fac.swf
คาดดว่าคงไม่กระตุกแล้วน่ะ
โอเคครับ เยี่ยมๆ
:35: :40:
http://www.madoosi.com/up_images/201001/e7dfca0c4d7888b9ba92d07046252ad7.swf
http://www.madoosi.com/up_images/200911/ebc31c73d1c147a7e8affbbcc77835cd.swf
โอ้ว ขยันจริงๆ เก่งแล้วมั้งเนี่ย :12:
สู้อาจารย์ บ่ได้ดอก อิอิ
จารย์จักรี ช่วยด้วย
อยากาทำแบบนี้ทำไงอ่ะ
http://www.arip.co.th/articles.php?id=400458 (http://www.arip.co.th/articles.php?id=400458)
อ้าว มัน มีติวเตอร์อยู่แล้วนี่จ้ะ หรือว่าตรงไหน :44:
ไม่เข้าใจค่ะ
http://www.madoosi.com/up_images/201008/4537a2ddd8ab4b3e3b4f3295753c20da.swfส่งการบ้านย้อนหลังค่ะ
อ้างคำพูดจาก: 蓝月 (lán yuè) เมื่อ 25 ต.ค. 2007, 00:24 น.
http://img2.f0nt.com/flash/0f05fc4cb1b09f45c48df17960e1ef8f.swf
หมุนยากจังเลยง่ะ :05:
อ้างคำพูดจาก: ♥ ชายเต่า ♥ เมื่อ 24 ต.ค. 2007, 13:23 น.
http://img2.f0nt.com/flash/8ad8edb748414be4ef48373d5d3c7090.swf
ได้ครับ ด้วยหลักการเดียวกัน
เดี๋ยวอาบน้ำเสร็จแล้วรายละเอียดจะมาครับ :40:
ตามรูปดังกล่าวนี้
โมชั่นทวีนไงค่ะ อิอิ จำไม่ได้
http://www.madoosi.com/up_images/201009/ca552e59c2c851a07f68ddf8011ee697.swf
ต้องแก้อย่างไรค่ะ
นั่นซิ
คือ งง ว่าแก้อะไรตรงไหนอะครับ ^^
แก้ว่าการหมุนของรูปค่ะ รู้สึกว่ามันกระตุกค่ะ
พยายามเอาเฟรมเริ่มต้นกับเฟรมปลายทางเหมือนกันครับ อันเดียวกันได้ยิ่งดี ก๊อปปี้มาเลยครับ
แต่ถ้าใส่ Ease ก็ให้ใส่ ก็ให้ใส่ที่เฟรมต้นทางที่ 100 เฟรมกลาง -100 และเฟรมสุดท้าย -100
(http://img3.f0nt.com/07/a70e255746f5d1a5a44093e505515649.jpg)
http://img3.f0nt.com/flash/486d7d9387e64e505fdea886bceb6571.swf
ขอบคุณค่ะ จารย์จักรี
http://www.madoosi.com/up_images/201009/13264068d108c6901b3592ea654fcd57_1.swf
ปรับfps เ็ป็นซัก24 ก็จะดีมากเลยนะฮะ
อยู่ตรงแท็บด้านล่างหัวข้อ properties ไอ้ตรง frame rate ใส่ไปซัก24 ก็กำลังดีนะฮะ
ค่ะ
เวลาทำแฟลชนี่ ทำยืนพื้นไว้ที่ 24-25 กะลังดีเลย
แต่ถ้าเอาแบบไม่กระตุกเลยนี่ 30-35 ก็ดีครับ จะได้ลื่นๆ ดูสวยงาม
http://www.madoosi.com/up_images/201009/13264068d108c6901b3592ea654fcd57_2.swf
(http://www.madoosi.com/up_images/201009/65d0db542add880292eb5b9d305d8ef8.png) (http://www.madoosi.com)
http://www.madoosi.com/up_images/201102/c16312395f06721e98362f56042ba111.swf
โอ้ว เยี่ยม เก่งแล้วนี่ มีผลงานอะไรเกี่ยวกับแฟลช มาอัพเดทให้ดูบ้างไหม
+ เป็นกำลังใจให้ครับ สู้ๆ :40:
เมื่อวานเปิดแฟลชขึ้นมาทำงานครั้งแรกในรอบหลายเดือน .. เผลอๆ ก็รอบปีเลยละมั้ง
แล้วก็สำนึกได้ว่า น่าจะเริ่มหัดใหม่จากจู๋นี้เลยนะ ลืมหมด :05:
อ้างคำพูดจาก: จักรี เมื่อ 04 ก.พ. 2011, 02:11 น.
โอ้ว เยี่ยม เก่งแล้วนี่ มีผลงานอะไรเกี่ยวกับแฟลช มาอัพเดทให้ดูบ้างไหม
เี๋ดี๋ยวคงมีมาเรื่อยๆค่ะ จารย์จักรี ตอนนี้ยังอ่อนอยู่
อ้างคำพูดจาก: iannnnn เมื่อ 04 ก.พ. 2011, 13:25 น.
เมื่อวานเปิดแฟลชขึ้นมาทำงานครั้งแรกในรอบหลายเดือน .. เผลอๆ ก็รอบปีเลยละมั้ง
แล้วก็สำนึกได้ว่า น่าจะเริ่มหัดใหม่จากจู๋นี้เลยนะ ลืมหมด :05:
:01:
http://www.shareswf.com/media/games/swf/14179.swf
หัวใจสั่น
วิธีทำ http://www.aryujung.co.cc/index.php?topic=37.msg955#new (http://www.aryujung.co.cc/index.php?topic=37.msg955#new)
http://www.swfcabin.com/swf-files/1312095236.swf
http://www.shareswf.com/media/games/swf/16891.swf
http://www.madoosi.com/up_images/201002/68155e6de0925ecbd035f779632983e3_1.swf
http://www.madoosi.com/up_images/201002/e34e2737201c26475f1d6959444ed12c.swfอันนี้สงสุยวาจะเอาของเขามาน่ะ จำไม่ได้ อิอิ
http://www.shareswf.com/media/games/swf/14512.swf
โอ้ อันนี้เจ๋งแฮะ เอาไปประยุกต์ได้เยอะเลย
ไม่เคยคิดว่ามันจะเอาไปใช้เรื่องวงกระเพื่อมๆ ของน้ำได้ด้วย :25:+
:25: :25:
http://www.swfcabin.com/swf-files/1312095236.swf
วิธีทำ http://www.aryujung.co.cc/index.php?topic=12.0 (http://www.aryujung.co.cc/index.php?topic=12.0)
http://www.shareswf.com/media/games/swf/14232.swf
ฝน ค่ะ :02:
วิธีทำค่ะ http://www.jaid-project.com/webboard/index.php?topic=258.0 (http://www.jaid-project.com/webboard/index.php?topic=258.0)
ต้องดูจังหวะที่เส้นมันตกด้วยนะ อย่าให้คลื่นมันเกิดขึ้นคนละเวลากันจนมองออกชัดๆ แบบนี้
รับทราบเจ้าค่ะ
http://www.shareswf.com/media/games/swf/14514.swf
http://www.shareswf.com/media/games/swf/14511.swf
http://www.shareswf.com/media/games/swf/12166.swf
ผีเสื้อกลางสายฝน :37:
:27:
http://www.shareswf.com/media/games/swf/11408.swf
เยี่ยมๆ เก่งแล้วๆ
:10:
http://www.shareswf.com/media/games/swf/14138.swf
http://www.shareswf.com/media/games/swf/14138.swf
:12:
http://www.swfcabin.com/swf-files/1312168295.swf
เอาวิธีทำมาแบ่งปันกันด้วยก็ดีนะครับ
:18:วิธี ทำของอันไหน ค่ะพี่จักรี สว่างขึ้นทีละนิด หรือ นับเวลาถอยหลัง
ถ้านับเวลาถอยหลัง http://www.thaiflashdev.com/home/index.php?topic=4111.msg31888#msg31888 (http://www.thaiflashdev.com/home/index.php?topic=4111.msg31888#msg31888)
http://www.thaiflashdev.com/home/index.php?topic=4111.0 (http://www.thaiflashdev.com/home/index.php?topic=4111.0)
วิธีสร้าง Flash ใส่เอฟเฟค แสงค่อยๆสว่างในรูปภาพ
ขั้นแรกก็เตรียมรูปภาพที่ต้องการทำเอฟเฟค
(http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/sun-light_wallpapers_3570_1024x768.jpg)
1.เปิดโปรแกรม Flash ขึ้นมา แล้วสร้าง stage ให้เท่ากับรูปภาพ
โดยเราสามารถกำหนดโดย ใช้คีย์ลัด CTRL+J แล้วกำหนดค่าตามรูปแล้วกดปุ่ม OK
(http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/17-8-255416-21-29.png)
2.import รูปภาพที่เราต้องการเข้ามา โดยไปที่เมนู file > import > import to stage... แล้วเลือกภาพที่เราต้องการ
3.จากนั้นรูปก็จะเข้ามาอยู่ที่ Stage เราแล้วต่อมาเราก็จะจัดให้รูปอยู่พอดีใน stage โดยให้นำเมาส์ไปคลิกที่รูปหนึ่งครั้งแล้ว ไปดูที่ ALIGN แล้วเลือกตามรูป
(http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/Sunlight-flash-3.jpg)
4.จากนั้นไปที่เฟรม 30 แล้วคลิกขวากด Insert Keyframe
(http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/17-8-255416-43-30.png)
5.จากนั้นก็นำเมาส์ไปคลิกที่เฟรม 1 อีกครั้ง
(http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/17-8-255416-32-27.png)
6.ไปที่เมนู Modify แล้วเลือก Convert to Symbol...
(http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/17-8-255416-31-04.png)
7. กำหนดค่า ตามรูป
(http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/17-8-255416-50-46.png)
8.จากนั้นก็ไปดูที่ส่วนของ Property จากนั้นก็เลือก Adjust Color กำหนดค่า Brightness/ Contrast / Saturation / Hue ตามรูปตัวอย่าง
(http://]http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/17-8-255421-30-25.png)
9.นำเมาส์ไปวางระหว่างเฟรมที่ 1 –30 คลิกขวาเลือกCreate Motion Tween
(http://i694.photobucket.com/albums/vv301/aryujunk/ffffffffffffff/17-8-255421-54-24.png)
จากนั้นก็รันผลดูได้เลย(CTRL+ENTER)
+ เป็นกำลังใจให้ครับ :53:
ขอบคุณค่ะ
http://www.shareswf.com/media/games/swf/14233.swf
สุดยอดเลยได้ไอเดียอะไรเยอะแยะเลยครับ
อ้างคำพูดจาก: จักรี เมื่อ 19 ส.ค. 2011, 16:05 น.
เอาวิธีทำมาแบ่งปันกันด้วยก็ดีนะครับ
การนับเวลาถอยหลัง ขอเวลาอีกนิดนึงค่ะ เพราะขี้เกียจ อิอิ
:08: :08:
ไม่เป็นไรครับ พยายามเข้า มีความสนใจจะฝึกก็แจ๋วแล้วครับ อย่าเอาเวลามากดดันตัวเองเปล่าๆเลย :12:
ขอบคุณค่ะ คุณเบิร์ด