Gif ย่อมาจาก Graphic Interchange Format เป็นไฟล์ภาพเคลื่อนไหวที่เว็บไซต์สามารถแสดงผลได้เหมือนกับ Jpeg ข้อดีของ GIF นั่นคือไม่มีการสูญเสียความละเอียดข้อมูลเวลาเซฟ, สามารถทำอนิเมชั่นได้ และยังสามารถทำให้รูป Transparent หรือทะลุเห็นพื้นหลังได้อีกด้วย สามารถนำภาพเคลื่อนไหว Gif ไปใช้เพื่อตกแต่งส่วนต่างๆของเว็บไซต์ได้ เช่น การทำ Gif เป็นข่าวสาร เพื่อเพิ่มความน่าสนใจให้ข้อมูล บทความนี้จึงเป็นการแนะนำวิธีสร้างภาพเคลื่อนไหว Gif ด้วยโปรแกรม Photoshop สามารถทำได้ดังนี้

ขั้นตอนการทำ

1.หลังจากเปิดโปรแกรม Adobe Photoshop เรียบร้อยแล้ว คลิกที่เมน File เลือก Open จากนั้นเลือกไฟล์ภาพทั้งหมดที่ต้องการนำมาทำเป็นภาพเคลื่อนไหว Gif

เลือกไฟล์ภาพทั้งหมดที่ต้องการนำมาทำเป็นภาพเคลื่อนไหว Gif
เลือกไฟล์ภาพทั้งหมดที่ต้องการนำมาทำเป็นภาพเคลื่อนไหว Gif

 

2.Copy ไฟล์ภาพที่สองมาไว้รวมกันในไฟล์ภาพแรก โดยการเปิดไฟล์ภาพที่สองแล้วกดปุ่ม Ctrl+A แล้วกดปุ่ม Ctrl+C

Copy ไฟล์ภาพที่สองมาไว้รวมกันในไฟล์ภาพแรก
Copy ไฟล์ภาพที่สองมาไว้รวมกันในไฟล์ภาพแรก

 

3.สลับมาหน้าไฟล์ภาพแรกแล้วกดปุ่ม Ctrl+V ที่คีย์บอร์ด เพื่อวางภาพที่สองมารวมกัน

วางภาพที่สองมารวมกัน
วางภาพที่สองมารวมกัน

 

4.คลิกเมนู Window เลือก Timeline

คลิกเมนู Window เลือก Timeline
คลิกเมนู Window เลือก Timeline

 

5.คลิกที่สามเหลี่ยมเล็กๆ เลือก Create Frame Animation

คลิกที่สามเหลี่ยมเล็กๆ เลือก Create Frame Animation
คลิกที่สามเหลี่ยมเล็กๆ เลือก Create Frame Animation

 

6.ปิดตาเลเยอร์ภาพที่สอง จากนั้นเลือกระยะเวลาในการแสดงภาพแรก

เลือกระยะเวลาในการแสดงภาพแรก
เลือกระยะเวลาในการแสดงภาพแรก

 

7.คลิกที่เมนู Duplicates selected frames

คลิกที่เมนู Duplicates selected frames
คลิกที่เมนู Duplicates selected frames

 

8.คลิกที่รูปตาที่เลเยอร์ภาพที่สองเพื่อให้แสดงแค่ภาพที่สองภาพเดียว แล้วปิดตาเลเยอร์ภาพแรก

ปิดตาเลเยอร์ภาพแรก
ปิดตาเลเยอร์ภาพแรก

 

9.เลือกระยะเวลาในการแสดงภาพที่สอง

เลือกระยะเวลาในการแสดงภาพที่สอง
เลือกระยะเวลาในการแสดงภาพที่สอง

 

10.ทดลองเล่นภาพเคลื่อนไหว โดยคลิกที่ Plays Animation

ทดลองเล่นภาพเคลื่อนไหว
ทดลองเล่นภาพเคลื่อนไหว

 

11.คลิกที่เมนู File เลือก Save for web...

คลิกที่เมนู File เลือก Save for web...
คลิกที่เมนู File เลือก Save for web...

 

12.เลือกเป็นไฟล์ Gif

เลือกเป็นไฟล์ Gif
เลือกเป็นไฟล์ Gif

 

13.เลือก Looping Options เป็น Forever แล้วคลิกที่ปุ่ม Save...

เลือก Looping Options เป็น Forever แล้วคลิกที่ปุ่ม Save...
เลือก Looping Options เป็น Forever แล้วคลิกที่ปุ่ม Save...

 

ภาพเคลื่อนไหว Gif

แสดงภาพเคลื่อนไหว Gif
แสดงภาพเคลื่อนไหว Gif

 

เนื้อหาเพิ่มเติม

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากมีเซิฟเวอร์เอง แบบไม่ฝาก โคโล
โดย genocideaon พฤ 14 ต.ค. 2010 11:19 am บอร์ด Linux - Web Server
5
3296
อ 11 ม.ค. 2011 12:01 am โดย mindphp View Topic อยากมีเซิฟเวอร์เอง แบบไม่ฝาก โคโล
หาที่เปลี่ยนชื่อ title bar ไม่เจอครับ (template ja_larix)
โดย teerapab พฤ 14 ต.ค. 2010 6:57 am บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
1781
ศ 15 ต.ค. 2010 9:16 am โดย mindphp View Topic หาที่เปลี่ยนชื่อ title bar ไม่เจอครับ (template ja_larix)
เน็ต 3bb ดีไหม ใครใช้เน็ตของ 3BB บ้างดีไหม
โดย ecitepage.com พฤ 14 ต.ค. 2010 12:33 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
9
7692
จ 13 มิ.ย. 2011 9:05 am โดย suukmiie View Topic เน็ต 3bb ดีไหม ใครใช้เน็ตของ 3BB บ้างดีไหม
หากเราต้องการเอาหน้าเว็บที่เราทำจาก joomla ใส่แผ่นซีดี
โดย ornuma พ 13 ต.ค. 2010 7:41 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
1414
พฤ 14 ต.ค. 2010 12:35 am โดย ecitepage.com View Topic หากเราต้องการเอาหน้าเว็บที่เราทำจาก joomla ใส่แผ่นซีดี
อัพเดทข้อมูลแล้วรูปไม่ได้อัพเดท ข้อมูลอยู่ในรูปหายไป
โดย Anonymous พ 13 ต.ค. 2010 2:57 pm บอร์ด Programming - PHP
1
1105
พ 13 ต.ค. 2010 3:00 pm โดย บุคคลทั่วไป View Topic อัพเดทข้อมูลแล้วรูปไม่ได้อัพเดท ข้อมูลอยู่ในรูปหายไป
แสดงไฟล์ที่อัพโหลดไม่ได้อ่ะคัฟ
โดย genocideaon พ 13 ต.ค. 2010 11:42 am บอร์ด Programming - PHP
15
2525
อ 19 ต.ค. 2010 9:48 am โดย mindphp View Topic แสดงไฟล์ที่อัพโหลดไม่ได้อ่ะคัฟ
เอาวิธีติดตั้ง PHPUnit มาฝากครับ
โดย ecitepage.com พ 13 ต.ค. 2010 2:58 am บอร์ด Linux - Web Server
1
1600
พ 13 ต.ค. 2010 3:18 am โดย ecitepage.com View Topic เอาวิธีติดตั้ง PHPUnit มาฝากครับ
subject เป็นคำสงวน ของ Mysql หรือเปล่าครับ
โดย ecitepage.com พ 13 ต.ค. 2010 1:00 am บอร์ด Programming - PHP
2
1084
พ 13 ต.ค. 2010 6:52 pm โดย mindphp View Topic subject เป็นคำสงวน ของ Mysql หรือเปล่าครับ