Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร

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

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

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

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

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

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

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

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

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร

  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 แล้วคลิ้กเลือกเครื่องมือได้ตามต้องการ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร

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

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Selection Tool ( V ) คำสั่ง Selection การเลือกวัตถุ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Subselection Tool ( A ) คำสั่ง Selection การเลือกวัตถุ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Free Transform Tool ( Q ) ยืด หด ย่อ หรือขยายขนาดของวัตถุ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Gradient Transform Tool ( F ) ปรับแต่งการไล่โทนสีแบบ Linear และ Radial

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Lasso Tool ( L ) คำสั่ง Selection การเลือกวัตถุ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Pen Tool ( P ) วาดเส้นและส่วนโค้งต่าง

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Add Anchor Point Tool ( = ) เพิ่มจุดแองเคอร์

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Delete Anchor Point Tool ( - ) ลบจุดแองเคอร์

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Convert Anchor Point Tool ( C ) ปรับเปลี่ยนเส้นโค้งให้เป็นมุม

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Text Tool ( T ) พิมพ์ตัวอักษร

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Line Tool ( N ) วาดเส้นตรง

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Rectangle Tool ( R ) วาดสี่เหลี่ยม

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Oval Tool ( O ) วาดวงกลม

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Rectangle Primitive Tool ( R ) วาดสี่เหลี่ยมแบบปรับแต่งรูปทรงได้

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Oval Primitive Tool ( O ) วาดวงกลมแบบปรับแต่งรูปทรงได้

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 PolyStar Tool วาดรูปหลายเหลี่ยม/รูปดาว

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Pencil Tool ( Y ) ดินสอวาดภาพ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Brush Tool ( B ) แปรงระบายสี

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Ink Bottle Tool ( S ) ปรับแต่งเส้นขอบของวัตถุ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Paint Bucket Tool ( K ) เทสีพื้น

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Eyedropper Tool ( I ) คัดลอกสีที่ต้องการ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Eraser Tool ( E ) ยางลบ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Hand Tool ( H ) จับ Stage เลื่อนไปยังที่ต้องการ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Zoom Tool ( M,Z ) ซูมย่อ/ขยายหน้าจอ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Stroke color ปรับแต่งสีของเส้นขอบ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Fill color ปรับแต่งสีของพื้น

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Black and white เปลี่ยนสี Stroke Color กับ Fill Color เป็นสีขาว/ดำ

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 Swap colors สลับสีระหว่าง Stroke Color กับ Fill Color

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
 No color เปลี่ยนสี Stroke Color ให้ไม่มีสี

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

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

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

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร

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

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร

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

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

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

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

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

มุมมองจอภาพ

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

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
Hand tool  เป็นเครื่องมือที่ใช้เลื่อนและปรับขนาดของ Stage ใช้วิธี Drag & Drop เพื่อเลื่อน Stage

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
Zoom tool  เป็นเครื่องมือปรับขนาดของ Stage

    • Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
      รูปแบบการย่อ  
    • Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร
      รูปแบบการขยาย  

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

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

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

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

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

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

Free transform tool เป็นเครื่องมือที่ทำหน้าที่อะไร

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

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

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

Sub Selection Tool เป็นเครื่องมือที่ทำหน้าที่อะไร

Subselection Tool เป็นเครื่องมือสำหรับใช้ปรับแต่งรุปทรงที่วาดด้วยเครื่องมือต่างๆ ใน Flash ที่เป็นลักษณะรูปทรงโดย คลิกที่ ในทูลบ็อกซ์ แล้วคลิกเส้นในรูปทรงที่ต้องการแก้ไข จะปรากฏจุดแองเคอร์ จากนั้นเราก็สามารถปรับเปลี่ยนรูปทรง ได้ ดังนี้ ย้ายตำแหน่งรูปทรงทั้งรูป ให้คลิกที่เส้นแล้วลากไปยังตำแหน่งที่ต้องการได้

Stoke Color เป็นเครื่องมือที่ทำหน้าที่อะไร

Colors ที่อยู่ใน Toolbox. >> Stroke Color ใช้กำหนดสีให้กับสีเส้น >> Fill Color ใช้กำหนดสีให้กับสีพื้น

เครื่องมือ Free Transform Tool ทำหน้าที่อะไรในโปรแกรม Adobe Flash *

Q. เครื่องมือ Free Transform Tool ทำหน้าที่อะไร ย่อ-ขยายขนาดวัตถุ ใช้สร้างและตกแต่งวัตถุ เลือกพื้นที่ในรูปทรงอิสระ

Transform Tool คือกลุ่มคำสั่งเกี่ยวกับอะไร

Transform tool เครื่องมือกลุ่มนี้ใช้ในการปรับแต่งรูปทรงของวัตถุ ไม่ว่าจะเป็นหมุน เอียง บิด กลับด้าน ย่อ ขยาย นอกจากนี้ยังมีเอฟเฟคต่างๆด้วย Rotate tool ใช้ในการหมุนวัตถุ โดยการกำหนดจุดหมุนก่อนแล้วจึงทำการหมุน ซึ่งสามารถกำหนดได้ว่าต้องการหมุนกี่องศา ( กดคีย์ Alt)