ให้เรตสมาชิก: 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

 

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

 

Mt26
, วิธีทำภาพเคลื่อนไหว Gif ด้วยโปรแกรม Photoshop - by บทเรียน Photoshop,
5 3 1 5
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ทำ google structured ใช้แบบ Json แล้วหน้าที่แสดงบทความเดียวกันหมด
โดย eange08 อ 02 มี.ค. 2021 6:38 pm บอร์ด Joomla Development
1
12
อ 02 มี.ค. 2021 6:45 pm โดย mindphp
สอบถามถ้ามี vote จะขึ้นว่า "Article ไม่ใช่ประเภทเป้าหมายที่ถูกต้องสำหรับพร็อพเพอร์ตี้ itemReviewed"
โดย eange08 อ 02 มี.ค. 2021 12:18 pm บอร์ด Joomla Development
3
22
อ 02 มี.ค. 2021 1:16 pm โดย eange08
ขอวิธีเช็คเว็บไซด์ที่มาจาก Google 10 หน้าแรกหน่อยค่ะ
โดย Kannaphat ส 27 ก.พ. 2021 4:59 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
27
ส 27 ก.พ. 2021 4:59 pm โดย Kannaphat
Review เว็บไซต์ หางานที่ต่างๆ
โดย fighthrmd125 ส 27 ก.พ. 2021 3:13 pm บอร์ด Share Knowledge
0
20
ส 27 ก.พ. 2021 3:13 pm โดย fighthrmd125
PDPA กับงาน HR ของบริษัท
โดย fighthrmd125 ส 27 ก.พ. 2021 1:48 pm บอร์ด Share Knowledge
0
26
ส 27 ก.พ. 2021 1:48 pm โดย fighthrmd125
ประโยชน์ของ การใช้ Skype และ Web board ในการทำงาน
โดย fighthrmd125 ส 27 ก.พ. 2021 12:23 pm บอร์ด Share Knowledge
0
20
ส 27 ก.พ. 2021 12:23 pm โดย fighthrmd125
การจ้างงานผู้พิการ
โดย fighthrmd125 พฤ 25 ก.พ. 2021 5:53 pm บอร์ด Share Knowledge
0
19
พฤ 25 ก.พ. 2021 5:53 pm โดย fighthrmd125
แนวทางการสรรหา ช่องทาง สรรหาผู้พิการเข้าทำงาน
โดย fighthrmd125 พฤ 25 ก.พ. 2021 5:12 pm บอร์ด Share Knowledge
0
14
พฤ 25 ก.พ. 2021 5:12 pm โดย fighthrmd125