flash workshop fish

21
ฝฝฝฝฝฝฝฝฝฝฝฝ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเ Flash เเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเ เเเเ “เเเเเเ เเเ เเเเเเเเเเเ” เเเเเเเเเเเเ ฝฝฝฝฝฝ เเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเ เเเเเเเเเเเเ เเเเเเเเเ Flash เเเเเเเเเเเเเ Stage เเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเ Tool Options เเเเเเเเเเเเเเเเเเเเเเเเ 40 – 50 เเเเเ เเเเเเเเเเเเเเ เเเเเเ เเเเเเเเเเเเเเ เเเเเเ Properties Panel

Upload: boonkiat-chetchamnongnuch

Post on 28-May-2015

3.121 views

Category:

Technology


2 download

DESCRIPTION

Flash

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