ที่ InVision แอนิเมชัน GIF จะไม่ถูกใช้เพื่อการผ่อนคลาย แต่มีบทบาทสำคัญในมุมมองด้านการตลาดและการฝึกอบรม ดังนั้นเราจึงลองใช้พวกมันบนหน้าแรกของเราแทนแอนิเมชั่นที่เข้ารหัสไว้

ในที่สุดผู้คนก็เริ่มถามเราว่า “คุณสร้างภาพเคลื่อนไหว GIF ได้อย่างไร” ถึงเวลาเปิดเผยความลับแล้ว

การออกแบบภาพ GIF

1.ส่วนผสมลับ

นี่เป็นความลับเล็กๆ น้อยๆ ของฉัน: แอนิเมชัน GIF ทั้งหมดของฉันเริ่มต้นจากไฟล์วิดีโอ ฉันมักจะใช้ ScreenFlow ซึ่งฉันใช้เพื่อสร้างวิดีโอเกี่ยวกับผลิตภัณฑ์ของเราด้วย นี่เป็นโปรแกรมง่ายๆ ที่ในขณะเดียวกันก็ประกอบด้วยเครื่องมือแอนิเมชั่นที่มีประโยชน์มากมาย
หลังจากที่ฉันบันทึกภาพเคลื่อนไหวเป็นไฟล์วิดีโอ ฉันจะนำเข้ามันไปยัง Photoshop ผ่านทาง ไฟล์ > นำเข้า > เฟรมวิดีโอเป็นเลเยอร์

คำแนะนำ:หากไม่ใช่สิ่งที่คุณชอบ ScreenFlow หรือ After Effects ให้สร้างภาพเคลื่อนไหวใน Keynote แล้วส่งออกเป็นวิดีโอ ในที่สุดก็มีการใช้ฟีเจอร์นี้ใน Keynote

2. สีน้อยลง = สนุกมากขึ้น

หากคุณต้องการสร้างภาพเคลื่อนไหว GIF เจ๋งๆ คุณจะต้องเลือกใช้สีอย่างระมัดระวังเป็นพิเศษ สิ่งนี้จะไม่เพียงส่งผลต่อขนาดไฟล์เท่านั้น แต่ยังช่วยให้คุณสร้างภาพเคลื่อนไหวที่ยาวขึ้นโดยมีขนาดไฟล์เล็กลงอีกด้วย (สำหรับฉันขนาดเล็กน้อยกว่า 1MB)

3. ใช้ภาพเบลอจากการเคลื่อนไหวหากเป็นไปได้

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

4. ขี้เกียจ (บ้าง)

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

ส่งออกภาพเคลื่อนไหว GIF

ก่อนที่คุณจะกังวลเกี่ยวกับเคล็ดลับด้านล่าง ให้ลองส่งออกภาพเคลื่อนไหว GIF ของคุณ ถ้าเป็นขนาดที่พอเหมาะก็เยี่ยมมาก! ติดตามการทำงานที่ดี มิฉะนั้น ให้ลองใช้วิธีการต่อไปนี้

5. ลบเฟรมที่ซ้ำกัน

เป็นไปได้มากว่าแอนิเมชั่นของคุณจะหยุดหรือนิ่งนิ่งไปสักระยะหนึ่ง หากมองใกล้ ๆ คุณจะสังเกตเห็นว่าช่วงเวลานี้ประกอบด้วยเฟรมที่เหมือนกันหลายเฟรม หากมี 10 เฟรมดังกล่าว ให้ลบ 9 เฟรมออกและตั้งค่าระยะเวลาของเฟรมที่เหลือ เช่น 1 วินาที

หากไม่ได้ผล ให้ลองนำเข้าวิดีโออีกครั้ง แต่คราวนี้ให้เลือกตัวเลือก จำกัดทุกๆ 2 เฟรมสิ่งนี้จะลดขนาดไฟล์ลงอย่างมาก

คำแนะนำ:หากภาพเคลื่อนไหวของคุณประกอบด้วยมากกว่า 150 เฟรม คุณจะประสบปัญหาเมื่อพยายามลดขนาดไฟล์

6. สีน้อยลง

เมื่อคุณบันทึกภาพเคลื่อนไหว GIF ใน Photoshop คุณจะเห็นเมนูแบบเลื่อนลงถัดจากตัวเลือกสี ทดลองกับค่าต่างๆ ลองใช้จำนวนสีที่น้อยที่สุดที่เป็นไปได้ซึ่งจะไม่ทำให้ไฟล์ทั้งหมดกลายเป็นขยะ

7. เปลี่ยนพารามิเตอร์ Lossy*

พูดตามตรงฉันไม่รู้ด้วยซ้ำว่าพารามิเตอร์นี้หมายถึงอะไร แต่ฉัน อย่างแน่นอนฉันรู้ว่าถ้าคุณตั้งค่าไว้ที่ระดับระหว่าง 1 ถึง 10 คุณจะกำจัดกิโลไบต์ส่วนเกินโดยไม่สูญเสียคุณภาพ

* “Lossy” - ระดับการสูญเสียข้อมูลกราฟิกในไฟล์แรสเตอร์ที่ยอมรับได้ ทำให้คุณสามารถลดขนาดไฟล์ของรูปภาพได้

ไม่มีอะไรเปลี่ยนแปลง! ช่วย!

หากคุณลองทุกอย่างที่กล่าวมาข้างต้นแล้ว แต่ยังไม่สามารถลดขนาดภาพเคลื่อนไหว GIF ได้ คุณจะต้องถอยออกไป บางทีคุณอาจต้องการสิ่งที่เป็นไปไม่ได้? มีวิธีอื่นในการบรรลุสิ่งที่คุณต้องการหรือไม่? เป็นไปได้ไหมที่จะแบ่งไฟล์ออกเป็นภาพเคลื่อนไหว GIF สองไฟล์? จะดีกว่าถ้าภาพเคลื่อนไหว GIF ของคุณเน้นไปที่ด้านเดียว

จากนักแปล. ด้วยความปรารถนาและความคิดเห็นของคุณเกี่ยวกับการแปล โปรดติดต่อฉันทางข้อความส่วนตัว ขอบคุณ!

คุณเคยสงสัยหรือไม่ว่า GIF แบบเคลื่อนไหวถูกสร้างขึ้นมาได้อย่างไร? ผู้เขียนบทเรียนขอเชิญชวนให้คุณฝึกฝนเคล็ดลับแอนิเมชั่นในคืนเดียวโดยใช้บทเรียนนี้ คุณยังจะได้เรียนรู้วิธีใช้ไทม์ไลน์ซึ่งมีอยู่ใน Photoshop CS6 มาเริ่มกันเลย!

ผลการเรียน.

ขั้นตอนที่ 1

สร้างเอกสารใหม่ ( Ctrl + N) โดยมีขนาดไฟล์ 800 x 500 พิกเซล เติมพื้นหลังด้วยสีใดก็ได้ที่คุณต้องการ ตอนนี้เรามาดูเมนูกันดีกว่า เลเยอร์- สไตล์ชั้น- โอเวอร์เลย์การไล่ระดับสี(เลเยอร์ > สไตล์เลเยอร์ > การซ้อนทับแบบไล่ระดับสี) ใช้การตั้งค่าต่อไปนี้: สไตล์ เรเดียล(เรเดียล) สีตั้งแต่สีดำ (#000000) ถึงสีน้ำเงิน (#54799b) ซึ่งจะใช้ตรงกลาง

ขั้นตอนที่ 2

สร้างเลเยอร์ใหม่และตั้งชื่อมัน ชั้นเสียงรบกวน- เลือกเครื่องมือ เติม(เครื่องมือถังสี) และเติมเลเยอร์ที่สร้างขึ้นด้วยสีเข้ม (#231f20) ปล่อยให้เลเยอร์ทำงานอยู่ ชั้นเสียงรบกวนและไปที่เมนู ตัวกรอง - สัญญาณรบกวน - เพิ่มสัญญาณรบกวน(ตัวกรอง>สัญญาณรบกวน>เพิ่มสัญญาณรบกวน) ในกล่องโต้ตอบการตั้งค่าตัวกรอง ให้ตั้งค่าต่อไปนี้: ผล(จำนวน) 3% การกระจาย เครื่องแบบ(Uniform) แล้วคลิกตกลง

ขั้นตอนที่ 3

กดคีย์ผสม (กดปุ่ม Ctrl +คุณ)และในกล่องโต้ตอบการตั้งค่าการแก้ไขที่ปรากฏขึ้น ให้ป้อนค่า ความอิ่มตัว(ความอิ่มตัว) 100%: เปลี่ยนโหมดการผสมของเลเยอร์นี้เป็น แสงนุ่มนวล(แสงนุ่มนวล).

หมายเหตุผู้แปล: เพื่อให้ได้สีเดียวกับผู้เขียนในภาพหน้าจอ เมื่อปรับ Hue/Saturation คุณสามารถตั้งค่า Hue เป็น - 140

ขั้นตอนที่ 4

เพิ่มข้อความที่คุณต้องการ ที่นี่เราจะใช้ข้อความของโลโก้เว็บไซต์ 123RF ในการใช้งานสไตล์เลเยอร์ จังหวะ(จังหวะ). เลือกค่าขนาดเส้นขีดตามความต้องการของคุณ

หมายเหตุผู้แปล: ในภาพหน้าจอของผู้เขียน มีข้อความแรสเตอร์พร้อมกับสไตล์เส้นขีดอยู่แล้ว เพื่อให้ได้ผลลัพธ์เดียวกัน หลังจากใช้เส้นขีด ให้ลบการเติม (เติม) ของเลเยอร์ข้อความ 0% แปลงเลเยอร์นี้เป็นวัตถุอัจฉริยะ แล้วแปลงเป็นแรสเตอร์

ขั้นตอนที่ 5

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

ลายนูน(เอียงและนูน)

เงาภายใน(เงาภายใน)

เปล่งประกายภายใน(เรืองแสงภายใน)

การซ้อนทับสี(การซ้อนทับสี)

เรืองแสงภายนอก(เรืองแสงภายนอก)

เงา(เงาหล่น)

ขั้นตอนที่ 6

เมื่อคุณสร้างเอฟเฟกต์แสงโดยใช้สไตล์เลเยอร์เสร็จแล้ว ให้ไปที่พาเล็ตเลเยอร์และลดค่าของเลเยอร์นี้ เติม(เติม) ถึง 0%

ขั้นตอนที่ 7

ทำซ้ำเลเยอร์ที่คุณสร้างในขั้นตอนที่ 5 และปิดสไตล์เลเยอร์ทั้งหมดในสำเนานี้ ตอนนี้ตั้งค่าสไตล์ดังนี้:

เงาภายใน(เงาภายใน)

เปล่งประกายภายใน(เรืองแสงภายใน)

ขั้นตอนที่ 8

ด้านล่างนี้เป็นผลลัพธ์หลังจากที่คุณใช้สไตล์เลเยอร์แล้ว

ขั้นตอนที่ 9

ตอนนี้เราจะสร้างจุดเคลื่อนที่ของแสง สร้าง 5 เลเยอร์ทับจากที่มีอยู่แล้วเปลี่ยนชื่อเป็น 1,2,3, R และ F หากคุณมีข้อความของคุณเอง ให้สร้างเลเยอร์ตามตัวอักษรของคุณ จัดกลุ่มเลเยอร์เหล่านี้เป็นโฟลเดอร์และตั้งชื่อ จุดไฟและเปลี่ยนโหมดการผสมเป็น ทำให้ฐานสว่างขึ้น(ดอดจ์สี).

เปิดใช้งานเครื่องมือ แปรง(เครื่องมือแปรง) เลือกแปรงขนอ่อน ตั้งค่า ความทึบ(ความทึบ) ถึง 95% และวาดจุดที่ด้านบนของข้อความด้วยสีขาว สำหรับตัวอักษรแต่ละตัวจะมีจุดไฟแยกกันบนชั้นของมันเอง ด้านล่างนี้ในภาพหน้าจอ คุณจะเห็นว่าเลเยอร์ของผู้เขียนมีลักษณะอย่างไรในพาเล็ตเลเยอร์

ขั้นตอนที่ 10

ตอนนี้เรามาดูเมนูกันดีกว่า หน้าต่าง - ไทม์ไลน์(หน้าต่าง > ไทม์ไลน์) คุณจะสังเกตเห็นว่าเลเยอร์ของคุณถูกสร้างขึ้นแล้วในจานสีนี้ทางด้านซ้ายของมัน เลือกแต่ละชั้นไฮไลต์ทั้งห้าชั้นที่อยู่ในกลุ่ม จุดไฟและตรวจสอบให้แน่ใจว่าตัวระบุเวลาปัจจุบัน (แถบเลื่อนสีน้ำเงิน) อยู่ที่เฟรมศูนย์ ตอนนี้ในแต่ละเลเยอร์ในกลุ่ม เมื่อเปิดใช้งานอยู่ ให้คลิกที่ตัวเลือก ตำแหน่ง(ตำแหน่ง) เพื่อสร้างคีย์เฟรม

หมายเหตุผู้แปล: หากต้องการเปิดใช้งานมาตราส่วนเวลา ให้คลิกปุ่ม สร้างไทม์ไลน์สำหรับวิดีโอ(สร้างไทม์ไลน์วิดีโอ) และเลเยอร์ทั้งหมดของคุณจะถูกโหลดลงในไทม์ไลน์ เลเยอร์หรือกลุ่มเดียวกันจะถูกเลือกเหมือนกับในพาเล็ตเลเยอร์

ขั้นตอนที่ 11

ตั้งค่าตัวบ่งชี้เวลาปัจจุบัน (แถบเลื่อนสีน้ำเงิน) เป็น 01:00 นและย้ายเลเยอร์ที่มีจุดสว่างไปตามวิถีการเคลื่อนที่โดยสัมพันธ์กับโครงร่างของตัวอักษร

ขั้นตอนที่ 12

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

เมื่อเร็ว ๆ นี้ ภาพเคลื่อนไหว – “gif” ซึ่งใช้เป็นแบนเนอร์โฆษณาและเพื่อความสนุกสนาน ได้รับความนิยมอย่างมากบนอินเทอร์เน็ต บนโซเชียลเน็ตเวิร์กต่างๆ เช่น VKontakte ผู้คนแลกเปลี่ยน "gif" เพื่อแสดงอารมณ์และความรู้สึกของตน โดยแทนที่อิโมติคอนด้วย

การนำทาง

อย่างไรก็ตาม ทุกวันนี้หลายคนยังคงถามคำถาม: “จะสร้าง GIF ด้วยตัวเองได้อย่างไร” เป็นคำถามนี้ที่เราจะพยายามให้คำตอบโดยละเอียดในบทความนี้

ภาพเคลื่อนไหว GIF หรือ "gif" คืออะไร?

ภาพเคลื่อนไหว GIF หรือ "gif" คืออะไร?

• กิฟ- ภาพเคลื่อนไหวที่เฟรมเปลี่ยนทีละภาพจึงสร้างภาพเคลื่อนไหว กล่าวอีกนัยหนึ่ง มันเป็นวิดีโอขนาดเล็กที่แปลงเป็นรูปแบบกราฟิกที่โปรแกรมดูรูปภาพมาตรฐานดูและแสดงบนหน้าเว็บทั้งหมด
• นอกจากนี้ GIF ยังมีน้ำหนักน้อยกว่าวิดีโอถึง 10-100 เท่า ขึ้นอยู่กับความถี่ของเฟรมที่แสดงในนั้นและขนาดของรูปภาพ นั่นคือเหตุผลที่ว่าทำไมแอนิเมชัน GIF จึงเริ่มถูกนำมาใช้กันอย่างแพร่หลายในแหล่งข้อมูลอินเทอร์เน็ตต่างๆ ในช่วงกลางทศวรรษ 2000 ในฐานะแบนเนอร์โฆษณา

ตัวอย่าง GIF อวยพรปีใหม่

• เนื่องจากรูปแบบ GIF เป็นแบบกราฟิก จึงไม่จำเป็นต้องใช้ปลั๊กอินหรือตัวแปลงสัญญาณเพิ่มเติมในการดู GIF ตัวอย่างเช่น เช่น Flash Player อย่างไรก็ตาม มีโปรแกรมจำนวนหนึ่งที่ไม่รองรับภาพเคลื่อนไหว GIF หนึ่งในโปรแกรมดังกล่าวคือ Paint โปรแกรมแก้ไขกราฟิกมาตรฐาน หากคุณเปิด GIF ในนั้น เฉพาะเฟรมแรกเท่านั้นที่จะแสดงบนหน้าจอ หากคุณบันทึก GIF ผ่าน Paint โดยไม่ได้ตั้งใจหรือจงใจ GIF จะหยุดเคลื่อนไหวและจะดูเหมือนเป็นรูปภาพมาตรฐาน

จะสร้างภาพเคลื่อนไหว GIF หรือ "gif" จากวิดีโอด้วยตัวเองโดยใช้โปรแกรมได้อย่างไร?

• เรารู้แล้วว่า "gif" คืออะไร และตอนนี้เรามาดูการสร้างมันโดยตรงกันดีกว่า มีโปรแกรมมากมายที่คุณสามารถแปลงวิดีโอเป็นภาพเคลื่อนไหว GIF ได้ แต่ละคนมีข้อดีและข้อเสียของตัวเอง บางโปรแกรมมีการตั้งค่าและฟังก์ชันจำนวนมากที่ช่วยให้คุณสามารถสร้าง GIF คุณภาพสูงสุดได้ไม่เพียงแต่จากวิดีโอเท่านั้น แต่ยังรวมถึงรูปภาพธรรมดาด้วย
• อย่างไรก็ตาม โปรแกรมดังกล่าวเป็นมืออาชีพ ใช้พื้นที่ฮาร์ดไดรฟ์มากและต้องใช้ทักษะการสร้างสรรค์พิเศษ ดังนั้นเราจะมาดูโปรแกรมที่ง่ายที่สุด สะดวกที่สุด และราคาไม่แพงสำหรับการสร้างภาพเคลื่อนไหว GIF จากวิดีโอที่เรียกว่า “ วิดีโอมาสเตอร์" ซึ่งสามารถดาวน์โหลดได้จากเว็บไซต์อย่างเป็นทางการ

รูปที่ 1 จะสร้างภาพเคลื่อนไหว GIF หรือ "gif" จากวิดีโอโดยใช้โปรแกรมได้อย่างไร

• โปรแกรมนี้เป็นโปรแกรมแปลงวิดีโอขนาดกะทัดรัดและสะดวกสบายพร้อมฟังก์ชั่นที่มีประโยชน์มากมาย ด้วยความช่วยเหลือนี้ คุณสามารถแปลงวิดีโอไม่เพียงแต่เป็นภาพเคลื่อนไหว GIF เท่านั้น แต่ยังแปลงเป็นรูปแบบอื่น ๆ เช่น AVI, MPG4, MPG-2, 3GP, DivX, XviD, DVD และอื่น ๆ อีกมากมาย

คุณลักษณะที่โดดเด่นของโปรแกรมคือไม่จำเป็นต้องกำหนดค่าด้วยตนเอง ประกอบด้วยค่าที่ตั้งล่วงหน้าและตัวแปลงสัญญาณมากกว่า 350 รายการที่จะปรับการตั้งค่าที่จำเป็นสำหรับรูปแบบที่เลือกโดยอัตโนมัติ หากต้องการสร้าง GIF จากวิดีโอโดยใช้โปรแกรมนี้ คุณต้องดำเนินการดังต่อไปนี้:

• ขั้นตอนที่ 1- ดาวน์โหลดโปรแกรมจากเว็บไซต์อย่างเป็นทางการ ติดตั้งและรัน ในโปรแกรมคลิกที่แท็บ " ไฟล์"แล้วไปที่รายการ" เปิด- ในหน้าต่างที่เปิดขึ้น ให้อัปโหลดวิดีโอจากคอมพิวเตอร์ที่คุณต้องการสร้างภาพเคลื่อนไหว GIF

• ขั้นตอนที่ 2- เมื่อหน้าต่าง GIF เปิดขึ้น ให้เลือกส่วนของวิดีโอที่คุณต้องการแปลงเป็นภาพเคลื่อนไหวโดยเลื่อนแถบเลื่อนสีดำบนไทม์ไลน์ ในเวลาเดียวกัน คุณสามารถดูส่วนที่เลือกในเครื่องเล่นพิเศษได้ หลังจากที่คุณเลือกกลุ่มที่ต้องการแล้ว ให้คลิกปุ่ม " ต่อไป».

• ขั้นตอนที่ 3- ขั้นตอนต่อไปคือการเลือกขนาดของภาพสุดท้าย ด้านล่างนี้คุณจะเห็นตัวเลือกที่แนะนำหลายประการ เลือกหนึ่งในนั้นหรือตั้งค่าพารามิเตอร์พิกเซลของคุณเอง เพื่อให้แน่ใจว่าวิดีโอพอดีกับเฟรมที่ระบุอย่างสมบูรณ์ ให้ทำเครื่องหมายที่ช่องถัดจาก " พอดีวิดีโอ- หากคุณพอใจกับทุกสิ่งให้คลิกปุ่ม " ต่อไป».

• ขั้นตอนที่ 4- ขั้นตอนสุดท้ายคือการปรับความเร็วในการเล่น กำหนดจำนวนเฟรมที่ต้องการแสดง (FPS) และจำนวนการทำซ้ำ แนะนำให้กำหนดจำนวนการทำซ้ำเป็น " ทำซ้ำเสมอ" เพื่อให้ภาพเคลื่อนไหวอัปเดตโดยอัตโนมัติ หลังจากตั้งค่าพารามิเตอร์ที่ต้องการแล้วให้คลิก " สร้าง GIF" และบันทึกไฟล์ผลลัพธ์ลงในคอมพิวเตอร์ของคุณ
• มันเสร็จแล้ว ตอนนี้คุณมีภาพเคลื่อนไหวที่คุณสามารถอัปโหลดไปยังหน้า VKontakte ของคุณและส่งไปที่วอลล์ของเพื่อนและคนรู้จักของคุณ ในแหล่งข้อมูลบางแห่ง รูปภาพดังกล่าวสามารถใช้เป็นอวตารได้
• คำแนะนำโดยละเอียดสำหรับการใช้งานโปรแกรม " วิดีโอมาสเตอร์“คุณสามารถรับชมวิดีโอได้ท้ายบทความ

จะสร้างภาพเคลื่อนไหว GIF หรือ "gif" จากวิดีโอด้วยตัวคุณเองโดยใช้บริการอินเทอร์เน็ตได้อย่างไร

• นอกจากโปรแกรมต่างๆ แล้ว ยังมีบริการออนไลน์หลายร้อยบริการบนอินเทอร์เน็ตที่ให้คุณสร้างภาพเคลื่อนไหว GIF จากวิดีโอออนไลน์ได้ โดยพื้นฐานแล้วสิ่งเหล่านี้คือตัวแปลงวิดีโอตัวเดียวกันที่มีชุดฟังก์ชันและการตั้งค่าเหมือนกัน เพียงแต่ไม่จำเป็นต้องดาวน์โหลดและติดตั้งเท่านั้น นี่คือบางส่วนที่ได้รับความนิยมมากที่สุด:

แต่ในบทความนี้เราจะพูดถึงทรัพยากรต่างประเทศ กิฟส์ดอทคอมความแตกต่างที่สำคัญคือความสามารถในการสร้างภาพเคลื่อนไหว GIF จากวิดีโอจาก YouTube, Instagram, Facebook และเครือข่ายโซเชียลยอดนิยมอื่น ๆ โดยไม่ต้องดาวน์โหลด แหล่งข้อมูลเป็นภาษาอังกฤษทั้งหมด แต่การทำความเข้าใจจะไม่ใช่เรื่องยาก เอาล่ะ มาเริ่มกันเลย:

• ขั้นตอนที่ 1- ไปที่เว็บไซต์ gifs.com- ในหน้าต่างที่เปิดขึ้น คุณจะได้รับแจ้งให้อัปโหลดวิดีโอจากคอมพิวเตอร์ของคุณ ( ลากและวางหรือเลือกไฟล์) หรือแทรกลิงก์ไปยังวิดีโอจาก YouTube หรือแหล่งข้อมูลอื่น ( ค้นหาหรือวาง URL- มาลองสร้าง GIF จากซีรีย์ยอดนิยมเรื่อง The Big Bang Theory วางลิงก์ไปยังวิดีโอ YouTube ลงในช่องที่เหมาะสมและรอให้การดาวน์โหลดเสร็จสิ้น

รูปที่ 1 จะสร้างภาพเคลื่อนไหว GIF หรือ "gif" จากวิดีโอด้วยตัวคุณเองโดยใช้บริการอินเทอร์เน็ตได้อย่างไร

• ขั้นตอนที่ 2- หลังจากการดาวน์โหลดเสร็จสิ้น โปรแกรมตัดต่อวิดีโอจะเปิดขึ้น เลือกส่วนบนไทม์ไลน์ที่คุณต้องการแปลงเป็น GIF และเพิ่มเอฟเฟกต์ต่างๆ จากเมนูด้านซ้ายหากจำเป็น

• ขั้นตอนที่ 3- หลังจากที่คุณเลือกส่วน ข้อความที่ใช้ และเอฟเฟกต์เพิ่มเติมแล้ว ให้คลิกปุ่ม " สร้าง GIF" ให้รอจนกว่าการแปลงจะเสร็จสิ้นและบันทึกไฟล์ผลลัพธ์ลงในตำแหน่งใดๆ บนฮาร์ดไดรฟ์ของคุณ ในที่สุดเราก็ได้ GIF นี้มา:

รูปที่ 3 จะสร้างภาพเคลื่อนไหว GIF หรือ "gif" จากวิดีโอด้วยตัวคุณเองโดยใช้บริการอินเทอร์เน็ตได้อย่างไร

วิดีโอ: บทช่วยสอนเกี่ยวกับการแปลงวิดีโอในโปรแกรม VideoMASTER

Gif แอนิเมชั่นหรือ gif- รูปแบบภาพที่คิดค้นขึ้นในปี 1987 สำหรับอินเทอร์เน็ต บางทีอาจไม่มีใครคิดว่าในสมัยของเราแอนิเมชั่น gif ที่เรียกว่าจะได้รับความนิยมขนาดนี้ แต่ด้วยความช่วยเหลือของเว็บไซต์เช่น tumblr และ VKontakte หน้าสาธารณะเช่น #อื่นเข้าถึงวัฒนธรรมสมัยนิยม

มาดูวิธีทำภาพเคลื่อนไหว GIF ในบทความนี้ให้โดนใจเทรนด์อินเทอร์เน็ตกัน

ทำตามคำแนะนำในการสร้างภาพเคลื่อนไหว Gif

1. ดาวน์โหลดโปรแกรมลงในคอมพิวเตอร์ของคุณ (666 กิโลไบต์)
2. เปิดตัวกันเลย โปรแกรมจะอยู่ด้านบนของหน้าต่างทั้งหมดโดยอัตโนมัติพร้อมกับเฟรมของตัวเอง
3. เลือกพื้นที่สำหรับบันทึกโดยเพียงแค่เปลี่ยนขนาดเฟรมแล้วคลิก REC
4. หลังจากบันทึกแล้ว คลิกบันทึก

อินเทอร์เฟซโปรแกรม GifCam

ลองนึกภาพว่าโปรแกรมคือกล้อง ทุกสิ่งภายในเฟรมจะเป็น GIF ของคุณ จัดการมัน เปลี่ยนขนาดมัน คุณสามารถบันทึกอะไรก็ได้ด้วยการเปิดไฟล์ในคอมพิวเตอร์ของคุณ เกม ภาพยนตร์ เว็บไซต์ ตัวคุณเองผ่านเว็บแคมหรือเว็บไซต์ เช่น YouTube

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

หากคุณต้องการสร้างอารมณ์ GIF ให้เปิดเว็บแคมแล้วเปิดแอปพลิเคชันกล้องหรือบางอย่างที่คุณสามารถมองดูตัวเองบนเว็บแคม (Skype, VKontakte) เลือกพื้นที่ที่ต้องการอีกครั้งบันทึกและภาพเคลื่อนไหวพร้อมใบหน้าของคุณก็พร้อม - ส่งไปยังอินเทอร์เน็ต

คุณสามารถเรียกใช้โปรแกรม GifCam หลายโปรแกรมพร้อมกันเพื่อบันทึกอินเทอร์เฟซของโปรแกรมเป็น GIF ได้ เป็นต้น

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

สามารถแก้ไขได้ เราไปที่แก้ไขและดูเฟรมในการเลื่อนแนวนอน ด้วยการคลิกขวาคุณสามารถเรียกเมนูบริบทได้ ช่วยให้คุณสามารถลบ: หนึ่งเฟรม, เฟรมที่เลือกไปยังจุดเริ่มต้นหรือจุดสิ้นสุด หรือลบเฟรมทั้งหมด เพิ่มหรือลบความล่าช้า จำเป็นต้อง "ลบเฟรมคู่" เพื่อลบครึ่งเฟรมและบันทึกภาพเคลื่อนไหว (เพื่อลดขนาด) มีช่องทำเครื่องหมายให้แสดงหน้าจอสีเขียวหรือไม่

ประหยัดได้ในคุณภาพที่แตกต่างกัน 5 รูปแบบ: 256 สี, 12, สีเทา และอื่นๆ

• เมื่อบันทึกวิดีโอจากเว็บไซต์ คุณสามารถย่อหน้าเบราว์เซอร์ออกเพื่อจับภาพ GIF ที่เล็กลงได้
• ยิ่ง GIF มีสีน้อย สีก็ยิ่งเล็กลง พยายามสร้างให้ได้ไม่เกิน 15 MB
• ด้วยการกดปุ่ม STOP คุณสามารถบันทึกต่อจากจุดที่คุณค้างไว้ได้ หากคุณต้องการเริ่มต้นใหม่อีกครั้ง ให้คลิก NEW ในรายการย่อยของปุ่ม SAVE
• ก่อนที่คุณจะส่ง GIF ให้ถามตัวเองว่า “นี่เป็น GIF ที่ดีหรือไม่” ถ้าไม่เช่นนั้นอย่าส่ง ถ้าใช่คุณสามารถทิ้งไว้ในความคิดเห็น
• หลายคนรำคาญแอนิเมชั่น

แค่นั้นแหละ. พูดขอบคุณ บาห์ราเนียแอพส์สำหรับการสร้างโปรแกรมดีๆ แบบนี้ เขารวบรวมเงินบริจาคจากบล็อกของเขา ตอนนี้คุณเข้าใจแล้วว่าไม่มีปัญหาในการสร้างภาพเคลื่อนไหว และตอนนี้คุณสามารถสร้าง GIF โดยไม่ต้องใช้ Photoshop และออนไลน์ได้แล้ว ด้วยความช่วยเหลือของโปรแกรมขนาดเล็กเท่านั้น

ฉันกำลังรอภาพ Gif ที่คุณชื่นชอบในความคิดเห็น

3. เราค้นหาโฟลเดอร์ของเราพร้อมรูปถ่ายที่เตรียมไว้แล้วคลิกซ้ายที่รูปภาพแรก กดปุ่ม Shift ค้างไว้แล้วคลิกที่รูปสุดท้าย จากนั้นรูปภาพทั้งหมดจะถูกเลือก คลิกเปิด

4. รูปภาพทั้งหมดเปิดใน Photoshop ของคุณ มาเริ่มสร้างเลเยอร์ที่เราต้องใช้สำหรับแอนิเมชั่นหรือ การสร้างภาพ GIF- ฉันเปิดภาพที่กว้างเป็นพิเศษ และมันจะเป็นชั้นที่ 1

หากต้องการแปลงภาพถ่ายเป็นเลเยอร์ ให้ดับเบิลคลิกด้วยปุ่มซ้ายของเมาส์

5. ในการสร้างเลเยอร์ที่สอง เราต้องคลิกที่ไอคอนที่ลูกศรชี้ไป ในชั้นที่สองเราจะวางรูปภาพอื่น

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

7. หลังจากนี้ ขีดกลางเล็กๆ จะเริ่มวิ่งรอบๆ รูปภาพ นี่คือการเลือก ตอนนี้ไปที่เมนู - แก้ไข - คัดลอก

8. เรากลับไปที่รูปภาพแรกซึ่งมีเลเยอร์อยู่แล้ว ไปที่เมนู - แก้ไข - วาง และภาพถ่ายแคบของเราก็ถูกแทรกลงในเลเยอร์ใหม่ แต่มันก็ไม่สามารถแคบลงได้ เราจำเป็นต้องเพิ่มพื้นหลังไว้ข้างใต้ โดยคลิกที่ไอคอน (1) ลากเลเยอร์ใต้ภาพถ่ายแคบ จากนั้นใช้หลอดหยดตา (2) เพื่อเลือกสีที่คุณต้องการโดยคลิกที่ภาพถ่าย ฉันเลือกสีเขียวอ่อน และเติมเลเยอร์ใหม่ซึ่งเราเปิดใช้งานเครื่องมือเติม (3) จากนั้นคลิกซ้ายที่พื้นที่ทำงานของภาพถ่าย โปรดทราบว่าพื้นหลังโปร่งใสใหม่จะต้องเปิดใช้งาน ณ จุดนี้ เลเยอร์ที่ใช้งานอยู่จะถูกเน้นด้วยสีน้ำเงิน หลังจากการกระทำของคุณ เลเยอร์โปร่งใสจะถูกลงสี

9. ตอนนี้เราต้องรวมสองชั้น (ภาพถ่ายและพื้นหลังแคบ) เราก้าวด้วยปุ่มซ้ายของเมาส์บนเลเยอร์แรก กดปุ่ม Shift ค้างไว้แล้วคลิกที่เลเยอร์ที่สอง โดยจะเน้นด้วยสีน้ำเงิน ไปที่เมนู - เลเยอร์ - รวมเลเยอร์

10. เราได้ภาพนี้มา

11. ทำซ้ำขั้นตอนที่ 6 - 10 ของบทช่วยสอนของฉันเพื่อสร้างเลเยอร์ที่มีภาพถ่ายแคบๆ อีกภาพ ฉันมีมันอยู่บนเลเยอร์ 2 และสร้างเลเยอร์โปร่งใสใหม่อีกชั้นเพื่อวางภาพถ่ายมุมกว้างสุดท้ายไว้ตรงนั้น (เลเยอร์ 3)

12. โดยทำตามบทเรียนที่ 6, 7, 8 เท่านั้น พร้อม. ชั้นสำหรับของเรา รูปภาพ GIFเราสร้างขึ้น

13. คุณสามารถเริ่มสร้างภาพเคลื่อนไหวด้วยเลเยอร์ของคุณได้ แต่ฉันตัดสินใจสร้างพื้นหลังสำหรับรูปภาพของเรา โดยไปที่เมนู - รูปภาพ - ขนาดแคนวาส เราเพิ่มผืนผ้าใบของเราขึ้น 50 ชิ้นในด้านความกว้างและความสูง คลิกตกลง

14. เราก็ได้แบบนี้

15. สร้างเลเยอร์ใหม่ (ฉันมีเลเยอร์ 4) ลากไปที่ด้านล่างสุดใต้รูปภาพทั้งหมด คุณสามารถสร้างพื้นหลังที่มีสีเดียวกับพื้นหลังในภาพถ่ายที่แคบของคุณ ฉันเลือกสีพื้นฐานที่เข้มกว่าเล็กน้อย

คุณสามารถตกแต่งพื้นผิวของคุณด้วยวิธีใดก็ได้ ฉันหวังว่าคุณจะรู้วิธีตั้งค่าพารามิเตอร์ของเลเยอร์ แต่ถ้าไม่ ก็ทำได้ง่ายๆ คุณเหยียบบนเลเยอร์ที่ต้องการแล้วดับเบิลคลิกด้วยปุ่มซ้ายของเมาส์ จากนั้นหน้าต่างที่มีพารามิเตอร์ของเลเยอร์ของคุณจะเปิดขึ้น และคุณจะเปิดแต่ละพารามิเตอร์แยกกัน จากนั้นคุณจะใช้หรือเปลี่ยนการตั้งค่าของมัน ฉันใช้เอฟเฟกต์ในพารามิเตอร์เลเยอร์ เงาด้านใน และ แสงด้านใน กับพารามิเตอร์เลเยอร์ ทวีคูณ... สีของเงาจะเข้มกว่าโทนสีพื้นหลังเล็กน้อย แต่ที่นี่ฉันไม่รับภาระที่จะยัดเยียดความคิดเห็นของฉันต่อคุณ คุณมีวิสัยทัศน์ของคุณเอง ลองเปลี่ยนการตั้งค่าดูครับ มันไม่น่ากลัวเลย คุณสามารถกลับสู่ผลลัพธ์ดั้งเดิมได้ตลอดเวลา โดยไปที่เมนู - แก้ไข - ย้อนกลับ

ในรูปสุดท้ายของฉันมีพุ่มวิสทีเรียอยู่มากในฝรั่งเศสและช่วงออกดอกคือปลายเดือนเมษายน - ต้นเดือนพฤษภาคม ฉันถ่ายภาพพุ่มไม้นี้ในสวนของพ่อแม่ของเพื่อน สวนบัลแกเรียของฉันยังมีพุ่มวิสทีเรียด้วย และฉันคิดว่าอีกไม่นานดอกวิสทีเรียจะดูเหมือนเมฆไลแล็คจะทำให้เราพอใจ

16. ตอนนี้เป็นเวลาใส่โลโก้ของคุณ นี่เป็นสิ่งสำคัญอย่างยิ่งหากรูปภาพของคุณจะอยู่บนเว็บไซต์ของคุณ สำหรับผู้ใช้ทั่วไปอาจใช้ไม่ได้ ฉันขอเตือนคุณว่าฉันเคยเรียนบทเรียน Photoshop เกี่ยวกับ ฉันจะอธิบายสั้น ๆ: ไปที่เมนู - ไฟล์ - สถานที่ เรามองหาไฟล์ PSD ของเราที่มีโลโก้ที่เตรียมไว้ล่วงหน้า ขั้นที่ไฟล์นั้นแล้วคลิกที่ปุ่มวาง

17. ลากเลเยอร์ที่มีโลโก้ไปด้านบนสุดเหมือนของฉัน หากจำเป็นให้เพิ่มโลโก้ตามขนาดที่ต้องการโดยไปที่เมนู - แก้ไข - ปรับขนาด ขณะกดปุ่ม Shift ค้างไว้ ให้ยืดหรือย่อโลโก้ เปิดใช้งานเครื่องมือ “ย้าย” (เครื่องมือบนสุดที่มีลูกศรและ + ในแถบเครื่องมือ) และย้ายโลโก้ไปยังตำแหน่งที่ต้องการ

ทุกอย่างถูกเตรียมไว้ด้วยการสร้างแอนิเมชั่น

17. ในเฟรมแรกของแอนิเมชั่น คุณควรมองเห็นเลเยอร์พื้นหลัง เลเยอร์แรกที่มีรูปถ่ายของคุณ (ในกรณีของฉันคือเลเยอร์ 0) และโลโก้ (ตำแหน่งที่ 1) เพื่อการรับชมภาพที่ดี ให้ตั้งเวลาหน่วง 5 วินาที(ตำแหน่งที่ 2). หลังจากกำหนดเวลาหน่วงและตั้งค่าไว้ในเฟรมแรกแล้ว เฟรมต่อๆ ไปทั้งหมดจะมีระยะเวลาที่กำหนดอยู่ที่ 1 เฟรม นั่นคือ 5 วินาทีในกรณีของฉัน หากต้องการสร้างเฟรมที่สอง ให้คลิกที่ไอคอนที่แสดงในตำแหน่งที่ 3

18. ในเฟรมที่สอง เปลี่ยนการมองเห็นของเลเยอร์จากรูปภาพแรกเป็นรูปภาพที่สอง ดังที่แสดงในภาพหน้าจอของฉัน