เอาละเด็กขอมาก็จัดไปมาเริ่มกระทู้สอนแฟรชกันเต๊อะ

ID: 180

โหลดได้ที่นี่เลยนะจ้าบ แฟรช 8
http://my.dek-d.com/allya/storyviewlongc.php?id=292393&chapter=13

^^ พอดีมีเด็ก(เป็ด???) ตัวนึง เอาปืนมาจ่อหัว ^^แล้วอ้อนอนวอนอย่างสุภาพ??? ว่า เพ่เห็ดดดดด สอนแฟรชหน่อยเด๊ะ สอนมาเล้ยๆให้ว่อง ก็เลยกำลังจะสอน ....เอ่อคือสอนคนเดียวแบบติวในเอ็มขืนสอนไปแล้วคนอื่นอยากให้สอนตรูก็เหนื่อยซ้ำซากเดะ เอาละมาเริ่มกันเลยดีกว่า ออบอกไว้ก่อน อันนี้เป็น อย่างง่ายนะ ^^ถ้าละเอียดๆอาจจะสอนเป็นรายคนไปหรือ ใครสงสัยงานตัวไหนของเราจะขอดู SWF ก็พอได้นะ (แต่ถ้าคิดเรา งานเราไปแก้เป็นของตัวเองละก็ เตรียมตายได้เลย^^)

ก่อนอื่นโปรแกรมที่เราใช้คือ macromedia flash 8 นะ เราไม่ใช้รุ่นสูงกว่านี้เพราะเหตุผลหลักๆคือ ...ชื่อมันไม่เท่ ....โปรบ้าอาร๊ายชื่ออดอบี้ แฟรช - -แถมโลโก้ไม่อลังการไม่ชวนให้ทำซะเล้ย

เปิดขึ้นมาหน้าตาก็ราวๆเนี้ย

อลังการใช่ปะ สีแดงถึงไม่มีเขาก็เหอะอู้วดุแล้วรู้สึกเลยว่า คนใช้มีแรงทำอัพเกรดขึ้น 3เท่า (มุกกันดั้มนะน้องใครไม่เข้าใจก็คิดว่าแป๊กๆไปเหอะ)

หลังจากเลือกเข้า create new flash doccument แล้วก็จะได้หน้าตาแบบนี้ (อันอื่นเราไม่สอนนะเพราะไม่เคยทำ)

อันนี้คือหน้าหลักๆของมันนะ เข้ามาเป็นแบบนี้โล่งๆ ว่างๆไม่มีอะไรทำดีเนอะ^^

อันนี้คือ เกี่ยวกับส่วนของ time line ต่างๆ ถ้าอยากสร้าง อีโมติค่อนหรืออนิเมชั่นอันนี้ก็เป็นส่วนหลักส่วนนึงที่จะทำให้มันขยับ
โดย หมายเลข 1 คือ เลเยอร์นะจ๊ะ หรืออธิบายแบบง่ายๆมันก็คือกระดาษ ที่เราจะไว้วาดรูป กระดาษวางแผ่นล่างเราก็จะเห็นภาพนั้นอยู่หลัง วางบนมันก็จะอยู่หน้า^^

หมายเลข 2 frame อันนี้คือตัวกำหนดเวลา ซึ่งเราจะพูดถึงกับภายหลังนะจ๊ะพูดตอนนี้พูดไปมันก็งงเปล่าๆ

3 คำสั่งสร้างโฟลเดอร์ อันนี้เอาไว้เก็บเลเยอร์นะ ไม่ค่อยมีอะไรสำคัญมากหรอกถ้าทำงานน้อยๆที่มีแค่ 4-5เลเยอร์แต่มันจะชัดตอนทำ หลายๆเลเยอร์มันจะ เป็นการสร้างโฟลเดอร์ไว้เก็บเลเยอร์ให้เป็นระเบียบ

4 เพิ่มเลเยอร์ ก็อย่างที่บอก เลเยอร์คือกระดาษแผ่นนึง อันนี้ก็คือคำสั่ง เอากระดาษอีกแผ่นนึงมาวางก็แค่นั้น

หมายเลข 5 คือขนาดกระดาษ จ้า เดิมมันจะต้องให้เป็น 550x 400 point จะเปลี่ยนไปตามชอบก็ได้ (ปกติที่เห็นเราทำจะทำ 100* 100 และ 200*200)

หมายเลข 6 กำหนดสีของแบลคกราว ^^อันนี้ก็คือสีของพื้นหลังนั่นแหละ^^ เราก็ใส่ๆไปเหอะหรือจะเว้นขาวไว้ก็ได้

หมายเลข 7 จำนวนเฟรมต่อวินาที (FPS) โปรแกรมจะตั้งไว้ที่ 12 แต่เราจะเพิ่มมากกว่านั้นก็ได้ถ้าให้งานมันละเอียด หรือจะลดลงก็ได้ตามสมควร ยิ่งเฟรมเยอะ จะทำให้ งานดูลื่นไหลไม่กระตุกแต่ก็แลกกับการที่ต้ิองทำ นานขึ้น และใช้เฟรมเยอะขึ้น
แต่ถ้าเฟรมน้อย ก็ทำไว แต่งานจะไม่ลื่นไหลเท่าที่ควร^^
ค่าที่เราลองแล้วถือว่า โอเค ก็ 8-12 เนี้ยแหละ มากน้อยกว่านี้ได้นิดหน่อย
--------------------------------------------------------------------------------------------------------

ต่อมามาที่กล่องเครื่องมือ^^

2 ชิ้นแรก ลูกศรดำ/ลูกศรขาว
มันต่างกันยังไงน้า หลายคนก็สงสัย ...ดูเอานะ ฝั่งซ้ายมือ คือผลที่ได้จากการเอาลูกศรดำคลุมรู ด้านขวา ได้จากการเอาลูกศรขาวคลุมรูป

ลูกศรดำประโยชน์มันคือเอาไว้ ย้ายแบบทีเดียวทั้งหมดที่คลิ๊ก(หรือเลือก) โดยจะขึ้นเป็นแถบฝ้าๆรอบๆชิ้นงานที่เราเลือก

ส่วนลูกศรขาว เมื่อคลิ๊ก หรือคลุมส่วนที่เลือก จะขึ้นเป็น จุดสีเขียวๆ โดยเราสามารถย้ายจุดพวกนี้ได้ทีละจุดหรือหลายจุดตามต้องการ (โดยมากเราจะเอาไว้ลบเส้น/ดัดเส้นในส่วนที่ไม่ต้องการเวลาวาดมากกว่า) ^^

free transfrom ^^ หรือเครื่องมือย่อขยายแสนดีตัวนี้วิธีใช้ก็แค่ เอาเมาส์คลุม วัตถุที่เราจะย่อขยายมัน ^^แล้วก็ ชี้ที่จุดขาวๆรอบๆ นั้นซะ หลังจากนั้นก็ ย่อขยายมันตามสดวก แต่ถ้าจะให้มัน ได้สัดส่วนก็กด SHIFT ค้างไว้ก่อนนะ
ส่วนจุดขาวๆ ที่อยู่ตรงกลางภาพนั้นคือ แกนสำหรับมุน ^^นะจ๊ะ (จะได้ใช้มันตอนที่จะทำแขนขา)

เอาละคราวนี้มาถึงทูลลากเส้นตรง ( line tools ) ประโยชน์เดียวของมันก็คือลากเส้นตรง วิธีใช้คงไม่ต้องอะธิบายอะไรมาก ^^
แต่ที่จะเอามาให้ดูกันนั่นคือ ตัวแต่งเส้นตรงเราในแบบต่างๆ

หมายเลข 1 คือ ตัวขยาย/ย่อ ขนาดความหนาของเส้น ซึ่งเส้นที่เราชี้ให้ดูนั้นจก็ใช้ความหนาตั้งแต่ 1 - 4 ไปตามลำดับ^^

หมายเลข 2 ตัวประขอบเส้น ให้เป็นเหลี่ยม หรือมน ^^

หมายเลข 3 อันนี้คือลักษณะเส้นที่เราจะลา่กออกมา ทำให้เป็น เส้นประ จุดๆหรืออย่างอื่นตามใจชอบ^^

อันนี้เป็นเครื่องมือที่เราไม่ค่อยใช้บ่อย(และก็ไม่ค่อยจะชอบมันเท่าไหร่)ชื่อของมันคือ lesso tools เป็น เครื่องมือคล้ายๆคัดเตอร์ ที่จะเอาไว้ตัดแค่ส่วนหนึ่งส่วนใดของงานที่เราต้องการเอาออก/ แก้ไข

ชิ้นที่ 8 ปากกา หรือ pen tools (ชื่อมันตรงตัวดีจัง) อันนี้ วิธีใช้ก็คือ ใช้จิ้มลากเส้นจ้า แต่จะเป็นการลากเส้นแบบ จุด ต่อ จุด เช่น เราจุดๆแรก ไว้ ที่ด้านซ้าย แล้วจุดๆ ที่2 ไว้ห่างกันพอควรมันก็จะลากเส้นจากจุดแรกไป จุด2 ถ้าเราจุดๆที่3 มันก็จะลากเส้นไปต่อที่จุด3 แบบนี้เรื่อยๆ โดยเราสามารถหยุดมันได้โดยลากมันกลับมา่ที่จุดเริ่ม(จุดแรก) และเราสามารถดัดมันได้ด้วยการกดเมาส์ค้างไว้ แล้วลาก เส้นมันจะโค้ง เราก็ลองดูว่าชอบแบบไหน
อีกอย่างนอกจากทำแบบนั้น มันยังสามารถใช้ลบจุดและเพิ่มจุด(ที่จะได้จากการ ใช้ลูกศรขาวคลุมรูปที่ต้องการ) ^^

text tools หรือตัวพิมอักษร - -...อันนี้ มันมีที่ให้อธิบายเยอะดีจัง
1 ความห่างของตัวอักษรแต่ละตัวที่พิม
2 ฟร้อนของอักษร
3 การจัดวางตัวอักษรในกรอบ(กรอบสีฟ้าที่พิม) ให้อยู่บน ล่าง หรือ กลาง
4 ขนาดของอักษร
5 สีตัวอักษร
6 ตัวหนา(เปิด/ปิด)
7 ตัวเอียง(เปิด/ปิด)
8 ความเหลี่ยมของอักษร

เครื่องมือวาดวง oval tools / เครื่องวาดสี่เหลี่ยม
อธิบายตามหมายเลขละกันตัวนี้มันไม่มีไรแปลกมากเท่าไหร่ วิธีใช้ก็คลิ๊กที่มันแล้วก้ลากไปเลข
เลข 1 สีของเส้น
เลข 2 สีของพื้นที่ด้านใน
เลข 3 ขนาดของเส้น
เลข 4 ประเภทของเส้น(จะคล้ายๆกับเครื่องมือเส้นตรง)

ดินสอ .... - -ไม่มีอะไรอธิบายกับมันให้มาก มันก็คือ เครื่องร่างเส้นตรงดีๆนี่เอง

พู่กัน เครื่องมือแสนรักของหลายคน(และเราด้วย)
พู่กันโปรแกรมนี้จะค่อนข้างต่างกับโปรแกรมอื่นตรง ระบบแต่งเส้น (smoothing) ก็ในวงนั่นนะแหละ ต่างกันยังไงก็ดูเอาเลยเราวาดวงกลมไว้ 5 อัน แต่ละอันเพิ่ม smooth ไปทีละ 25 ^^ผลที่ได้ก็ แบบที่เห็น

ขวดหมึกและถังสี
2เครื่องมือที่คล้ายๆกันแต่ใช้ต่างกัน
ของ2ชิ้นนี้ใช้ เทสีลงบริเวณที่ต้องการเหมือนกัน แต่ใช้ต่างกันตรงที่ ขวดหมึก(ด้านซ้าย)จะใช้เทสีสำหรับเส้นเท่านั้น
ส่วน ถังสี (ขวา)จะใช้เทสีลงในพื้นที่ๆมีกรอบกำหนด(เช่น ในวงกลม)

ตัวดูดสี ^^ ก็ไำม่มีอะไรแค่ใช้ กอปสีที่เราลงไปแล้ว(เพราะบางทีเราอาจจะไม่ชัวร์ว่าสีที่ลงนั้นมันเหมือนอันไหนมากกว่า)

และชิ้นสุดท้าย ยางลบ - -....อันนี้ไม่มีอะไรให้อธิบายมากอะมันเหมือนพู่กันแหละแต่ประโยชน์มันคือเอาไำว้ลบ สิ่งที่ไม่ต้องการในเลเยอร์นั้น