ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

           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

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ขั้นตอนทำงาน System Analyst and Design
โดย Bellamy จ 26 ต.ค. 2020 6:51 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
4
จ 26 ต.ค. 2020 6:51 pm โดย Bellamy
แนะนำแหล่งท่องเที่ยวและการเดินทางในกทม
โดย Bellamy จ 26 ต.ค. 2020 4:53 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
13
จ 26 ต.ค. 2020 6:50 pm โดย Bellamy
Content Marketing คือ - ในปัจจุบันสำคัญอย่างไร?
โดย ploypola จ 26 ต.ค. 2020 12:07 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
จ 26 ต.ค. 2020 12:07 pm โดย ploypola
วิธีการ Insert , edit ,delete โดยผ่านตัว Model Laravel Framework
โดย makup ส 24 ต.ค. 2020 3:44 pm บอร์ด PHP Knowledge
1
30
ส 24 ต.ค. 2020 3:59 pm โดย makup
ติดปัญหาการค้นหาข้อมูล Listbox ให้เลือกค่าเก่าค้างไว้
โดย makup พฤ 22 ต.ค. 2020 8:05 pm บอร์ด Programming - PHP
9
97
จ 26 ต.ค. 2020 6:02 pm โดย mindphp
อยากทราบว่า ตรงที่แสดงข้อมูล URL จะให้แสดงเฉพาะ id แค่ตัวเลข ต้องทำอย่างไงครับ
โดย makup พฤ 22 ต.ค. 2020 8:05 pm บอร์ด Programming - PHP
3
37
พฤ 22 ต.ค. 2020 8:16 pm โดย mindphp
วิธีการ Upload file ภาพ ขึ้น Server
โดย makup พฤ 22 ต.ค. 2020 5:41 pm บอร์ด PHP Knowledge
1
44
พฤ 22 ต.ค. 2020 5:54 pm โดย makup
ปัญหา phpBB Error ในหน้า admin vsprintf(): Too few arguments
โดย mindphp พ 21 ต.ค. 2020 5:36 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
37
พ 21 ต.ค. 2020 5:36 pm โดย mindphp
สอนเขียนวิธี Upload File Laravel ขึ้น Server
โดย makup พ 21 ต.ค. 2020 3:41 pm บอร์ด PHP Knowledge
2
63
พ 21 ต.ค. 2020 5:25 pm โดย makup
สอบถาม การขึ้นบรรทัดใหม่ ด้วย การนับ len และตัดแบบเต็มคำยังไงคะ
โดย bolue อ 20 ต.ค. 2020 7:22 pm บอร์ด Programming - C/C++ & java & Python
2
59
อ 20 ต.ค. 2020 8:15 pm โดย mindphp
วิธีการทำระบบค้นหา ใน Laravel Framework
โดย makup อ 20 ต.ค. 2020 12:57 pm บอร์ด PHP Knowledge
0
78
อ 20 ต.ค. 2020 12:57 pm โดย makup
เจอปัญหา Publishing failed. You are probably offline. ปัญหาใน Wordpress 5.x
โดย mindphp อ 20 ต.ค. 2020 6:03 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
43
อ 20 ต.ค. 2020 6:30 am โดย mindphp
แสดงสินค้าที่ขายได้ล่าสุด ด้วย Module Latest Sold Products ใน MooZiiCart
โดย bolue จ 19 ต.ค. 2020 6:53 pm บอร์ด MindPHP News & Feedback
0
124
จ 19 ต.ค. 2020 6:53 pm โดย bolue
ติดปัญหาเรื่อง การทำปุ่ม ค้นหา ที่มีการเชื่อมความสัมพันธ์ Laravel Framework
โดย makup จ 19 ต.ค. 2020 6:23 pm บอร์ด Programming - PHP
3
160
อ 20 ต.ค. 2020 1:32 pm โดย mindphp
วิธีการกำหนด Routing ใน Laravel Framework
โดย makup จ 19 ต.ค. 2020 7:15 am บอร์ด PHP Knowledge
0
181
จ 19 ต.ค. 2020 7:15 am โดย makup
วิธีแสดงพิกัดบนแผนที่ OpenStreetMap ด้วย Laravel Framework
โดย makup อ 18 ต.ค. 2020 6:21 pm บอร์ด PHP Knowledge
0
126
อ 18 ต.ค. 2020 6:21 pm โดย makup
เจอปัญหา ในฐาน Joomla Out of resources when opening file '/tmp/#sql_7059_0.MAD' (Errcode: 24 "Too many open files")
โดย mindphp อ 18 ต.ค. 2020 5:34 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
117
อ 18 ต.ค. 2020 5:41 pm โดย mindphp
Re: Mysql เช็คerror ฟิลซ้ำ แสดงข้อความ(PHP)
โดย kimmyth ศ 16 ต.ค. 2020 11:26 pm บอร์ด Programming - PHP
1
122
ส 17 ต.ค. 2020 10:02 am โดย mindphp
Mysql เช็คerror ฟิลซ้ำ แสดงข้อความ
โดย kimmyth ศ 16 ต.ค. 2020 11:22 pm บอร์ด Programming - PHP
0
97
ศ 16 ต.ค. 2020 11:22 pm โดย kimmyth
อยากทราบว่า มีตัวอย่าง OpenstreetMap ในการใช้งานร่วมกับ MySQL , PHP บ้างไหมครับ
โดย makup ศ 16 ต.ค. 2020 7:25 pm บอร์ด Programming - PHP
2
129
ศ 16 ต.ค. 2020 7:48 pm โดย makup