ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ


ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

����� Flash �������

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 

    
           ����� Flash �繫Ϳ�����������㹡�����ҧ������ŵ������, �Ҿ����͹��� (Animation), �Ҿ��ҿԡ����դ������Ѵ
���ͧ�ҡ�繡�ҿԡẺ�������(Vector), ����ö������§����մ��� Ẻ��������,
����ö���ҧ�ҹ�����ͺ�Ѻ�����
(Interactive Multimedia) �տѧ��������Ѻ�����¹����� (Action Script) ����ѧ�ӧҹ��ѡɳ� CGI
���������͡Ѻ�����¹������������� ���ҡ��� �� ���� PHP, JSP, ASP, ASP.NET, C/C++ , - C# , C#.NET,
VB , VB.NET, JAVA ������� ��੾�Т�ʹբͧ����� Flash ��� ��������ö㹡�úպ�Ѵ�������բ�Ҵ���
�ռŷ�����ʴ��������ҧ�Ǵ���� �͡�ҡ����ѧ�ŧ��������㹿��������� ����ҡ���� �� avi, mov, gif, wav, emf,
eps, ai, dxf, bmp , jpg, gif, png �繵�

            ����� Flash ������ժ������§����ҳ�� �.�. 2539 ���֧ �Ѩ�غѹ��١������ҹ���ҧ������� ��੾��෤��������
������ù��ʹͷ������ҧ���ʹ� �͡�ҡ��� ����� Flash �ѧ����ö���ҧ�ͺ���प�� (Application) ������ӧҹ��ҧ�
�ͧ�Ѻ�����ҹ�Ѻ�ػ�ó��� ���������͡Ѻ�к����͢����Թ������ ��зӧҹ��Ѻ����� �ŷ����� (Platform)

 
ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

�ٻẺ�ͧ���

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 


.swf

��� .swf �����������ó�, �١ compiled ��� published ������� ����������ö��䢴���
Macromedia Flash ���ա����

.fla

��� .fla �����鹩�Ѻ�ͧ����� Flash. ������������¹ Flash
����ö������ FLA ��� compile �ѹ�������� .swf ��

.flv

��� .flv ������Դ��� Flash, ������ҧ�� Macromedia Flash, Sorenson Squeeze, ���� On2 Flix.

.avi

��� AVI ������Դ���, �繤���ͧ͢ Audio Video Interleave. ��� Flash ����ö���ҧ�����ٻẺ�����.

.spa

��� .spa �������͡��âͧ FutureSplash.

.xml

��� .xml ������ configuration �ͧ flash ������红����ŷ������ͧ��ä��������� �� link �繵�.

�ѭ�ѡɳ����ͧ����� Flash �մѧ���

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

>> ��� .swf �����������ó�, �١ compiled ���� �������ö������ա
����ͧ�������������Դ����� ��ͧ�Դ������������� (Flash Player)
����������ͧ���Դ�������� Flash (��觨��� ���������� Flash Player �������)

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

>> ��� .fla �����鹩�Ѻ�ͧ����� Flash ������������¹ Flash
����ö����� ��� compile �������� .swf ��

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

>> ��� .exe �������١ compiled ���� �� Application
��������������������� (Flash Player) ��������¡ѹ�������ö�����
����ö�����Ѻ����ͧ���������� ����ͧ��������Դ�������������

 
ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

Chapter 1 : เริ่มต้นกับโปรแกรม Flash

Flash คืออะไร ทำไมถึงต้องใช้ Flash

       หากกล่าวกันถึงโปรแกรม Flash ในปัจจุบัน ในแวดวงของนักพัฒนาเว็บไซต์ นักออกแบบ Multimedia หรือเหล่าคนทำAnimation คงไม่มีใครไม่รู้จักเจ้าโปรแกรมนี้เป็นแน่ ในฐานะที่เป็นเครื่องมือสร้าง Animation ที่ทรงคุณภาพ และสามารถสร้างงานที่ตอบโต้กับผู้ใช้ได้อย่างยอดเยี่ยม อีกทั้งยังเป็นที่รู้จักในฝั่งของผู้ชมในฐานะ Animation ตื่นตาตื่นใจที่ทำให้การท่องเว็บไซต์ หรือการนั่งชม Presentation ไม่ใช่ภาพนิ่งๆ น่าเบื่ออีกต่อไป

       เมื่อครั้งที่โปรแกรมนี้เกิดขึ้นมา มันถูกสร้างเป็นโปรแกรมวาดภาพ ต่อมาได้ถูกพัฒนาต่อในส่วนของการสร้าง Animationและ ยิ่งเพิ่มประโยชน์ใช้สอยขึ้นอีกเมื่อเสริมด้วยความสามารถในการตอบโต้กับ ผู้ชมงาน ทำให้โปรแกรมนี้ได้รับความนิยมสูงสุดในบรรดาโปรแกรมสำหรับสร้าง Animation และ Interactive แบบ มิติในยุคปัจจุบัน
       งาน Flash นั้นแบ่งเป็น ประเภทใหญ่ๆ คือ งาน Online (งานบนเว็บไซต์ที่ต้องดูผ่านระบบอินเทอร์เน็ต) และงาน Offline (งานที่เปิดบนคอมพิวเตอร์โดยไม่ต้องต่อระบบอินเทอร์เน็ต)

สัญลักษณ์ไฟล์ของโปรแกรม Flash มีดังนี้

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
ไฟล์ .fla เป็นไฟล์ต้นฉบับของโปรแกรม Flash โปรแกรมที่ใช้เขียน Flash 
สามารถแก้ไขได้ และ compile ให้เป็นไฟล์ .swf ได้

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
ไฟล์ .swf เป็นไฟล์ที่สมบูรณ์ ถูก compiled แล้ว ไม่สามารถแก้ไขได้อีก
เครื่องคอมพิวเตอร์ที่เปิดเล่นได้ ต้องติดตั้งโปรแกรมเสริม (Flash Player) 
หรือเป็นเครื่องที่ติดตั้งโปรแกรม Flash (ซึ่งจะมี โปรแกรมเสริม Flash Player ให้แล้ว)

ส่วนประกอบของโปรแกรม Flash

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

  1. แถบชื่อหัวเรื่อง (Title Bar) แสดงปุ่มควบคุมหลัก (Control Menu) ชื่อโปรแกรม และปุ่มควบคุมหน้าต่างโปรแกรม

  2. เมนูบาร์ (Menu Bar) แสดงรายการคำสั่งต่างๆ ของโปรแกรม

  3. ไทม์ไลน์ (Timeline) หน้าต่างแสดงเส้นควบคุมเวลาสำหรับการนำเสนอผลงาน ประกอบด้วยส่วนทำงานเกี่ยวกับ Layer และ Timeline
  4. ทูลบ็อกซ์ (Toolbox) แสดงปุ่มเครื่องมือเกี่ยวกับการวาดภาพ สร้างภาพ ซึ่งสามารถ ซ่อน แสดง ได้ด้วยการคลิกเมนู Windows > Tools

  5. แถบแก้ไข (Edit Bar) ใช้แสดงชื่อ Scene จัดการกับหน้าจอโปรแกรม ปรับขนาดมุมมองของสเตจ ซึ่งสามารถซ่อน/แสดง ได้ด้วยการคลิกเมนู Windows > Toolbars > Edit Bar

  6. สเตจ (Stage) พื้นที่ส่วนที่ใช้ในการวางวัตถุต่าง ๆ หรืออาจจะเรียกว่า "เวที" เมื่อมีการนำเสนอผลงานจะ แสดงเฉพาะวัตถุบน Stage เท่านั้น
  7. แถบคุณสมบัติ (Properties) ใช้กำหนดค่าคุณสมบัติของ สเตจและออบเจ็กต์ต่าง ๆ โดยรายละเอียดที่ปรากฏขึ้นมา จะเปลี่ยนแปลงไปตามเครื่องมือหรือออบเจ็กต์ที่กำลังคลิกเลือก สามารถซ่อน/แสดง ได้ด้วยการคลิกเมนู Windows > Properties > Properties หรือกดปุ่ม Ctrl + F3

  8. พาเนล (Panel) หน้าต่างหรือชุดคำสั่งพิเศษที่ใช้ทำงานเฉพาะด้าน เช่น พาเนล Color ใช้เลือกและผสมสี พาเนล Library ใช้จัดเก็บออบเจ็กต์ต่าง ๆ เป็นต้น ซึ่งสามารถเปิดเรียกได้ด้วยการคลิกที่เมนู Windows

เครื่องมือต่างๆ บนทูลบ็อกซ์ Toolbox

ทูลบ็อกซ์ (Toolbox) เป็นกล่องเก็บอุปกรณ์ที่ใช้ในการสร้าง ปรับแต่ง และแก้ไขวัตถุ เราสามรถเรียกใช้งานทูลบ็อกซ์ ได้โดยเลือกคำสั่ง Windows > Tools แล้วคลิ้กเลือกเครื่องมือได้ตามต้องการ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

เครื่องมือต่างๆ บนทูลบ็อกซ์

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Selection Tool ( V ) คำสั่ง Selection การเลือกวัตถุ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Subselection Tool ( A ) คำสั่ง Selection การเลือกวัตถุ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Free Transform Tool ( Q ) ยืด หด ย่อ หรือขยายขนาดของวัตถุ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Gradient Transform Tool ( F ) ปรับแต่งการไล่โทนสีแบบ Linear และ Radial

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Lasso Tool ( L ) คำสั่ง Selection การเลือกวัตถุ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Pen Tool ( P ) วาดเส้นและส่วนโค้งต่าง

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Add Anchor Point Tool ( = ) เพิ่มจุดแองเคอร์

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Delete Anchor Point Tool ( - ) ลบจุดแองเคอร์

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Convert Anchor Point Tool ( C ) ปรับเปลี่ยนเส้นโค้งให้เป็นมุม

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Text Tool ( T ) พิมพ์ตัวอักษร

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Line Tool ( N ) วาดเส้นตรง

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Rectangle Tool ( R ) วาดสี่เหลี่ยม

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Oval Tool ( O ) วาดวงกลม

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Rectangle Primitive Tool ( R ) วาดสี่เหลี่ยมแบบปรับแต่งรูปทรงได้

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Oval Primitive Tool ( O ) วาดวงกลมแบบปรับแต่งรูปทรงได้

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 PolyStar Tool วาดรูปหลายเหลี่ยม/รูปดาว

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Pencil Tool ( Y ) ดินสอวาดภาพ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Brush Tool ( B ) แปรงระบายสี

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Ink Bottle Tool ( S ) ปรับแต่งเส้นขอบของวัตถุ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Paint Bucket Tool ( K ) เทสีพื้น

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Eyedropper Tool ( I ) คัดลอกสีที่ต้องการ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Eraser Tool ( E ) ยางลบ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Hand Tool ( H ) จับ Stage เลื่อนไปยังที่ต้องการ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Zoom Tool ( M,Z ) ซูมย่อ/ขยายหน้าจอ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Stroke color ปรับแต่งสีของเส้นขอบ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Fill color ปรับแต่งสีของพื้น

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Black and white เปลี่ยนสี Stroke Color กับ Fill Color เป็นสีขาว/ดำ

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 Swap colors สลับสีระหว่าง Stroke Color กับ Fill Color

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
 No color เปลี่ยนสี Stroke Color ให้ไม่มีสี

การสร้างไฟล์งาน

ในการเปิดโปรแกรมจะปรากฏหน้าจอ Welcome Screen เพื่อให้คลิกเลือกรูปแบบในการสร้างไฟล์งาน จากนั้นจึงสามารถปรับขนาดของสเตจได้ตามต้องการ

1. คลิกเลือก Flash File (ActionScript 2.0) จากส่วนของ Create New เพื่อสร้างไฟล์งานใหม่

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

2. กดปุ่ม ctrl+J จากนั้นจะปรากฏไดอะล็อกบ็อกซ์ Document Properties ขึ้นมา

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

3. พิมพ์กำหนดขนาดความกว้าง ความสูงของพื้นที่ทำงานลงในช่อง Dimensions

4. ปรับสีพื้นหลังที่ Background color ตามต้องการ

5. กำหนดอัตราการเล่นเฟรมต่อวินาทีที่ Frame rate ค่าปกติจะอยู่ที่ 12 fps

6. คลิกปุ่ม OK เพื่อยืนยันคำสั่ง จากนั้นพื้นที่สเตจจะมีขนาดเปลี่ยนแปลงไปตามค่าที่กำหนดไว้

7. ออกแบบผลงานได้ตามต้องการ

มุมมองจอภาพ

Stage เป็นพื้นที่หลักของการสร้างงาน ดังนั้นเครื่องมือชุดแรกที่ควรทราบ ก็คือเครื่องมือในกลุ่ม View ซึ่งจะใช้ในการควบคุม Stage เป็นหลัก เช่น การย่อ/ขยาย Stage การเลื่อน Stage เป็นต้น

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
Hand tool  เป็นเครื่องมือที่ใช้เลื่อนและปรับขนาดของ Stage ใช้วิธี Drag & Drop เพื่อเลื่อน Stage

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
Zoom tool  เป็นเครื่องมือปรับขนาดของ Stage

    • ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
      รูปแบบการย่อ  
    • ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ
      รูปแบบการขยาย  

การทดสอบผลงาน

ภายหลังจากการออกแบบภาพเคลื่อนไหวเรียบร้อยแล้ว เราสามารถตรวจสอบผลงานที่สร้างไว้ได้ ดังนี้

  1. สามารถดูการเคลื่อนไหวของออบเจ็กต์ที่อยู่ในแต่ละเฟรมได้โดยคลิกที่เมนู Control > Play หรือกดปุ่ม Enter ออบเจ็กต์บนสเตจก็จะเคลื่อนไหวตามที่ได้ออกแบบไว้

  2. หรือคลิกเมนู Control > Test Movie หรือกดปุ่ม Ctrl + Enter ผลงานที่สร้างไว้จะปรากฏขึ้นมาในลักษณะเป็นมูฟวี่

การบันทึกไฟล์

ภาพที่วาดที่สร้างเสร็จแล้ว หรือปรับแต่งแก้ไขแล้ว ควรบันทึกไฟล์เก็บไว้ทุกครั้ง  การบันทึกไฟล์สามารถใช้คำสั่ง File > Save เพื่อบันทึกลงไฟล์เดิม หรือ File > Save As… เพื่อบันทึกเป็นไฟล์ใหม่ก็ได้ โดยไฟล์แฟลชจะมีนามสกุลคือ  ".fla"  และตอนเซฟไฟล์นั้น เราสามารถเลือกเซฟย้อนกลับไปได้อย่างน้อย 1 เวอร์ชั่น (cs3 คือเวอร์ชั่น 9 ฉะนั้นสามารถเซฟเป็นเวอร์ชั่น 8 ได้)

ประโยชน์ ของโปรแกรม Flash มา 3 ข้อ

ข้อควรรู้ - เมื่อเปิดไฟล์แฟลชคนละเวอร์ชั่นกับตอนที่เซฟ เราสามารถนำแฟลชที่ถูกเซฟจากเวอร์ชั่นเก่ากว่า มาเปิดในโปรแกรมแฟลชเวอร์ชั่นใหม่กว่าได้ แต่เราไม่สามารถเอาไฟล์แฟลชที่ถูกเซฟจากเวอร์ชั่นที่ใหม่กว่าไปเปิดยังโปรแกรมแฟลชเวอร์ชั่นที่เก่ากว่าได้ (ฉะนั้นไฟล์ที่ถูกเซฟจาก cs3 จะไม่สามารถนำไปเปิดในแฟลชเวอร์ชั่น 8 ได้ ดังนั้นต้องเซฟให้ตรงกับเวอร์ชั่นที่จะนำไปเิปิด ไม่งั้นแฟลชจะเตือนว่าไม่สามารถเปิดได้)

แต่เนื่องจากไฟล์ .fla เป็นไฟล์ต้นฉบับ ไม่สามารถนำไปใช้งานได้ ก่อนนำไฟล์ภาพที่สร้างด้วย Flash ไปใช้งาน เราจะต้องทำการสร้างไฟล์ .swf ขึ้นมา ซึ่งจะเป็นไฟล์ที่ถูกนำไปใช้จริงทั้งงานออฟไลน์ (เปิดบนเครื่อง) และงานออนไลน์ (บนเว็บไซต์) 

โดยเราสามารถทำการสร้างได้ 3 วิธีคือ 
1) ทำการกดทดสอบโดยการกด <Ctrl+Enter> ซึงจะได้เฉพาะไฟล์ประเภท .swf เท่านั้น
2) เลือกเมนู File --> publish โดยจะได้ไฟล์ทั้งหมดตามที่เราเลือกเอาไว้
3) เลือกเมนู File --> export โดยจะได้ไฟล์ตามนามสกุลที่เราเลือก