ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

           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

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
VDO - สคลิปการอัดวีดีโอ&วีดีโอ tool_videotogif - โปรแกรมแปลงวีดีโอเป็นรูปภาพแบบ GIF
โดย jirawoot ส 24 ส.ค. 2019 6:12 pm บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
5
ส 24 ส.ค. 2019 6:12 pm โดย jirawoot
การใช้ functions_user เพื่อเพิ่มข้อมูล user ใน phpbb
โดย Ittichai_chupol ส 24 ส.ค. 2019 6:00 pm บอร์ด PHP Knowledge
0
5
ส 24 ส.ค. 2019 6:00 pm โดย Ittichai_chupol
Google Photos สามารถค้นหาหาข้อความในรูปภาพได้แล้ว
โดย jamepiyawat ส 24 ส.ค. 2019 5:39 pm บอร์ด Share Knowledge
0
5
ส 24 ส.ค. 2019 5:39 pm โดย jamepiyawat
วิธี ตรวจสอบ DNS nameserver แบบง่ายๆ
โดย aninthana ส 24 ส.ค. 2019 3:33 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
0
18
ส 24 ส.ค. 2019 3:33 pm โดย aninthana
วิธีประมาณการรายได้-ค่าใช้จ่ายครึ่งปีหลัง มีวิธีประมาณการยังไง
โดย EyePornnipa ส 24 ส.ค. 2019 3:19 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
17
ส 24 ส.ค. 2019 3:45 pm โดย Amp_Audit
มีวิธีกำหนดภาพ เป็นแนวนอนไหมครับ แล้วก็ ถ้าภาพเกิน 4 ภาพให้ลงมาอีกบรรทัดนึงครับ
โดย Patipat ส 24 ส.ค. 2019 1:53 pm บอร์ด HTML CSS
2
15
ส 24 ส.ค. 2019 2:18 pm โดย Patipat
Q - ทำไมหน้าตั้งค่าของ MDFiles Categories ใช้งานไม่ได้ครับ
โดย Patipat ส 24 ส.ค. 2019 11:31 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
9
ส 24 ส.ค. 2019 11:31 am โดย Patipat
ใบสำคัญที่กรมสรรพากรยอมรับ มีอะไรบ้าง
โดย EyePornnipa ส 24 ส.ค. 2019 11:21 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
24
ส 24 ส.ค. 2019 11:36 am โดย Amp_Audit
งานประจำวันที่ 24 สิงหาคม 2562
โดย Patipat ส 24 ส.ค. 2019 10:25 am บอร์ด M088 - ปฏิภัทร สารธรรม
1
7
ส 24 ส.ค. 2019 7:32 pm โดย Patipat
งานประจำวันที่ 24 สิงหาคม 2562
โดย jamepiyawat ส 24 ส.ค. 2019 10:19 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
1
10
ส 24 ส.ค. 2019 7:21 pm โดย jamepiyawat
งานประจำวันที่ 24 สิงหาคม 2562
โดย EyePornnipa ส 24 ส.ค. 2019 10:10 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
3
22
ส 24 ส.ค. 2019 9:13 pm โดย EyePornnipa
งานประจำวันที่ 24 สิงหาคม 2562
โดย jirawoot ส 24 ส.ค. 2019 10:03 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
4
ส 24 ส.ค. 2019 7:24 pm โดย jirawoot
งานประจำวันที่ 24 สิงหาคม 2562
โดย aninthana ส 24 ส.ค. 2019 9:50 am บอร์ด M092 - อนินธนา บุญยัง
2
22
ส 24 ส.ค. 2019 6:01 pm โดย aninthana
เขียนรายละเอียดของคำถาม
โดย พิ๊แบงค์ซ๊า ศ 23 ส.ค. 2019 11:03 pm บอร์ด Programming - PHP
0
8
ศ 23 ส.ค. 2019 11:03 pm โดย พิ๊แบงค์ซ๊า
ประเภทหน้ารายงานงบการเงิน
โดย EyePornnipa ศ 23 ส.ค. 2019 6:30 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
1
11
ส 24 ส.ค. 2019 2:10 pm โดย EyePornnipa
Android Q ได้ชื่อใหม่แล้ว ไม่ใช่ชื่อขนม แต่เป็น "Android 10" มีเปลี่ยนโลโก้ด้วย
โดย aninthana ศ 23 ส.ค. 2019 5:49 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
13
ศ 23 ส.ค. 2019 5:49 pm โดย aninthana
สอบถาม ถ้าลงไพทอน เวอร์ชั่นใหม่ เดิมใช้เวอร์ชั่นเก่าอยู่ จะเป็นยังไงครับ
โดย chatee supasand ศ 23 ส.ค. 2019 5:49 pm บอร์ด Programming - C/C++ & java & Python
1
20
ศ 23 ส.ค. 2019 5:52 pm โดย tatiya
ดีไซต์ใหม่ Google Play Store เน้นสีขาว
โดย jamepiyawat ศ 23 ส.ค. 2019 5:48 pm บอร์ด Share Knowledge
0
9
ศ 23 ส.ค. 2019 5:48 pm โดย jamepiyawat
วีธีการดาวน์โหลดวีดีโอด้วยลิ้ง url โดยการใช้ requests
โดย jirawoot ศ 23 ส.ค. 2019 5:46 pm บอร์ด Python Knowledge
0
19
ศ 23 ส.ค. 2019 5:46 pm โดย jirawoot
ฟีเจอร์ Template MZC_
โดย Patipat ศ 23 ส.ค. 2019 4:59 pm บอร์ด M088 - ปฏิภัทร สารธรรม
1
11
ศ 23 ส.ค. 2019 5:12 pm โดย Patipat