Download - Flash Workshop Fish

Transcript
Page 1: Flash Workshop Fish

ฝึ�กหั�ดวาดภาพ

เมื่��อรู้� �จักโปรู้แกรู้มื่และเครู้��องมื่�อต่�างๆ ของ Flash แล�ว ก�จัะเข�าสู่��บทเรู้�ยนฝึ"กหัดวาดภาพ ซึ่(�งมื่�หัลกท��ไมื่�ยากอย�างท��ค*ด ขอใหั�น(กถึ(งหัลก “เชื่��อมื่ ต่ด ปรู้บเปล��ยน เท�าน.นก�พอ”

แผนที่��การู้วาดแผนท��แสู่ดงเสู่�นทาง โดยอาศัยหัลกการู้เชื่��อมื่และต่ด

สู่รู้�างไฟล2 Flash ก3าหันดขนาดของ Stage ต่ามื่ต่�องการู้

เล�อกเครู้��องมื่�อวาดกรู้อบสู่��เหัล��ยมื่ คล*กป45มื่ควบค4มื่ขอบมื่นใน Tool Options ก3าหันดความื่มื่นของขอบปรู้ะมื่าณ 40 – 50 หัน�วย

เ ล� อ ก สู่� เ สู่� น ข อ บ สู่� พ�. น แ ล ะ ข น า ด ข อ ง เ สู่� น ข อ บ จั า ก Properties Panel

วาดกรู้อบสู่��เหัล��ยมื่หัลายๆ กรู้อบใหั�มื่�ลกษณะ ดงน�.

Page 2: Flash Workshop Fish

จัากภาพจัะพบว�าเป8นการู้น3ากรู้อบสู่��เหัล��ยมื่หัลายขนาดมื่าวางซึ่�อนกนทบ ลกษณะน�.ค�อการู้ใชื่�เทคน*ค เชื่��อมื่ การู้ท��จัะท3าใหั�“ ”

มื่�ลกษณะเป8นเสู่�นทางแผนท�� จัะต่�องต่ดสู่�วนบางสู่�วนของกรู้อบสู่��เหัล��ยมื่ออกไป ดงน�.

การู้ต่ดสู่�วนดงกล� าวท*. ง เรู้*�มื่จัากการู้เล�อกเครู้�� องมื่�อ Selection

น3าเมื่าสู่2ไปคล*ก ณ สู่�วนท��ต่�องการู้ต่ด จัะพบว�าสู่�วนท��เล�อกมื่�ลกษณะเป8น จั4ดเล�กๆ หัลายจั4ด ดงต่วอย�าง“ ”

จัากน.นกดป45มื่ = เพ��อลบสู่�วนท��เล�อก จัะปรู้ากฏผลดงน�.

ท3า ซึ่3.า กบสู่�วนอ�� น ท�� ต่� องการู้ลบ โดยการู้ใชื่� เครู้�� องมื่�อ Selection เล�อกก�อนแล�วกดป45มื่ = เพ��อลบท*.ง เพ��อใหั�ได�ผลดงน�.

สู่�วนท��ต่�อง

สู่�วนท��ต่�องการู้ลบ

คล*กเพ��อลบท*.ง

Page 3: Flash Workshop Fish

หัน�าคนจากวงกลมและเส้�นตรง

วาดวงกลมื่ วาดเสู่�นต่รู้งผ�านสู่�วนบนของวงกลมื่ในลกษณะเฉี�ยงดงภาพ

เล�อกเครู้��องมื่�อ Selection เล��อนเมื่าสู่2ไปชื่�.ท��เสู่�นต่รู้ง ใหั�เมื่าสู่2มื่�รู้�ปรู้�างเป8น กดป45มื่เมื่าสู่2ค�างไว� แล�วด(งใหั�เสู่�นมื่�ลกษณะโค�ง

คล*กเล�อกเสู่�นท��อย��นอกวงกลมื่ กดป45มื่ =

เพ��อลบท*.ง

เล�อกสู่�ผมื่ แล�วเต่*มื่สู่�

วาดต่า จัมื่�ก และปากด�วยเครู้��องมื่�อวาดเสู่�น หัรู้�อ ด*นสู่อ แล�วปรู้บใหั�มื่�ความื่โค�งต่ามื่ต่�องการู้

หัน�าคนจากหัลายๆ ว�ตถุ

Page 4: Flash Workshop Fish

เด!กชายส้วมหัมวก

เด!กหัญิ$ง

คนส้%งอาย

Page 5: Flash Workshop Fish

ดวงอาที่$ตย'

รองเที่�าส้เก!ต

ถุ งเที่�าเด!ก

Page 6: Flash Workshop Fish
Page 7: Flash Workshop Fish

หัมวก

ใบไม�

ต�นคร$ส้มาตส้'

Page 8: Flash Workshop Fish

ต�นไม�

ต�นไม�

ดอกไม�

ด$นส้อ

Page 9: Flash Workshop Fish

ต +กตาหัม�

ฮิ$ปโป

Page 10: Flash Workshop Fish

ผลไม�การ'ต%น

ส้ตอร'เบอร'ร��

Page 11: Flash Workshop Fish

ส้ร�างงานตามต�วอย/าง

ในการู้สู่รู้�างงานข(.นมื่าหัน(�งเรู้��องหัรู้�อหัน(�งชื่*.นงานน.นจัะต่�องน3าเรู้��องท��จัะสู่รู้�างมื่าว*เครู้าะหั2 ก�อนว�าในงานน.นมื่�ก��ต่วละครู้ หัรู้�อก��ชื่*.นงานปรู้ะกอบข(.นมื่า เพ��อใหั�การู้ท3างานเป8นไปอย�างรู้วดเรู้�วข(.น ต่ามื่ต่วอย�างท��แสู่ดงน.น จัะปรู้ะกอบไปด�วย 5 ชื่*.นงานด�วยกน ได�แก�

1. ปลา

2. ปลาดาว

3. ต่�นไมื่�

4. ภ�เขา

5. ฉีากหัลง (Background)

การู้สู่รู้�างชื่*.นงานน.นควรู้ท��จัะสู่รู้�างงานชื่*.นงานท��เล�กไปหัาชื่*.นงานท��ใหัญ่� ดงน.นจัากรู้�ปควรู้ท��จัะสู่รู้�าง ปลา , ปลาดาว, ต่�นไมื่�, ภ�เขา, พ�.นหัลง ต่ามื่ล3าดบ

การส้ร�างต�วปลาการู้ท��จัะสู่รู้�างต่วปลาใหั�สู่ามื่ารู้ถึขยบได�น.นจัะต่�องแบ�งชื่*.นงานน.น

ออกเป8นสู่�วนๆ ค�อสู่�วนท��ต่�องขยบได�แก�อะไรู้บ�าง ก�จัะต่�องแบ�งชื่*.นงานน.นออก ในท��น�.จัะใหั� ต่า ปาก และหัาง ขยบ โดยจัะใหั�แสู่ดงผลเหัมื่�อนปลาก3าลงว�าย

Page 12: Flash Workshop Fish

ส้ร�างตาของปลา

1. สู่รู้�าง Symbol ข(.นมื่าด�วยการู้กดป45มื่ F8 หัรู้�อไปท�� เมื่น� Insert, New Symbol ต่.งชื่�� อของ Symbol เป8น eye

แ ล� ว เ ล� อ ก ป รู้ ะ เ ภ ท ข อ ง Symbol เ ป8 น Movie Clip

เน��องจัากต่�องการู้ใหั� ต่ า สู่ า มื่ า รู้ ถึ ข ย บ ไ ด�

2. ในน3าเมื่าสู่2มื่าคล*กท�� เครู้��องมื่�อ Oval Tool ปรู้บค4ณสู่มื่บต่*ของเครู้��องมื่�อได�แก� สู่�เสู่�น ลกษณะของเสู่�นใหั�เสู่�นเป8นสู่�ด3า สู่�พ�.นเป8นสู่�ขวา

3. วาดวงกลมื่ท��เลเยอรู้2ท��1 (เปล��ยนชื่��อเลเยอรู้21 เป8น Body-

eye) แล�วใหั�คล*ก Lock ท��แมื่�ก4ญ่แจั เพ�� อล�อคการู้แสู่ดงผล ไมื่�ใหั�มื่�การู้เปล��ยนแปลง

4. เพ*�มื่เลเยอรู้2ท�� 2 แล�วเปล��ยนชื่��อเป8น eye เพ��อสู่รู้�างเป8นด ว ง ต่ า โ ด ย ก3า หั น ด สู่� เ สู่� น แ ล ะ สู่� พ�. น เ ป8 น สู่� ด3า

5. ต่�องท3าใหั�ดวงต่าสู่ามื่ารู้ถึขยบได�หัรู้�อกรู้ะพรู้*บต่า

6. ใหั�เพ*�มื่ Key Frame ท��เลเยอรู้2 eye โดยใหั�สู่งเกต่ท��แถึบ Time Line ในชื่�องท�� 2 จัะไมื่�มื่�จั4ดสู่�ด3าๆ ใหั�คล*กขวาท��ชื่�องน�.เล�อกค3าสู่�ง Insert Key Frame

Page 13: Flash Workshop Fish

7. คล*กท��เครู้��องมื่�อ Free Transform แล�วไปคล*กท��รู้�ปต่าในเลเยอรู้2 eye ซึ่(�งโปรู้แกรู้มื่จัะแสู่ดงผลใหั�อย��แล�ว แต่�จัะไมื่�แสู่ดงเลเยอรู้2 Body-eye เน��องจัากได�ล�อค Layer

น�. แ ล� ว

8. ปรู้บรู้�ปใหั�เล�กโดยใหั�เพ*�มื่ Key Frame ท�� Time Line ท��ละเฟรู้มื่ ปรู้ะมื่าณ 10 เฟรู้มื่โดยในแต่�ละเฟรู้มื่ก�ใหั�ลดรู้�ปลงท��ละน*ด

9. ใหั�คล*กท��เลเยอรู้2 Body-eye ไปท��เฟรู้มื่ท�� 10 คล*กขวาเล�อก Insert Frame เพ��อใหั�รู้�ปใน เลเยอรู้2น�. แสู่ดงผลพรู้�อมื่กบเลเยอรู้2 eye

10. ทดสู่อบการู้แสู่ดงผลด�วยการู้กดป45มื่ SE

Page 14: Flash Workshop Fish

ส้ร�างปากของปลา

1. สู่รู้�าง Symbol ข(.นมื่าใหัมื่�ต่ .งชื่��อเป8น Mount เล�อกปรู้ะเภทเป8น Movie clip

2. คล*กท��เครู้��องมื่�อ Oval Tool โดยใหั�เสู่�นเป8นสู่�ด3า สู่�พ�.นเป8นสู่�ขวา สู่�วนขนาดของเสู่�นยงคงเป8น 10

3. วาดวงกลมื่หัรู้�อวงรู้�บน Stage

4. ปรู้บรู้�ปวงกลมื่หัรู้�อวงรู้� ใหั�เป8นรู้�ปปากโดยใหั�คล*กท��เครู้��องมื่�อ Selection Tool ในการู้ปรู้บใหั�น3าเครู้��องมื่�อน�.มื่าชื่�.ท��รู้�ป แล�วสู่งเกต่เครู้��องมื่�อน�.จัะเปล��ยนเป8น เมื่��อแสู่ดงเครู้��องน�.เมื่��อไหัรู้�ก�สู่ามื่ารู้ถึท��จัะปรู้บรู้�ปรู้�างของวงกลมื่หัรู้�อวงรู้�ท��ได�สู่รู้�างข(.น

5. ต่�อไปต่�องการู้ใหั�ปากขยบได� ก�ใหั�คล*กท��แถึบ Timeline

ชื่�องท��สู่อง คล*กขวาเล�อก Insert Key Frame

6. เมื่��อได�เพ*�มื่ Key Frame แล�วใหั�คล*กท��เครู้��องมื่�อ Free Transform

7. ปรู้บขนาดใหั�เล�กลง

8. เพ*�มื่ Key Frame ในชื่�องท��สู่ามื่ บน Time Line

9. ปรู้บขนาดใหั�เล�กลงกว�าในข.นต่อนท�� 7

Page 15: Flash Workshop Fish

10. ท3าอย�างน�.ปรู้ะมื่าณ 5 เฟรู้มื่

11. ทดสู่อบการู้แสู่ดงผลด�วยการู้กดป45มื่ SE

ส้ร�างหัางปลา

1. สู่รู้�าง Symbol ข(.นมื่าใหัมื่�ต่ .งชื่��อเป8น tail เล�อกปรู้ะเภทเป8น Movie clip

2. คล*กท��เครู้��องมื่�อ Rectangle โดยใหั�เสู่�นเป8นสู่�ด3า สู่�พ�.นเป8นสู่�เทา สู่�วนขนาดของเสู่�น 4

3. วาดสู่��เหัล��ยมื่บน Stage

4. คล*กท��เครู้��องมื่�อ Selection Tool ปรู้บรู้�ปใหั�มื่�ลกษณะเหัมื่�อนหัาง

5. คล*กท��เครู้��องมื่�อ Line Tool วาดเสู่�นลงบนหัางปลา

6. ต่�อไปต่�องการู้ใหั�หัางขยบได� ก�ใหั�คล*กท��แถึบ Timeline

ชื่�องท��สู่อง คล*กขวาเล�อก Insert Key Frame

7. เมื่��อได�เพ*�มื่ Key Frame แล�วใหั�คล*กท��เครู้��องมื่�อ Free Transform

Page 16: Flash Workshop Fish

8. ปรู้บขนาดใหั�เล�กลง ต่ามื่รู้�ปต่วอย�าง

9. เพ*�มื่ Key Frame ในชื่�องท��สู่ามื่ บน Time Line

10. ปรู้บขนาดใหั�เล�กลงกว�าในข.นต่อนท�� 7

11. ท3าอย�างน�.ปรู้ะมื่าณ 6 เฟรู้มื่

12. ทดสู่อบการู้แสู่ดงผลด�วยการู้กดป45มื่ SE

ส้ร�างต�วปลา

1. สู่รู้�าง Symbol ข(.นมื่าใหัมื่�ต่ .งชื่��อเป8น body เล�อกปรู้ะเภทเป8น Movie clip

2. คล*กท��เครู้��องมื่�อ Oval Tool โดยใหั�เสู่�นเป8นสู่�ด3า สู่�พ�.นเป8นสู่�เท�า สู่�วนขนาดของเสู่�น 4

3. วาดวงรู้�บน Stage

4. คล*กท��เครู้��องมื่�อ Selection Tool ปรู้บรู้�ปใหั�มื่�ลกษณะเหัมื่�อนต่ว

5. คล*กเครู้��องมื่�อ line tool วาดเสู่�นต่รู้งต่ดต่วปลา

6. วาดคล�บปลา คล*กท��เครู้��องมื่�อ line tool

Page 17: Flash Workshop Fish

ประกอบต�วปลา

1. สู่รู้�าง Symbol ข(.นมื่าใหัมื่�ต่ .งชื่��อเป8น fish เล�อกปรู้ะเภทเป8น Movie clip

2. น3ารู้�ปท��ได�สู่รู้�างข(.นมื่าเข�ามื่าใน stage ต่ามื่ล3าดบดงน�. โดยน3าเข�ามื่า 1 รู้�ปต่�อ 1 เลเยอรู้2

3. ทดสู่อบโดยการู้กบไปท�� Scene ลาก Symbol ใน Library ชื่��อ fish ท��ได�ต่ .งไว� มื่าไว�ใน Stage แล�วกด CE

ส้ร�างปลาดาว1. สู่รู้�าง Symbol ข(.นมื่าใหัมื่�ต่ .งชื่��อเป8น dow เล�อกปรู้ะเภท

เป8น Movie clip

2. คล*กท��เครู้��องมื่�อ Polystar Tool ไปท�� Properties ของเครู้��องมื่�อชื่*.นน�.

Page 18: Flash Workshop Fish

3. เล�อก Option…

4. เมื่��อก3าหันดได�แล�ว คล*ก OK

5. ก3าหันดสู่�ต่ามื่ท��ต่�องการู้ จัาก Properties Panel

6. ลงมื่�อวาดรู้�ปวาดบน Stage

7. ใสู่�ต่า , จัมื่�ก, ปาก เพ��อใหั�ด�มื่�ชื่�ว*ต่ข(.นมื่าด�วยเครู้��องมื่�อ Brush Tools

8. เมื่��อสู่รู้�างเสู่รู้�จัแล�วใหั�ย�ายรู้�ปมื่าอย��ท��ต่3าแหัน�ง 0, 0 ท�� Properties Panel

9. ข.นต่�อไปต่�องท3าใหั�รู้�ปดาวสู่ามื่ารู้ถึขยบได� ด�เหัมื่�อนมื่�ชื่�ว*ต่

10. ใหั� Insert Keyframe ท�� Frame ท�� 2

Style เล�อกเป8น Star

Number of Sides ก3าหันดแฉีกของรู้�ป

Star Point size ปลายมื่4มื่มื่�

Page 19: Flash Workshop Fish

11. ปรู้บรู้�ปด�วยเครู้��องมื่�อ Selection Tools

12. ท3าซึ่3.าท�� Frame ท�� 3, 4, 5 ต่�อไปเรู้��อยๆ ถึ�าอยากใหั�ขยบมื่ากก�เพ*�มื่ Frame ไปอ�ก

13. ทดลองการู้แสู่ดงผลด�วย SE

ต�นไม�1. สู่รู้�าง Symbol ข(.นมื่าใหัมื่�ต่ .งชื่��อเป8น Tree เล�อกปรู้ะเภท

เป8น Movie clip

2. คล*กท��เครู้��องมื่�อ Oval Tools ไปท�� Properties ของเครู้��องมื่�อชื่*.นน�.

3. เปล��ยนชื่��อ layer ท�� Timeline ใหั�มื่�ชื่��อว�า flowerpot

4. ลกษณะของเสู่�นเป8นแบบไมื่�มื่�เสู่�น สู่�พ�.นมื่�สู่�เป8นสู่�เข�ยว ปรู้บรู้�ปด�วยเครู้��องมื่�อ Selection Tools ใหั�มื่�รู้�ปต่ามื่ท��ต่�องการู้

5. เมื่��อวาดเสู่รู้�จัแล�วใหั�คล*ก lock ท��ใต่�รู้�ปก4ญ่แจัของ Layer flowerpot

6. เพ*�มื่ layer ท�� 2 ต่.งชื่��อว�า tree โดยใชื่�เครู้��องมื่�อ oval

tools สู่�เข�ยวเหัมื่�อนเด*มื่ แล�ววาดต่�นไมื่�ข(.นมื่า

Page 20: Flash Workshop Fish

7. ไปท�� Layer ของ flowerpot จัากน.นเพ*�มื่ Frame ป5าวใหั�กบ layer น�. ในท��น�.ใหั�เพ*�มื่ท�� Frame ท�� 5 ด�วยการู้คล*กขวาท�� Frame ท�� 5 ของ layer น�. จัากน.นคล*กขวาเล�อก Insert Frame

8. ไปท�� Layer ของ tree (ใหั�สู่งเกต่ว�าจัะต่�องไมื่�มื่�รู้�ปแมื่�ก4ญ่แจัข(.นมื่าถึ�ามื่�ขอใหั�คล*กท��แมื่�ก4ญ่แจัเพ��อท3าใหั�รู้�ปแมื่�ก4ญ่แจัหัายไปถึ(งจัะสู่ามื่ารู้ถึท3างานท�� layer น�.ได�

9. คล*กขวาท�� Frame ท�� 2 ของ layer tree เล�อก Insert Keyframe


Top Related