บทที่ 2 เริ่มต้นใช้งาน Flash

งานนำเสนอเรื่อง: "บทที่ 2 เริ่มต้นใช้งาน Flash"— ใบสำเนางานนำเสนอ:

1 บทที่ 2 เริ่มต้นใช้งาน Flash

2 ประเภทของไฟล์ Flash ไฟล์เอกสาร (flash document) มีฟอร์แม็ตเป็น .fla เป็นไฟล์ที่ได้จากการบันทึกในขั้นตอนการสร้างชิ้นงาน โดยจะเก็บข้อมูลต่างๆ จากการออกแบบทั้งหมดไว้ตามสภาพเดิม สามารถเปิดกลับมาแก้ไขชิ้นงานได้ ไฟล์มูฟวี่ (Flash movie) มีฟอร์แม็ตเป็น .swf ไฟล์นี้เป็นผลลัพธ์สุดท้าย ซึ่งจะได้จากการพับลิช (publish) ไฟล์เอกสาร เพื่อนำไปเผยแพร่และแสดงด้วยโปรแกรม Flash Player โดยข้อมูลต้นฉบับจะถูกบีบอัด ปรับลดคุณสมบัติ และยุบรวมกัน เพื่อให้ไฟล์มีขนาดเล็ก ไม่สามารถเปิดกลับมาแก้ไขชิ้นงานได้

3 เครื่องมือช่วยกะระยะและจัดวางออบเจ็ค
ไม้บรรทัด (Ruler) แสดงอยู่ด้านบนและด้านซ้ายของพื้นที่ทำงาน เส้นกริด (Grid) คือเส้นตารางสมมุติ จะแสดงอยู่ด้านหลังออบเจ็ค เส้นไกด์ (Guide) เช่นเดียวกับเส้นกริด แต่สามารถสร้างไว้ตรงตำแหน่งต่างๆ ได้เองทั้งแนวตั้งและแนวนอน

4 รูปทรง ภาพที่วาดขึ้นด้วยเครื่องมือต่างๆ ของโปรแกรม Flash จะเรียกว่า “รูปทรง (Shape)” หรือ “ออบเจ็ค (Object)” ก็ได้ โดยแต่ละรูปทรงจะประกอบไปด้วย 2 ส่วนคือ พื้นภาพ (Fill) เป็นส่วนที่อยู่ภายในรูปทรง มีคุณสมบัติอย่างเดียวคือสี สามารถกำหนดรูปแบบต่างๆ ได้ เช่น สีทึบ (Solid) , แบบไล่โทนสี (Gradient) หรือจะใช้รูปภาพบิทแมพมาเป็นพื้นก็ได้ เส้น (Stroke) เป็นส่วนประกอบที่มีลักษณะเป็นลายเส้น เช่น เส้นตรง เส้นโค้ง เส้นหยัก หรือเส้นที่อยู่รอบรูปทรง คุณสมบัติของเส้นมีหลายอย่าง เช่น ลวดลาย ความหนา สี ส่วนประกอบทั้งสองเป็นอิสระต่อกัน คือ สามารถวาดรูปทรงโดยไม่มีพื้นหรือไม่มีเส้นอย่างใดอย่างหนึ่งได้

5

6 รูปแบบการวาด วาดแบบ Object Drawing รูปทรงที่ได้จากการวาดจะเป็นอิสระต่อกัน เมื่อมีการวางซ้อนทับไม่มีผลทำให้ออบเจ็คอื่นหรือตัวเองเปลี่ยนรูปร่าง วาดแบบ Merge Drawing รูปทรงที่ได้จากการวาดจะมีผลต่อรูปทรงอื่น เมื่อมีการวาดหรือนำไปวางซ้อนทับกัน จะทำให้สีพื้นภาพหรือเส้นเปลี่ยนแปลงไป

7 การซ้อนทับของรูปทรงในแบบ Merge Drawing
รูปทรงทั้งสองไม่มีเส้นและมีสีพื้นเป็นสีเดียวกัน → จะทำให้รูปทรงทั้งหมดถูกรวมเป็นชิ้นเดียวกัน รูปทรงทั้งสองไม่มีเส้นและมีสีพื้นที่ไม่ใช่สีเดียวกัน → จะทำให้รูปทรงทั้งสองแยกออกจากกัน โดยที่รูปด้านบนยังเหมือนเดิม แต่รูปด้านล่างจะถูกตัดและส่วนที่ถูกทับจะหายไป

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

9 Fill & Stroke Properties
Before Drawing After Drawing

10 Before Drawing Fill & Stroke Color Stroke Properties Tool Panel
Properties Panel Stroke Properties Example Height Style

11 After Drawing Click Selection Tool Select object
Edit form properties panel

12 Line Drawing Line Tool Click Line Tool
Define format (exam : color, stroke, style, ect…) Select Object Drawing Click & drag mouse to drawing

13 Pencil Tool Click Pencil Tool
Define format (exam : color, stroke, style, ect…) Select Object Drawing and Smooth line Click & drag mouse to drawing

14 Line Drawing Line Tool Pencil Tool
Syllabus Line Drawing Line Tool Pencil Tool Freedom Line = เส้นอิสระ

15 Shape Drawing Rectangular & Rectangular Primitive
Click Rectangular Tool / Rectangular Primitive Tool Define fill color & stroke Define Rectangular options Select Object Drawing Click & drag mouse to drawing

16

17 Oval & Oval Primitive Click Oval Tool / Oval Primitive Tool
Define fill color & stroke Define Oval options Select Object Drawing Click & drag mouse to drawing

18

19 Polygon & Star Click PolyStar Tool Define fill color & stroke
Define Tool Settings Define options Click OK Click & drag mouse to drawing

20

21 Work Components of picture Mountain = ภูเขา Hill = เนินเขา
Hut = กระท่อม Tree = ต้นไม้ Bird = นก Sun = พระอาทิตย์