Phatthira Tip-ai: 2012

มต้นรู้จัก Flash กันก่อนนะครับ

Flash เป็นโปรแกรมสำหรับสร้างภาพกราฟิก ภาพเคลื่อนไหว และมัลติมีเดียบนเว็บ (เราเรียกไฟล์ภาพเคลื่อนไหวและมัลติมีเดียที่สร้างจากFlashว่า "มูฟวี่:Movie")ที่เราสามรถนำมาใช้งานได้หลายรูปแบบ

ก่อนอื่นเรามารู้จักกับเครื่องมือที่จะใช้ก่อนนะครับ

เครื่องมือใน Flash 8

ตอนที่ 1 ร่างเส้น เตรียมตัวการตูน
ขั้นตอนแรก ก่อนจะเริ่มร่างเส้นจริง ผมจะขอแนะนำ เคื่องมือที่จะัใช้ก่อนนะครับ (ผมไม่แนะนำทุกตัวนะครับจะแนะนำเฉพาะตัวที่ต้องการใช้ในงานนี้แค่นั้น)

Line Tool (N)

Selection Tool (V)

Oval Tool (O)

Pencil Tool (Y)

Brush Tool (B)

Ereser Tool (E)
ในวงเล็บเป็นเมนู Shortcut เพื่อเป็นการประหยัดและสะดวกในการใช้งานครับ ^__^
ภาพตัวอย่างที่ผมให้ร่างง่ายๆ มาดูกันครับ

1. ใช้

Line Tool ร่างเส้นบนกระดาษ

2. ใช้

Selection Tool (V) ในการดึงเส้นให้โค้ง โดยเมื่อนำ Selection Tool มาวางด้านข้าง ของเส้นจะเกิดเส้นโค้งขึ้้น สามารถดึงได้
จะได้ โครงหน้ารูปคนออกมา

3.สำหรับการสร้างคิ้ว ก็ทำวิธีเดียวกันแต่เปลี่ยนขนาดเส้นให้เป็น 2

จะได้ภาพแบบนี้ครับ

เพื่อให้คิ้ว 2 ข้างเท่ากันไม่ควรสร้างอีกข้าง ให้ ใช้เมาส์จี้ที่คิ้วให้เกิดภาพดังนี้

จากนั้นกด Ctrl+C และ Ctrl+V เพื่อเป็นการ Copy คิ้วอันเดิม แล้วจากนั้นกด Modify> Transform> Filp Horizontal

แล้วนำมาวางข้างกันจะได้ภาพดังนี้

4. ภาพตาก็เช่นกันเพียงแค่เปลี่ยนขนาดของเส้นให้กลายเป็น 1 เพียงเท่านั้น
5. จากนั้นภาพลูกนัยน์ตา ให้ใช้

Brush Tool (B) เลือก ขนาดให้เหมาะสมกับภาพ (โดยขั้นตอนนี้อาจใช้

Oval Tool (O) ก็ได้นะครับ )

จะได้ภาพดังนี้

6. จากนั้นวาดจมูก โดยการสร้างภาพจากด้านนอกแล้วดึงเข้ามาในภา่พใบหน้าภายหลัง

7. วาดปากโดย และผมโดยจะใช้

Line Tool (N) แล้วดึงเอาหรือ

Pencil Tool (Y) วาดเอาก็ได้ถ้าผิดพลาดสามารถลบได้โดย

Ereser Tool (E)
จะได้ภาพดังนี้

8. จากนั้นตกแต่งตัวละครให้มีรูปร่างส่วนอื่นๆ ดังนี้

ตอนที่ 2 ใส่สีสันให้กับตัวการ์ตูนขั้นตอนแรก ก่อนจะลงสีกัน ผมจะขอแนะนำ เครื่องมือที่จะัใช้ก่อนนะครับ (ผมไม่แนะนำทุกตัวนะครับจะแนะนำเฉพาะตัวที่ต้องการใช้ในงานนี้แค่นั้น)

Line Tool (N)

Selection Tool (V)

Brush Tool (B)

Eraser Tool (E)

Pencil Tool (Y)
ภาพตัวอย่างที่ผมให้ลงสีง่ายๆ มาดูกันครับ

1. ใช้ Colors ในการเลือกสี

2. สำหรับ สีผิวของตัวการ์ตูนผม ใช้สี #FEDFB3 นะครับ ถ้าใครอยากให้ ผิวขาวหรือคล้ำกว่านี้จะใช้สีอื่นก็ได้นะครับ

3. จะสังเกตุได้ว่าผมไม่สามารถที่จะใช้ ถังสีในการลงสีที่แขนได้ เนื่องจากยังเหลือช่องว่างอยู่้ ในกรณี นี้สามารถแก้ปัญหาได้ 2 วิธีให้เลือกใช้เอานะครับ
3.1 ใช้

Line Tool (N) มาปิดช่องว่าง แล้วเอาถังสีเทใส่อีกครั้ง

3.2 ใช้

Brush Tool (B) ค่อยๆ ระบายไป

4. เลือกใช้กันตามถนัดนะครับ เมื่อลงสีขั้นแรกเสร็จแล้วจะได้ภาพแบบนี้ครับ

5. จากนั้นมาเก็บรายละเอียดกันดีกว่าครับ
- วิธีการทำส่วนสีขาวของดวงตา ใช้

Line Tool (N) ใช้

Selection Tool (V) ดึงให้โค้ง แล้ววางที่ด้านล่างของดวงตาแล้วใช้ถังสีเทใส่ได้เลย (Line ใช้่สีขาวนะครับ)
- จากนั้น ใส่ความยับของเสื้อผ้าอาจใช้

Pencil Tool (Y) วาดเอาก็ได้ครับ เก็บรายละเอียดด้วย

Eraser Tool (E)
6. จะได้ภาพดังนี้ครับ

ตอนที่ 3 ทำให้ภาพมีการเคลื่อนไหวอย่างง่ายๆ
1. เตรียมตัวการ์ตูน ที่ต้องการใช้

2. เพื่ม Layer ขึ้นมา 1 Layer

3. Insert Key Frames ขึ้นมาใน Frames ที่ 2 ของ Layer ที่ 2 เพื่อตัดภาพใน พื้นที่การทำก่อนจะไำด้วาดได้ง่ายขึ้นนะครับ

4. วาดรูปก้อนเมฆให้เต็มจอ

5. จากนั้น คลิ๊กขวาที่ Frames ที่ 2 ของ Layer ที่ 2 Create Motion Tween

6. จากนั้นเลือกความเร็วของเมฆ แล้ว Insert Key Frames ที่ Frames นั้น

7. เลื่อนกลับมาที่ Frames แรกของ Motion Tween (สังเกตุที่สีม่วง) ของ Layer 2

8. เลื่อนก้อนเมฆไปด้านหลังของ Stage

9. เลื่อนกลับมาที่ Frames สุดท้ายของ Motion Tween (สังเกตุที่สีม่วง) ของ Layer 2

10. เลื่อนก้อนเมฆไปด้านหน้าของ Stage

11. ทำแบบนี้อีก 2 -3 ครังสลับกันไปแล้วเลื่อนกลับมาให้เป็นเฟรมแรก จากนั้นเลื่อนรูปขึ้นมาที่บนสุดแล้ว Insert Frames ให้ไกลเท่า Key Frames Motion Tween ของก้อนเมฆ

ตอนที่ 4 แปลงร่าง!!!!!!!!
1. เตรียมการ์ตูนที่ได้ร้างไว้เมื่อสักครู่มาเสร้างต่อ

2. เลือก Frames ที่คิดว่าควรจะมีการ ขยับ แล้ว Insert Key Frames

3. สร้างการ ขยับขึ้นมา ว่าอยากให้ขยับแบบไหน (ผมทำ ง่ายๆ ให้ดูนะครับทำขยับปากก็วาดให้อ้าปาก)

4. แค่นี้ก็จะทำให้ปากของตัวการ์ตูนขยับได้แล้วครับ แล้วที่บอกไว้ตอนต้นนะครับ ว่าผมจะทำให้เจ้านี่กลายเป็น Darcula เพราะฉะนั้นผมจึงต้องวาดรูป Darcula มาเตรียมไว้ด้วยครับ