วิธีใช้ Ulead Cool สร้างภาพ Panorama หรือ Wide angle

วิธีใช้ Ulead Cool สร้างภาพ Panorama หรือ Wide angle

ปกติแล้วการถ่ายภาพ Panorama หรือการถ่ายภาพ Wide angle ต้องใช้เลนซ์ชนิดพิเศษถ่ายโดยเฉพาะ
แต่โดยคุณสมบัติของเจ้าโปรแกรมนี้สามารถทำให้ถาพจากกล้องดิจิตอลธรรมดา ก็ทำเป็นภาพ Wide Angle หรือpanorama ได้ครับ
หลักการก็คือ ถ่ายภาพอย่างน้อย 3 ภาพ (หรือมากกว่า) ด้วยการแพนกล้อง โดยให้ขอบภาพเหลื่อมกันไว้เล็กน้อยครับ

ก่อนอื่นด้องออกตัวก่อนว่า ผมเพิ่งลองเล่นวันนี้เอง มีท่านใดที่แนะนำแล้ว หรือผิดพลาดประการใดขออภัยด้วยครับ

เริ่มตามภาพเลยนะครับ

เลือก Wide angle image ครับ
ส่วน full 360? panorama นั้น คาดว่าคงจะต้องใช้ภาพถ่ายเยอะ คือถ่ายรอบตัว 360 องศาเลย คงจะได้ลองในโอกาสต่อไป

เสร็จแล้วกด Next ครับ

ตามภาพเลยครับ

ถ้าภาพไม่เรียงลำดับ ก็สลับให้ตรงครับ

ทำตามภาพครับ เสร็จแล้วคลิ๊ก Finish

จะขึ้น Step 2 Adjust
1. ถ้าความเข้ม หรือสว่าง ของแต่ละภาพไม่เท่ากัน ก็สามารถปรับได้ครับ
2. เลื่อนปุ่มเล็กๆใต้ภาพ เพื่อดูว่าภาพได้เชื่อมกันสมบูรณ์หรือไม่

ถ้าภาพเหลื่อมกันอยู่ก็สามารถเลื่อนได้ครับ เมื่อได้แล้ว คลิ๊ก Step 3 ต่อไป

มายัง Step 3 Finish
1. ตรวจสอบความเรียบร้อยอีกครั้ง โดยเลื่อนปุ่มข้างล่าง
2. คลิ๊ก Save ถ้าต้องการ Save Project
3. จากนั้น Export ครับ

ได้ภาพมาแล้วครับ ผมย่อขนาดมา เพื่อไม่เป็นการเปลืองพื้นที่ วิวแถวบ้านไม่ค่อยสวยเท่าไหร่ ไว้ไปเที่ยวเมื่อไหร่จะเก็บภาพสวยๆกว่านี้มาฝาก อิอิ

วิธีใช้ DIGI STUDIO สร้างภาพการ์ตูนเคลื่อนไหว ง่ายๆ

วิธีใช้  DIGI STUDIO สร้างภาพการ์ตูนเคลื่อนไหว ง่ายๆ

เพิ่งไปค้นเจอโปรแกรมที่เคย Copy มาจากเพื่อน เอาไว้สำหรับสร้างภาพการ์ตูน โดยใช้ภาพถ่ายจากกล้องดิจิตอลมาทำเป็นหน้าการ์ตูน และตกแต่งเครื่องประดับ เสื้อผ้าให้กับการ์ตูน ใส่ดนตรีประกอบ พร้อมท่าเต้นมันส์ๆด้วยเหมาะสำหรับให้เด็กๆเล่น หรือผู้ใหญ่จะเอาไว้ใส่เสียงพูดของตัวเองลงไปก็ได้ สำหรับอวยพรวันเกิดคนที่เรารัก หรืออวยพรวันปีใหม่ก็ได้ครับ

1. กรุณาตรวจสอบคุณสมบัติของเครื่องคอมพิวเตอร์ตามรูปก่อนนะครับ

จากนั้นติดตั้งให้เรียบร้อย ซึ่งเมื่อติดตั้งเสร็จแล้วให้คลิกที่ไอคอน

2. เมื่อเปิดโปรแกรมขึ้นมา แล้วจะเจอกับหน้าต่างโปรแกรมดังรูป โดยมีเครื่องมือและปุ่มต่างๆที่เราควรรู้คร่าวๆดังรูป

2.1 แถบเมนูเครื่องมือด้านบน จะมีเครื่องมือให้เราเลือกหลายอย่างเช่น การสร้างหน้าการ์ตูน การเลือกทรงผม การเลือกเครื่องแต่งกาย ฯ

2.2 มุมมอง เป็นปุ่มให้เราคลิกเลือกมุมมองของการ์ตูนที่เราจะสร้างขึ้นว่าจะให้เป็นมุม มอง หน้าอย่างเดียว ครึ่งตัว หรือ เต็มตัว โดยเราสามารถใช้เมาส์คลิกที่ภาพเพื่อปรับค่าต่างๆดังนี้

คลิกซ้าย เพื่อหมุนภาพการ์ตูน
คลิกขวาเพื่อซูมภาพเข้าออก
คลิกซ้ายขวาพร้อมกันเพื่อเลื่อนภาพการ์ตูนไปซ้าย ขวา บน ล่าง

2.3 บันทึกอาวาตาร์ ใช้สำหรับบันทึกรูปหน้าการ์ตูนที่เราได้สร้างขึ้น

2.4 ไฟล์วีดีโอ ใช้สำหรับ export งานที่เราสร้างขึ้นมาเป็นไฟล์ AVI หรือ MOV


3. ขั้นตอนนี้เป็นขั้นตอนการนำภาพหน้าคนจากภาพถ่ายมาสร้างเป็นหน้าการ์ตูน

3.1 คลิกที่เมนูเครื่องมือ หน้า แล้วเลือกว่าจะสร้างหน้าผู้ชายหรือผู้หญิง

3.2 จากนั้นดับเบิ้ลคลิกเลือกรูปแบบของหน้า มีทั้งผิวขาว ผิวดำ คิกขุ เปรี้ยว สาวออฟฟิซ ฯ

3.3 คลิกที่เมนูเครื่องมือหน้าอีกครั้ง

แล้วเลือกคำสั่ง รูปภาพ จะปรากฏหน้าต่างดัง

โดยคลิกที่คำสั่ง เปิดรูปภาพ เพื่อนำภาพถ่ายเข้ามา (ภาพถ่ายที่นำมาควรเป็นภาพหน้าตรง ไม่ควรยิ้ม และมีขนาดหน้าใหญ่พอสมควร ตรงนี้ต้องทดลองเอาเองครับ)

3.4 เมื่อภาพถ่ายถูกนำเข้ามาในโปรแกรมแล้ว จะปรากฏจุดวงกลมสีเขียว 2 วง เส้นตรงสีเหลือง 1 เส้น

ให้เราย้ายวงกลมไปที่ดวงตา ย้ายเส้นตรงไปที่ปาก ดังรูป จากนั้นคลิกที่ จำค่า

3.5 สังเกตรูปการ์ตูนทางหน้าต่างด้านซ้ายมือ จะเปลี่ยนเป็นหน้าของภาพที่เรานำมาใส่แล้วครับ

และถ้าหากเราเห็นว่ามันไม่สวยหรือไม่เข้าท่า ให้คลิกที่ ภาพถ่าย ด้านขวามือครับ จะเป็นการยกเลิกหน้าที่ทำเมื่อสักครู่

3.6 หากเราเห็นว่ามันสวยเหมาะสมดีแล้ว ให้บันทึกหน้านี้เก็บไว้โดยคลิกที่คำสั่ง บันทึกอาวาตาร์ ดังรูปครับ

4.ขั้นตอนนี้เป็นขั้นตอนการแต่งตัวครับ ใครอยากจะใส่อะไรก็เชิญเลยครับ

4.1 เลือกทรงผม โดยคลิกที่คำสั่งผม ด้านบนเมนูเครื่องมือ แล้วก็เลือกเอาเลยครับว่าจะเอาทรงอะไร

4.2 เลือกเครื่องแต่งกาย โดยคลิกที่คำสั่ง เสื้อผ้าตัวอย่าง ด้านบนเมนูเครื่องมือ

4.2.1 เลือกทั้งชุด จะเป็นการเลือกเครื่องแต่งกายแบบชุด เช่น ชุดซานตาครอส ชุดระบำแขก เป็นต้น

4.2.2 เลือกท่อนบน จะเป็นการเลือกเครื่องแต่งกายท่อนบน ตามต้องการ

4.2.3 เลือกท่อนล่าง จะเป็นการเลือกเครื่องแต่งกายท่อนล่าง ตามต้องการ

หมายเหตุ หากเลือกแบบทั้งชุด ก็ต้องไม่เลือกแบบท่อนบนและท่อนล่างนะครับ ไม่งั้นชุดที่เราเลือกจะหายไป

4.3 เลือกเครื่องประดับ โดยคลิกที่คำสั่ง สิ่งอื่นๆ ด้านบนของเมนูเครื่องมือ ส่วนจะมีอะไรให้เลือกบ้างนั้น ลองดูตัวอย่างคร่าวๆดังรูปครับ

4.4 เลือกฉากหลัง โดยคลิกที่คำสั่ง ฉากหลัง ด้านบนของเมนูเครื่องมือ โดยจะมีฉากหลังแบบ 2D 3D และแบบกรอบรูป

5. ขั้นตอนนี้เป็นขั้นตอนการใส่เพลง และเสียงพูด ครับ

5.1 การใส่เพลง ให้โดยคลิกที่คำสั่ง เสียง >เพลง ด้านบนของเมนูเครื่องมือ แล้วคลิกที่ Open เพื่อนำเข้าเพลง MP3 ที่เราต้องการ หรือ ถ้าเราจะใช้เพลงที่มีมากับโปรแกรมก็ได้ครับ

5.2 การใส่เสียงพูด หากเราต้องการเอาเสียของเราเองมาใส่ให้กับการ์ตูน (ให้การ์ตูนขยับปากเป็นคำพูดเรา) เราจะต้องบันทึกเสียงของเราเป็นไฟล์ *.wav หรือ *.mp3 เก็บไว้ในเครื่องเสียก่อนโดยใช้โปรแกรม Sound Recorder ที่มีในวินโดวส์ก็ได้ครับ จากนั้นก็คลิกที่คำสั่ง เสียงพูด แล้วคลิกที่ Open เพื่อนำเข้าเสียงพูด หรือ ถ้าเราจะใช้เสียงพูดที่มีมากับโปรแกรมก็ได้ครับ

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

7. สังเกตว่า เมื่อเราเลือกแต่ละอย่างตั้งแต่ขั้นตอนที่ 4 เป็นต้นมา หน้าต่างด้านซ้ายมือจะแสดงรูปการ์ตูนพร้อมสิ่งของเครื่องประดับที่เราเลือก และเมื่อเราเลือกทุกอย่างเสร็จแล้ว หากต้องการดูรูปการ์ตูนที่เราสร้างแบบเต็มจอ ให้คลิกที่ ขยาย

จะปรากฏหน้าต่างขึ้นมาใหม่

ซึ่งหน้าต่างนี้ เราสามารถปรับดุมุมมอง ซูมเข้าซูมออก ขยาย 100% 150 % 200% ก็ได้ครับ

8. ขั้นตอนนี้เป็นขั้นตอนการ Export งานที่เราสร้างออกมาเป็นไฟล์วีดีโอ

8.1 เริ่มต้นโดยคลิกที่ สร้างวีดีโอ

8.2 จากนั้นคลิกเลือกไฟล์วีดีโอที่จะส่งออกแบบ AVI หรือ MOV (ไฟล์ MOV ต้องใช้โปรแกรม QuickTime เปิดนะครับ)

8.3 ลากลูกศรสีน้ำเงินเพื่อปรับระยะเวลาการเล่น ว่า จะให้ไฟล์นี้เล่นนานกี่วินาที

8.4 คลิกที่สร้าง แล้วก็นั่งรอครับ ส่วนจะช้าจะเร็วก็ขึ้นอยู่กับข้อ 8.3 ครับ ว่าเราเลือกกี่วินาที

จบแล้วครับ ขอให้สนุกกับการสร้างการ์ตูนชุดนี้นะครับ

เก็บข้อมูลอย่างมีสไตล์ ด้วย Folder Lock

เก็บข้อมูลอย่างมีสไตล์ ด้วย Folder Lock 

การเก็บข้อมูลต่างๆอย่างไม่เป็นระเบียบ..อาจเสี่ยงกับ ข้อมูลอาจสูญหายได้.. วิธีนี้ช่วยท่านได้

1. เปิดโปรแกรมขึ้นมา
2. ใส่ password รหัสผ่าน ที่คิดว่าจะจำได้
3. คลิ๊กที่ set เพื่อสร้าง รหัสผ่าน

4. ใส่ รหัสผ่าน เหมือนที่ตั้งไว้ทีแรก
5. จากนั้นคลิ๊ก confirm เพื่อยืนยันการสร้างรหัสผ่าน

6. จากนั้น โปรแกรมจะสร้าง แฟ้มข้อมูล ส่วนตั๊ว ส่วนตัว ขึ้นมาให้ ดังภาพ

7. ติ๊กที่ช่อง ตามภาพ เพื่อไม่ให้ tips การใช้โปรแกรม ขึ้นมากวนใจอีก

มาดูเมนู การใช้งานกันบ้าง
Open คือ ปลดล๊อคแฟ้มข้อมูลส่วนตัว เพื่อจะได้เข้าไปใช้งาน
Lock คือ ทำการล๊อคแฟ้มข้อมูล เมื่อเราเลิกใช้งานแล้ว
Option คือ การตั้งค่า อื่นๆ เช่น เมื่ออยากเปลี่ยนรหัสผ่านใหม่ และอื่นๆ
Register คือ การลงทะเบียนโปรแกรม

สร้างสื่อการเรียนการสอนด้วย camtasia 6

สร้างสื่อการเรียนการสอน และ งานพรีเซนเทชั่นด้วย camtasia 6 
สร้างสื่อการสอนและงานด้วย camtasia 6 (ตอนที่ 1 : มีอะไรใหม่)

       Camtasia Studio ถือโปรแกรมจับหน้าจอเคลื่อนไหว เพื่อทำสื่อการเรียนการสอน ที่อาจเรียกได้ว่า มีผู้รู้จัก และคุ้นเคยมากที่สุดในยุคนี้ก็ว่าได้ เพื่อนชาวบล็อกหลายคน คงเคยใช้กันมาบ้าง โปรแกรมนี้ มีการพัฒนาอย่างต่อเนื่องมาตลอด และนี่คือเวอร์ชั่น Camtasia Studio 6.0

 

      สำหรับรูปร่างหน้าตาหลัก ๆ มองดูไม่มีอะไรเปลี่ยนไปนัก แต่เขาว่าความเปลี่ยนแปลงสำคัญคือ การปรับระบบในส่วนในการตัดต่อภาพเคลื่อนไหวที่จับภาพ
มาแล้ว ให้ใช้งานสะดวก รวดเร็วขึ้น โดยผู้พัฒนาบอกว่าเร็วขึ้นถึง 30% สำหรับการทำงาน แก้ไข ปรับปรุง เพิ่มเติม แม้แต่้สร้างโปรเจ็คท์ขนาดใหญ่ก็ตาม ซึ่งเท่าที่ทดสอบดูในขั้นต้น ผมรู้สึกว่าทำได้ดีครับ ดีกว่า เวอร์ชั่นที่ 4-5 ที่ผ่านมาอย่างมาก ลองดูแล้วว่าสะดวกกว่าตามที่กล่าวอ้างจริง ๆ

      ในเวอร์ชั่นก่อน ๆ การแก้ไข ปรับปรุง ไฟล์ที่จับภาพมาแล้ว ถือได้ว่าทำงานไม่ค่อยสะดวก และค่อนข้างมีข้อจำกัดหลายอย่างด้วย แต่เวอร์ชั่นนี้ ใช้ได้เลย มีการปรับปรุงเพิ่มเติมหลายอย่างที่ดีขึ้น

 

      เวอร์ชั่นนี้สามารถกำหนด Shortcut หรือคีย์ลัด ให้ผู้ใช้งานสะดวกขึ้น เช่น กดปุ่ม S เพียงครั้งเดียว ณ จุดของวิดีโอ เท่ากับการตัดวิดีโอนั้นออกจากกันเป็นสองส่วน (S=Split) ตรงนี้สะดวกง่ายดาย เหมือนใช้โปรแกรม Sony Vegas ในการตัดต่อเลย

กดปุ่ม T (Transition) ก็สามารถตัดคลิป และเพิ่ม Transition ให้กับวิดีโอได้เลย
กดปุ่ม Z (Zoom) เพื่อการกำหนดการซูมเข้าออกเป็นต้น!
Shortcut ต่าง ๆ ที่ว่าสามารถกำหนดเปลี่ยนแปลงได้ด้วยครับ แต่ผมว่าไม่จำเป็นเพราะมันคือมาตรฐานที่ดีอยู่แล้วสำหรับการจดจำ

      เวอร์ชั่นนี้ มีระบบการแยกส่วนระหว่างเสียงและวิดีโอที่บันทึกมา ทำให้สามารถแก้ไขปรับปรุงได้อิสระขึ้น เช่น การพากย์เสียงเพื่อแก้ไขจุดที่ผิด การนำภาพอื่นๆ เข้ามารวม ฯลฯ มีการแก้ไขในส่วน Recoder หรือการบันทึกหน้าจอ ให้ใช้ง่าย และสะดวกขึ้นอีกด้วย

 

      นอกจากนี้ ก็มีการปรับเปลี่ยนการ แปลงไฟล์ เป็นรูปแบบต่างๆ ทำได้เร็วขึ้น โดยเฉพาะมีการเปลี่ยนแปลงในการทำงานกับ Flash เพื่อ net คือ ตัดการเปลี่ยนแปลงเป็นไฟล์ .flv (Flash Video) ออกไปเป็น เปลี่ยนไปเป็น .mp4 แทน ซึ่ง Flash Player 10 เวอร์ชั่นล่าสุดสามารถใช้งานได้ครับ

      ตรงจุดนี้ ผมว่าปัญหาสำคัญของ Camtasia สำหรับการสร้างสื่อการสอนในรูปแบบไฟล์ที่ใช้ Flash เป็นตัว Play นั้นคือ ขนาดของตัว Control หรือหน้าต่างสั่ง Play และ
ควบคุมการเคลื่อนที่ของวิดีโอที่สร้างขึ้น

      เวอร์ชั่นก่อน มีปัญหามากครับ คือเมื่อสร้างแล้ว ใหญ่ถึง 900 KB เกือบ 1 MB เลย นั่นหมายถึงว่า ใครอยากจะสอนผ่านเน็ต ผู้เรียนต้องเสียเวลาดาวน์โหลดไอ้ตัว Play นี่
มาในหน้าบราวเซอร์ นี่ก็เกือบ 1 MB แล้ว ยังไม่รวมไฟล์วิดีโอที่สร้างขึ้น ทำให้เสียเวลามาก

      นั่นคือเหตุผลที่เมื่อใช้ camtasia สร้างสื่อการสอน ผมจะเลี่ยงไปสร้างเป็นไฟล์ .wmv ที่มีขนาดเล็กกว่ามาก แต่อาจมีผล กับคนที่ไม่ได้ใช้ Internet Explorer เป็นบราวเซอร์หลัก รวมทั้งผู้ใช้เครื่อง MAC อาจดูไม่ค่อยจะได้ ซึ่งไม่เหมือนทำเป็น Flash (.swf และ .flv) ซึ่งทำงานได้บนทุกบราวเซอร์ และระบบปฏิบัติการ แต่สำหรับเวอร์ชันนี้ แก้ไขขนาด controller ให้มีขนาดเล็กลงประมาณ 400 KB ซึ่งถือว่าทำได้ดีขึ้น การเปลี่ยนให้ export ไฟล์ไปเป็น .mp4 ก็ช่วยทำให้ผู้ดาวน์โหลดไปเปิดที่เครื่องอื่น
ได้ง่ายขึ้นโดยใช้โปรแกรมเล่นไฟล์วิดีโอรุ่นหลัง ๆ ได้เกือบทุกตัว

      คุณภาพของภาพถือได้ว่า อยู่ในขั้นดีทีเดียว ขนาดก็เล็กใช้ได้ ผมลองทดสอบดูแล้ว อื่นๆ ก็มีที่หน้าสนใจคือการ support ไฟล์ .mov ในการนำเข้ามาร่วมใน project
และสามารถแก้ไขไฟล์ได้ เป็นต้น

      อ่านรายละเอียดอื่นๆ ได้จากเว็บไซต์เจ้าของโปรแกรม ตามลิงค์ http://www.techsmith.com/camtasia.asp 

      ใครยังไม่เคยใช้โปรแกรมนี้ ติดตามเอนทรีต่อๆไปนะครับ ผมจะแนะนำการใช้งานพื้นฐานทั้งหมดให้ทราบกันครับ
      โปรแกรมนี้มีประโยชน์มากสำหรับผู้ที่ต้องการทำสื่อการเรียนการสอน รวมไปถึง ประยุกต์ใช้งานในเชิงธุรกิจได้ดีด้วย

วิธีใช้ Ignite Web Graphics Optimizer

วิธีใช้ Ignite Web Graphics Optimizer โปรแกรมจัดการภาพ สำหรับคนทำเว็บ

โปรแกรมจัดการกับภาพสำหรับคนทำเว็ป ทำอะไรได้มั่ง ไม่รู้ครับ แต่ผมเอาตัดรูปเป็นส่วนๆ

http://www.ignite-it.co.uk/  Your Web Graphics Companion!

Ignite 2 is the essential web graphic tool for any web designer's tool kit!

Make great web graphics fast
Whether you want to produce fast downloading GIFs or JPEGs, make optimized animated GIFs, chop up images for use in tables or use web safe colours and more than 1300 hybrid colours web safe in your images, Ignite will do it all for you and much more.

คุณสมบัติทั่วไป
แบ่งภาพเป็นส่วนๆ  ลดขนาดไฟล์ (dimension)  จัดการเพิ่ม-ลดคุณภาพของสี  ช่วยให้การแสดงภาพหน้าเว็ปเร็วขึ้น

ถ้าบอกว่าโปรแกรมนี้สามารถทำงานได้คล้ายกับ Images Ready  เชื่อว่าหลายๆท่านคงรู้จักดี  ส่วนความสามารถจะมีขนาดไหนนั้น  คงต้องลองเองครับ

จากการทดลองใช้งาน  คิดว่าโปรแกรมนี้เป็นอีกโปรแกรมที่น่าสนใจสำหรับคนทำเว็ป  อีกทั้งขนาดโปรแกรมก็เล็กเพียง 1.12 mb เท่านั้น

รูปที่ 1. เปิดโปรแกรมขึ้นมาทุกครั้ง  จะมีหน้าต่างของ Cue card แนะนำการใช้  จะเปิดหรือปิดก็ได้

รูปที่ 2. เลือกภาพ File >> Open หรือ คลิกที่โฟลเดอร์เพื่อเลือกภาพที่ต้องการ

รูปที่ 3. คลิกขวาที่ภาพเลือก Split Images

รูปที่ 4. ตอนนี้เราจะได้กรอบ 4 กรอบภายในภาพ หากต้องการแบ่งมากกว่านี้ ให้เลื่อนเคอร์เซอร์ไปวางที่เส้นขอบ ทั้งแนวตั้งและแนวนอน หรือหากต้องการจัดเส้นใหม่ ให้เลื่อนเคอร์เซอร์ไปวางที่เส้น แล้วจัดวางตามชอบใจ

รูปที่ 5. ภาพนี้เป็นการรวมกรอบ 2 กรอบเข้าด้วยกัน คลิกกรอบที่ต้องการ และกด Shift คลิกอีกกรอบแล้วเลือก Join Cell จากนั้นก็ใส่ URL ที่กรอบซ้ายมือ พร้อมทั้งชื่อของภาพ (ALT) (จะใส่หรือไม่ก็ได้นะ) แล้วกด Enter ส่วนนี้ผมต้องการเอาไปทำเป็นลิงค์นะครับ ถ้าหากไม่ต้องการทำแบบนี้ก็ข้ามไป

รูปที่ 6. ต่อไปก็เตรียมจัดการกับ Output เพื่อตั้งค่าไว้ก่อน (ตามภาพ) เลือกฟอร์แมทของเป็นไฟล์อะไรก็ได้ ในที่นี้ผมเลือก *.gif แล้วกำหนดที่เก็บพร้อมกับตั้งชื่อไฟล์จากนั้นกด Set

รูปที่ 7. ตอนนี้เราได้แท็ป 00.gif เพิ่มมาอีกหนึ่งแท็ป นี้คือชื่อไฟล์ที่ผม Set ไว้ จากนั้นคลิก Finish Edit ตามภาพ

รูปที่ 8. คลิกที่แท็ป 00.gif หรือชื่อที่ตั้งไว้ แล้วเลือก Save Outputs ตามภาพ

รูปที่ 9. จากนั้นคลิกขวาที่ภาพตรงไหนก็ได้ เลือก Preview in browser

รูปที่ 10. จะเห็นตัวอย่างพร้อมขนาดภาพที่ถูกแบ่งไว้  ลิ้งค์ที่ทำไว้ไม่สามารถเปิดได้ตรงนี้นะครับ  เพราะอยู่คนละไดเรคทอรี่

รูปที่ 11. เซฟอีกครั้งจะได้ไฟล์ *.iwi เอาไว้แก้ไขในภายหลัง ตั้งชื่อแล้วเซฟ หากต้องการแก้ไข ให้คลิกขวาที่ภาพแล้วเลือก Edit split

รูปที่ 12. กลับเข้าไปดูที่เก็บไฟล์ของเรา  จะเห็นชื่อไฟล์ที่ถูกแบ่งตามด้วย A1.. B1.. และไฟล์ 00.html 00.iwi  ซึ่งเราสามารถเรียกไฟล์ HTML ขึ้นมา  แล้วก็อปปี้ Source code พร้อมทั้งแก้ไข  แล้วนำไปไว้ในไฟล์ Html ที่เราเขียนไว้ได้เลย

จบแล้วครับ..  นี่เป็นเพียงตัวอย่างง่ายๆเท่านั้น  ยังมีรายละเอียดอื่นๆเกี่ยวกับการใช้งาน  ซึ่งขอไปทำความเข้าใจก่อนนะครับ.. สวัสดี

ลองสร้างไฟล์เคลื่อนไหว Animation

รูปที่ 13. คลิก T ที่ทูลบาร์ แล้วพิมพ์ข้อความที่ช่อง Text paragraph ทางซ้ายมือ เสร็จแล้วกด Enter ทุกค่าในช่อง Text paragraph สามารถเปลี่ยนแปลงได้หมดนะครับ

รูปที่ 14. คลิกที่ New output เพื่อเตรียมเซฟไฟล์ไว้ก่อนครับ

รูปที่ 15. หากต้องการปรับขนาด ให้เอาเคอร์วางที่ขอบของพื้นที่ใช้งาน แล้วปรับทั้งแนวตั้ง-แนวนอน หรืออาจใช้คำสั่ง Fit canvas to object

รูปที่ 16. คลิกที่ Insert rectangle เพื่อใส่กรอปสี่เหลี่ยม และเลือก Transparent ตามภาพ

รูปที่ 17. Duplicate (ทำสำเนาครับ) หมายความว่าให้ทำสำเนามาจากเฟรมแรกครับ

รูปที่ 18. ปรับเวลาช้า-เร็วในการแสดงผลของแต่ละเฟรมครับ

รูปที่ 19. ต้องการตั้งเฟรมไหน ให้คลิกที่เฟรมนั้น หากต้องการกำหนดความเร็วใหม่ ก็ทำตามหัวข้อที่ผ่านมา

รูปที่ 20. Preview

รูปที่ 21. เซฟครับ สีแดงสำหรับไฟล์ HTML สีเหลืองสำหรับไฟล์ .iwi

รูปที่ 22. จบอีกแล้วครับ