แก้ไขภาพเคลื่อนไหว GIF GIF Resizer: ปรับขนาดภาพเคลื่อนไหว Gif ออนไลน์ คุณยังหมุนรูปภาพในมุมที่ต้องการได้หากตั้งค่าองศาในช่อง "หมุน" คุณสามารถกำหนดสีอื่นให้กับรูปภาพ ทำให้เป็นขาวดำ หรือก็ได้

ฉันไม่คิดว่าจะมีใครมีความปรารถนาเป็นครั้งคราว ทำซ้ำ / เสร็จสิ้น / เปลี่ยนแปลงเล็กน้อยพบภาพ GIF

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

ดังนั้นเราจะดูคำถามเหล่านี้ในวันนี้

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

เมื่อต้องเผชิญกับ "ปัญหา" นี้ แต่เมื่อรู้วิธีสร้าง GIF แบบเคลื่อนไหวแล้ว ฉันแนะนำว่าจะเปลี่ยน GIF ได้ที่ไหนและอย่างไร ฉันพบ GIF สองสามรายการบนอินเทอร์เน็ตทันทีและตรวจการเดาของฉัน - มันกลายเป็นว่าถูกต้อง แต่มาเริ่มกันตามลำดับ

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

การเปลี่ยนความเร็วของภาพเคลื่อนไหวในภาพ GIF
(เปลี่ยนความเร็วของภาพกระพริบ)

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

เปิดไฟล์ gif ที่เราสนใจ Adobe Image Ready: ไฟล์(ไฟล์) - เปิด(เปิด) - …

ทีนี้มาดูแผงกัน ภาพเคลื่อนไหว

เราพิจารณาดูม้วนหนังสือนี้อย่างละเอียดและเห็นว่าอยู่ข้างใต้ ทุกคน“กรอบ” คือเวลา (ใน ในกรณีนี้ตั้งไว้ที่ 0.17 วินาที)

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

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

หากคุณพอใจกับทุกสิ่ง ให้บันทึกผลลัพธ์: ไฟล์ - บันทึกปรับให้เหมาะสมเป็น...- และดูว่าเกิดอะไรขึ้น

ตกลง

ตกลง

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

นั่นคือทั้งหมด!

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

บน อวตารเคลื่อนไหว(ภาพ) เขียนคำ

เปิด Adobe Image Readyอวตารเคลื่อนไหว: ไฟล์(ไฟล์) - เปิด(เปิด) - …

GIF นี้มีเพียง 2 เฟรม(และ 2 ชั้น) และสิ่งที่เราต้องทำคือเพิ่มคำจารึก นี้จะเสร็จเร็วมาก

เราเขียนบนภาพ” คำพูดที่ถูกต้อง"วี ในสถานที่ที่เหมาะสมการใช้เครื่องมือ ข้อความ(เช่นใน Photoshop) ในเวลาเดียวกัน เลเยอร์ใหม่ในรายการเลเยอร์จะถูกสร้างขึ้นโดยอัตโนมัติ

มาสร้างมันจากข้อความกันดีกว่า ภาพแรสเตอร์: ในเมนูเลเยอร์ – คลิกขวาคลิกที่เลเยอร์ที่มีข้อความและเลือก Rasterize Layer จากรายการแบบเลื่อนลง - และตอนนี้ข้อความก็ไม่ใช่ข้อความอีกต่อไป ตอนนี้เป็นเพียง องค์ประกอบกราฟิกโดยมีสีเดียว (!) ซึ่งสำคัญมากต่อน้ำหนักของไฟล์

ทีนี้มาดูแผงกัน ภาพเคลื่อนไหว(Animation) ที่มุมซ้ายล่างของหน้าต่างโปรแกรม (โดยค่าเริ่มต้นจะปรากฏอยู่ที่นั่น) หากไม่มีคุณจะต้องได้รับ "การเลื่อน" (แผง): ในเมนู Window ให้เลือก Animation

เนื่องจากมีเพียงสองเฟรม เราจึงควรสร้างเฟรมใหม่ขึ้นมาใหม่:

เปิดรายการแบบเลื่อนลงของการเลื่อนภาพเคลื่อนไหวแล้วเลือก ลบเฟรม(ลบเฟรม)

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

เฟรมแรกพร้อมแล้ว

สร้างสำเนาของมัน (โดยเลือก คัดลอกเฟรมในรายการแบบเลื่อนลงหรือปุ่มที่เกี่ยวข้องทางด้านขวาของ "ผู้เล่น")

ปรากฏขึ้น เฟรมที่สอง– ตั้งค่า:
- มีจารึกอยู่ด้วย
- ปิดใช้งานเลเยอร์ 1 แล้ว
- เปิดใช้งานเลเยอร์ 2 แล้ว

โดยพื้นฐานแล้วมันเป็นอย่างนั้น เปิดตัวเครื่องเล่นแล้วคุณจะเห็นว่าตอนนี้คำจารึกปรากฏบนอวาตาร์แบบเคลื่อนไหวของคุณ

หากคุณพอใจกับทุกสิ่งแล้ว ให้บันทึกผลลัพธ์: ไฟล์ - บันทึกเพิ่มประสิทธิภาพเป็น...

คุณสามารถปิดคำในเฟรมที่สองได้ - จากนั้นคำนั้นจะ "กะพริบ" ด้วย

และถ้าอยากให้ภาพ “สั่น” ตัวอักษรของคำก็ค่อยๆ เพิ่มเข้ามา?

เราตัดคำเป็นตัวอักษรแยกกัน (คัดลอกเลเยอร์ด้วยคำและในแต่ละเลเยอร์ต่อมาเราจะลบตัวอักษรน้อยกว่าหนึ่งตัว - เลเยอร์แรก - เหลืออักษรตัวแรกของคำ, เลเยอร์ที่สอง - 2 ตัวอักษร ฯลฯ สำหรับทั้งหมด ชั้น). ในการดำเนินการนี้ ให้จับเลเยอร์ที่มีคำนั้นแล้วลากไปที่ไอคอนที่ด้านล่างของรายการเลเยอร์ - เลเยอร์จะถูกคัดลอกและปรากฏในรายการ

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

ตอนนี้สิ่งที่เหลืออยู่คือการสร้างเฟรมใหม่และในแต่ละเฟรมที่ตามมาจะรวมเลเยอร์ที่มีตัวอักษรเพิ่มเข้าไป ในเวลาเดียวกัน ให้เปิด/ปิดเลเยอร์ 1 และเลเยอร์ 2 สลับกัน (เพื่อให้ไม่เพียงแต่คำเท่านั้น แต่ยังเปลี่ยนรูปภาพด้วย)

นี่คือสิ่งที่เราได้รับ มันมีมาตั้งแต่ปี 1987 หรือตั้งแต่ปี 1987 ใน RuNet โดย อย่างน้อยมันกลายเป็นชื่อที่ใช้ในครัวเรือน - ภาพเคลื่อนไหวใด ๆ ที่เรียกว่า "gif" แน่นอนว่ามันด้อยกว่าในการใช้งานกับ JPEG และ PNG อีกสองตัว แต่มันตรงบริเวณภาพเคลื่อนไหวและ เมื่อเร็วๆ นี้ได้รับ ชีวิตใหม่- ตัวอย่างเช่นในโครงการแพลตฟอร์ม Messenger ซึ่ง Facebook นำเสนอเมื่อเร็ว ๆ นี้ เห็นได้ชัดว่าเป็นส่วนเสริมของอีโมติคอนและสติ๊กเกอร์ที่น่าเบื่อ แต่ยังเร็วเกินไปที่จะเกษียณอย่างหลัง

รูปแบบภาพหลักที่ใช้:

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

โปรแกรมแก้ไข GIF ออนไลน์สำหรับวิดีโอและรูปภาพ

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

โปรแกรมแก้ไข GifCam ออฟไลน์

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

• หลังจากเปิดตัวจะมีหน้าต่างปรากฏขึ้นซึ่งสามารถขยายไปยังส่วนใดก็ได้ของหน้าจอหรือจับภาพได้ทั้งหมด
• คลิก Rec เพื่อเริ่มการบันทึก หรือคลิก Frame เพื่อถ่ายเฟรม
• โปรแกรมจดจำเฟรมที่คล้ายกันได้อย่างสมบูรณ์แบบ และต่อเข้าด้วยกันอย่างมีประสิทธิภาพโดยใช้พื้นหลังสีเขียว ซึ่งจะช่วยลดน้ำหนักดั้งเดิมของไฟล์
• คุณสามารถเปลี่ยนสี ความอิ่มตัวของสี เลือกเฟรม (Shift + Ctrl + คลิก) ใช้ขาวดำ เปลี่ยนขนาด เพิ่มข้อความลงในเฟรม และอื่นๆ อีกมากมาย...

รายละเอียดเกี่ยวกับเว็บไซต์ของนักพัฒนา blog.bahraniapps.com/gifcam

บันทึก

อีกหนึ่งผู้สร้าง GIF ที่ง่ายและรวดเร็วมากจากหน้าจอคอมพิวเตอร์ รองรับ Windows และ Mac? แน่นอนว่ามันด้อยกว่าในด้านฟังก์ชั่นและการแก้ไข GifCam? แต่นั่นคือเหตุผลว่าทำไมมันจึงมีคุณค่า ความเร็ว และ การควบคุมที่ชัดเจน- คลิก REC (บันทึก) และรับลิงก์ไปยังวิดีโอ ซึ่งคุณสามารถดาวน์โหลดได้จากเว็บไซต์ การตั้งค่าขั้นต่ำจะอยู่ในไอคอนถาด เหมาะสำหรับคำแนะนำและ screencasts สำหรับ

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

ความคิดเห็น: เนื่องจากตัวฉันเองใช้ Photoshop ด้วยอินเทอร์เฟซภาษาอังกฤษ รายการเมนูทั้งหมด ชื่อปุ่ม ฯลฯ จึงเป็นภาษาอังกฤษ ผู้ที่ใช้เวอร์ชันรัสเซียสามารถค้นหาองค์ประกอบที่เกี่ยวข้องในอินเทอร์เฟซ Photoshop ได้อย่างง่ายดาย

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

สิ่งที่คุณต้องมี:

• โฟโต้ชอป ซีเอส3.
• ติดตั้ง QuickTime แล้ว มันจะไม่ทำงานหากไม่มีมัน
• หัวและมือ. หากไม่มีพวกเขาก็ไม่มีอะไรทำงานเลย

1. นำเข้ารูปภาพ GIF ที่มีอยู่

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

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

2. การเปลี่ยนความเร็วของภาพเคลื่อนไหว

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

3. การปรับขนาดและการครอบตัด

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

4. การถอดเฟรม

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

5. การเพิ่มประสิทธิภาพและการประหยัดขั้นสุดท้าย

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

คลิกที่ บันทึกตั้งชื่อไฟล์ - เราได้ผลลัพธ์แล้ว คุณสามารถลากมันไปที่ เบราว์เซอร์ที่แตกต่างกันเพื่อทดสอบพฤติกรรม

ป.ล. ฉันยังไม่ได้ทดสอบด้วยตัวเอง แต่พวกเขาอ้างว่าใน CS4 ทุกอย่างทำงานได้เหมือนกันทุกประการ