ตอนที่14: การทำภาพเคลื่อนไหว


Photoscape ตอนที่ 14 มาทำภาพเคลื่อนไหวกันค่ะ จะเป็นภาพเคลื่อนไหวออกแนวสไลด์โชว์ ที่นำภาพที่ต้องการมาใส่ Effect แล้ว Save ไฟล์เป็นรูปภาพที่มีนามสกุลเป็น gif เพื่อนำไปติดใน Blog หรืออื่นๆ วิธีการทำก็ไม่ยาก มาดูกันเลยค่ะ เริ่มจากเปิดโปรแกรม Photoscape คลิกเลือกเมนูภาพเคลื่อนไหว

จากนั้นเปิดโฟลเดอร์ภาพที่ต้องการ และลากภาพที่ต้องการทำภาพเคลื่อนไหวมาใส่ในพื้นที่งาน

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

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

เมื่อคลิกที่ปุ่ม > ที่ด้านล่างแต่ละภาพ จะสามารถแก้ไขเวลาและเลือกคำสั่งอื่นๆ ได้

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

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

เมื่อคลิกปุ่มแก้ไขเวลาจะปรากฏดังภาพ พิมพ์ตัวเลขเวลาที่ต้องการลงไป ในตัวอย่าง 125 คือ 1.25 วินาที สามารถเลือกได้ว่า จะเปลี่ยนเฉพาะเฟรม(ภาพ)ที่เลือก หรือเปลี่ยนเวลาให้กับทุกเฟรม(ภาพ)

ปุ่มแก้ไขเอฟเฟค มีให้เลือก 8 แบบ

ต่อมาเป็นแสดงขนาดของภาพ การกำหนดขนาดของภาพ อัตราส่วนย่อ/ขยาย สามารถเลื่อนเพื่อย่อขยายขนาดของภาพได้ ส่วนสีคือ สีของการเปลี่ยนภาพหากเลือกการเปลี่ยนภาพแบบเปลี่ยนเป็นสีพื้นหลัง

ส่วนล่างสุดคือการแสดงผลของภาพที่ทำ และการเลือกตำแหน่งของภาพ

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

จากนั้นเมื่อเสร็จเรียบร้อยจะแจ้งผลและบอกขนาดไฟล์ ขนาดไฟล์ที่ได้จากการทำจะค่อนข้างใหญ่ ถ้าต้องการให้ได้ขนาดไฟล์ gif ที่เล็กรูปที่นำมาทำ ต้องมีขนาดไม่ใหญ่มาก

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

แบบเลื่อนขึ้น เพื่อแสดงภาพต่อไป

 แบบเลื่อนลง เพื่อแสดงภาพต่อไป

แบบเลื่อนออกทางซ้าย เพื่อแสดงภาพต่อไป

 

แบบเลื่อนออกทางขวา เพื่อแสดงภาพต่อไป

แบบเปลี่ยนเป็นสีพื้นหลัง สามารถเลือกสีได้จากแถบด้านข้าง

ในตัวอย่างนี้เลือกสีฟ้า

แบบเปลี่ยนเป็นสีดำ

แบบเปลี่ยนเป็นสีขาว

 

ภาพที่ได้ก็สามารถเอาไปใช้งานต่างๆ ได้ตามที่ต้องการ ลองทำดูนะคะ ^_^

ขอบคุณที่เข้ามาเยี่ยมชม Blog ของ bombik ค่ะ

 

11 comments on "ตอนที่14: การทำภาพเคลื่อนไหว"

Jin's picture
Jin (visitor) said on Fri, 12/04/2009 - 20:38:

ขอบคุณมากค่ะ มีประโยชน์มากๆ ค่ะ

jaew's picture
jaew (visitor) said on Wed, 12/23/2009 - 08:19:

thanks a lot ka

Tahwan's picture
Tahwan (visitor) said on Mon, 06/21/2010 - 14:00:

พอเอาไปอัพโหลดใน photobucket แล้วมันไม่สไลท์อ่ะค่ะ
จะเอามาลงhi5 ต้องอัพโหลดเวบไหนหรอค่ะ

bombik's picture
bombik said on Mon, 06/21/2010 - 15:10:

จริงๆ เป็นภาพ .gif  เอา Code มาก็น่าจะได้ -_-a

ถ้าต้องการภาพสไลด์ลักษณะนี้ งั้น..แนะนำเว็บนี้ค่ะ ทำได้หลายแบบสวยด้วย
แค่ Copy Code มาใส่ใน Hi5 ค่ะ
http://www.slide.com รู้สึกใน Hi5 ก็จะมีลิ้งค์อยู่

ลองคลิกเข้าไปลองทำนะคะ ^_^

Atchara's picture
Atchara (visitor) said on Sun, 10/17/2010 - 20:06:

แล้วการทำภาพ Mosaic โดยใช้เมนู combine ล่ะค่ะ ทำยังไง

bombik's picture
bombik said on Sun, 10/24/2010 - 10:20:

Combine คือการต่อภาพ ถ้าหากอยากนำภาพที่ต่อมาทำ Mosaic ก็ให้ Save ไฟล์ภาพที่ต่อนั้นมาก่อน แล้วจึงไปเปิดในเมนู Editor เลือกแถบ Tools แล้วเลือก Mosaic ค่ะ ทำเสร็จแล้วก็ Save ตามปกติ

mammee's picture
mammee (visitor) said on Sat, 10/23/2010 - 10:38:

พี่ค่ะเวลาเซฟแล้วไปเปิดดูที่ไฟล์ไม่เห็นมันสไลด์เลยทำไงดีค่ะ

bombik's picture
bombik said on Sun, 10/24/2010 - 10:29:

ตอนที่ทำในโปรแกรมมันแสดงผลให้ดูเป็นแบบสไลด์หรือเปล่าคะ โดยปกติถ้าแสดงผลยังไงเวลา Save จะเป็นไฟล์ .gif ที่มีการเคลื่อนไหวตามที่เราเลือก ลองทำแล้ว Save ใหม่ดูอีกทีนะคะ

Cat's picture
Cat (visitor) said on Fri, 01/28/2011 - 03:36:

มือใหม่อย่างเราก็ทำได้เนอะ
ดีใจจัง ขอบคณคะ

บี's picture
บี (visitor) said on Tue, 02/22/2011 - 21:58:

ขอบคุณมากนะคะ สำหรับบทความดีดี

napat's picture
napat (visitor) said on Tue, 03/29/2011 - 11:49:

มีประโยชน์มากมายคะ

ขอบคุณมากคะ

Powered by Drupal, an open source content management system

Copyright © 2009 bombik - Theme ported to Drupal by kong
CSS Templates by Inf Design - Valid XHTML & CSS