16
การ์ตูน Flash อย่างง่ายตอนที1 (การร่างโครงภาพ) สาหรับผู ้เริ่มต ้นใช ้งาน Flash หลายๆ คน คงมีความคิดที่อยากจะลองสร ้างการ์ตูนบน Flash ดูบ ้างเหมือนกันใช่มั ้ยครับ วันนี้ผมจะมีวิธีการสร ้างการ์ตูนแบบง่ายๆ มาสอนกันนะ ครับ ตอนที1 ร่างเส้น เตรียมต ัวการตูน ขั้นตอนแรก ก่อนจะเริ่มร่างเส ้นจริง ผมจะขอแนะนา เคื่องมือที่จะัใช ้ก่อนนะครับ (ผม ไม่แนะนาทุกตัวนะครับจะแนะนาเฉพาะตัวที่ต ้องการใช ้ในงานนี้แค่นั้น) Line Tool (N) Selection Tool (V) Oval Tool (O) Pencil Tool (Y) Brush Tool (B) Ereser Tool (E) ในวงเล็บเป็นเมนู Shortcut เพื่อเป็นการประหยัดและสะดวกในการใช ้งานครับ ^__^ ภาพต ัวอย่างที่ผมให้ร่างง่ายๆ มาดูก ันคร ับ

การ์ตูน Flash อย่างง่าย

Embed Size (px)

Citation preview

Page 1: การ์ตูน Flash อย่างง่าย

การตน Flash อยางงายตอนท 1 (การรางโครงภาพ)

ส าหรบผเร มตนใชงาน Flash หลายๆ คน คงมความคดทอยากจะลองสรางการตนบน

Flash ดบางเหมอนกนใชมยครบ วนนผมจะมวธการสรางการตนแบบงายๆ มาสอนกนนะครบ

ตอนท 1 รางเสน เตรยมตวการตน

ขนตอนแรก กอนจะเรมรางเสนจรง ผมจะขอแนะน า เคองมอทจะใชกอนนะครบ (ผมไมแนะน าทกตวนะครบจะแนะน าเฉพาะตวทตองการใชในงานนแคนน)

Line Tool (N)

Selection Tool (V)

Oval Tool (O)

Pencil Tool (Y)

Brush Tool (B)

Ereser Tool (E)

ในวงเลบเปนเมน Shortcut เพอเปนการประหยดและสะดวกในการใชงานครบ ^__^

ภาพตวอยางทผมใหรางงายๆ มาดกนครบ

Page 2: การ์ตูน Flash อย่างง่าย

1. ใช Line Tool รางเสนบนกระดาษ

2. ใช Selection Tool (V) ในการดงเสนให โคง โดยเมอน า Selection Tool มาวางดานขาง ของเสนจะเกดเสนโคงขน สามารถดงไดจะได โครงหนารปคนออกมา

3.ส าหรบการสรางคว กท าวธเดยวกนแตเปลยนขนาดเสนใหเปน 2

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

เพอใหค ว 2 ขางเทากนไมควรสรางอกขาง ให ใชเมาสจทค วใหเกดภาพดงน

Page 3: การ์ตูน Flash อย่างง่าย

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

แลวน ามาวางขางกนจะไดภาพดงน

4. ภาพตากเชนกนเพยงแคเปลยนขนาดของเสนใหกลายเปน 1 เพยงเทานน

5. จากนนภาพลกนยนตา ใหใช Brush Tool (B) เลอก ขนาดใหเหมาะสมกบภาพ

(โดยขนตอนนอาจใช Oval Tool (O) กไดนะครบ )

Page 4: การ์ตูน Flash อย่างง่าย

จะไดภาพดงน

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

7. วาดปากโดย และผมโดยจะใช Line Tool (N) แลวดงเอาหรอ

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

จะไดภาพดงน

Page 5: การ์ตูน Flash อย่างง่าย

8. จากนนตกแตงตวละครใหมรปรางสวนอนๆ ดงน

Page 6: การ์ตูน Flash อย่างง่าย

การตน Flash อยางงายตอนท 2 (การลงสใหตวการตน)

หลงจากในบททผานมานนเราไดท าการรางภาพตวการตนไวแลว ในบทนเราจจะมาท า

การตนของเราจะมาท าการตนใหมสสนกนดกวาครบ

ตอนท 2 ใสสสนใหกบตวการตน ขนตอนแรก กอนจะลงสกน ผมจะขอแนะน า เครองมอทจะใชกอนนะครบ (ผมไมแนะน าทกตวนะครบจะแนะน าเฉพาะตวทตองการใชในงานนแคนน)

Line Tool (N)

Selection Tool (V)

Brush Tool (B)

Eraser Tool (E)

Pencil Tool (Y)

ภาพตวอยางทผมใหลงสงายๆ มาดกนครบ

Page 7: การ์ตูน Flash อย่างง่าย

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

2. ส าหรบ สผวของตวการตนผม ใชส #FEDFB3 นะครบ ถาใครอยากให ผวขาวหรอคล ากวานจะใชสอนกไดนะครบ

3. จะสงเกตไดวาผมไมสามารถทจะใช ถงสในการลงสทแขนได เนองจากยงเหลอชองวางอย ในกรณ นสามารถแกปญหาได 2 วธใหเลอกใชเอานะครบ

Page 8: การ์ตูน Flash อย่างง่าย

3.1 ใช Line Tool (N) มาปดชองวาง แลวเอาถงสเทใสอกครง

3.2 ใช Brush Tool (B) คอยๆ ระบายไป

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

Page 9: การ์ตูน Flash อย่างง่าย

5. จากนนมาเกบรายละเอยดกนดกวาครบ

- วธการท าสวนสขาวของดวงตา ใช Line Tool (N) ใช Selection Tool (V) ดงใหโคง แลววางทดานลางของดวงตาแลวใชถงสเทใสไดเลย (Line ใช สขาวนะครบ)

- จากนน ใสความยบของเสอผาอาจใช Pencil Tool (Y) วาดเอากไดครบ เกบ

รายละเอยดดวย Eraser Tool (E)

6. จะไดภาพดงนครบ

Page 10: การ์ตูน Flash อย่างง่าย

การตน Flash อยางงายตอนท 3 (การท า Movie เมฆลอยดานหลง)

ในบททแลวเราไดลงสใหกบตวการตนกนไปแลวตอนนเราจะมาท าใหภาพมการเคลนไหว

แบบงายๆกนบางนะครบ

*** ผมเลอกทจะท า เมฆลอยไปมาดานหลงนะครบเนองจากวา เขาไจไดงายและสมารถดดแปลงใชกบการตนไดอกเยอะหลายแบบเชน เครองบน บน เรอลอย รถวง ฯลฯ

ตอนท 3 ท าใหภาพมการเคลอนไหวอยางงายๆ

1. เตรยมตวการตน ทตองการใช

2. เพม Layer ขนมา 1 Layer

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

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

Page 11: การ์ตูน Flash อย่างง่าย

5. จากนน คลกขวาท Frames ท 2 ของ Layer ท 2 Create Motion Tween

6. จากนนเลอกความเรวของเมฆ แลว Insert Key Frames ท Frames นน

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

Page 12: การ์ตูน Flash อย่างง่าย

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

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

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

Page 13: การ์ตูน Flash อย่างง่าย

11. ท าแบบนอก 2 -3 ครงสลบกนไปแลวเลอนกลบมาใหเปนเฟรมแรก จากนนเลอนรปขนมาทบนสดแลว Insert Frames ใหไกลเทา Key Frames Motion Tween ของกอนเมฆ

การตน Flash อยางงายตอนท 4 (การท าMovie Shortการตนขยบ)

บทนจะสอนเรองการท า movic sort และการ Shape ดวยนะครบ

เพอทจะท าการตนแบบงายๆ ขนมา

***เรองในบทน ผมเอาตวการตนทไดสรางขนมากลายรางไปเปน Darcula

ตอนท 4 แปลงราง!!!!!!!!

1. เตรยมการตนทไดรางไวเมอสกครมาเสรางตอ

Page 14: การ์ตูน Flash อย่างง่าย

2. เลอก Frames ทคดวาควรจะมการ ขยบ แลว Insert Key Frames

3. สรางการ ขยบขนมา วาอยากใหขยบแบบไหน (ผมท า งายๆ ใหดนะครบท าขยบปากกวาดใหอาปาก)

4. แคนกจะท าใหปากของตวการตนขยบไดแลวครบ แลวทบอกไวตอนตนนะครบ วาผมจะท าใหเจานกลายเปน Darcula

เพราะฉะนนผมจงตองวาดรป Darcula มาเตรยมไวดวยครบ

5. จากนนสราง Layer เพมมาอก 1 Layer แลว Insert Key Frames

6. Copy Frames สดทายของ Layer กอนหนาน

Page 15: การ์ตูน Flash อย่างง่าย

7. น ามาวางใน Frames ทได Insert Key Frames ไวใน Layer ถดไป

8. เปลยน Tween เปน Shape

9. เวนระยะหางเพอเปนการแปลงรางซกพกแลว Insert Key Frames

10. จากนนเอาภาพทไดเตรยมไวมาวางใน Frames สดทาย

Page 16: การ์ตูน Flash อย่างง่าย

11. แคน เจาการตนตวนกสามารถแปลงรางไดแลวครบ จากนนกมาตกแตงอยางอนกนบางดกวาครบ