เคยสงสัยหรือไม่ว่าGIF แบบ^(GIFs) ยาวที่ คุณเห็นบนเว็บไซต์อย่างImgurนั้นถูกสร้างขึ้นมาอย่างไร? หลายครั้งที่ครีเอเตอร์ถ่ายวิดีโอ แปลงเนื้อหาทั้งหมดเป็นGIF แบบ^(GIF) เคลื่อนไหว แล้วซ้อนข้อความเพื่อสร้างความบันเทิง

ตอนนี้โพสต์^{(post isn)} นี้ จะไม่สอนวิธีสร้างGIF^(GIFs) แฟนซี ตั้งแต่ต้นจนจบ แต่จะสอนวิธีถ่ายวิดีโอและอย่างน้อยแปลงเป็นGIF แบบ^(GIF)เคลื่อนไหว ฉันจะเขียนอีกโพสต์เกี่ยวกับวิธีเพิ่มข้อความและกราฟิกในGIFของ คุณ

ฉันจะใช้Photoshop CCสำหรับบทช่วยสอนนี้เพราะจะช่วยให้คุณสามารถควบคุมผลิตภัณฑ์ขั้นสุดท้ายได้มากขึ้นในแง่ของขนาด คุณภาพ เฟรม ฯลฯ

แปลงวิดีโอก่อนนำเข้า

ก่อนที่คุณจะเริ่ม คุณอาจต้องแปลงวิดีโอของคุณให้อยู่ในรูปแบบไฟล์^{(file format)}ที่Adobe Photoshopรองรับ ตัวอย่างเช่น ฉันถ่ายวิดีโอจาก iPhone ของฉันและดาวน์โหลดลงในคอมพิวเตอร์ ฉันพยายามนำเข้าวิดีโอไปยังPhotoshopแต่ได้รับข้อผิดพลาดดังต่อไปนี้:

Could not complete the Video Frames to Layers command because the file has no video frames.

วิดีโอเป็นไฟล์ MOV^{(MOV file)}แต่Photoshop ไม่รองรับ ตัว แปลงสัญญาณที่ Appleใช้ ในการแก้ไขปัญหาประเภทนี้ คุณต้องดาวน์โหลดโปรแกรมเช่นHandBrakeเพื่อแปลงวิดีโอ

มันง่ายมากที่จะใช้HandBrake เพียงคลิก^{(Just click)}ที่ไฟล์^(File) – เลือกแหล่งที่มา^{(Choose Source)}และเลือกไฟล์วิดีโอ^{(video file)}ของ คุณ ณ จุดนี้ สิ่งที่คุณต้องทำคือคลิกปุ่มเริ่ม การ เข้ารหัส ^{(Start Encode)}โดยค่าเริ่มต้น จะใช้ ค่าที่ตั้งไว้ล่วงหน้า 1080p30 อย่างรวดเร็ว^{( Fast 1080p30)}ที่คุณเห็นอยู่ทางด้านขวา พวกมันมีพรีเซ็ตมากมาย ดังนั้นให้เลือกอันที่เหมาะกับคุณ โปรดทราบว่าคุณสามารถลดความละเอียดของGIFในPhotoshopได้ในภายหลัง ดังนั้นคุณไม่จำเป็นต้องทำในHandBrake

เมื่อมันถูกแปลงเป็นไฟล์ MP4^{(MP4 file)}โดยใช้ ตัวแปลงสัญญาณ วิดีโอ H.264^{(H.264 video)}เราก็สามารถนำเข้าไปยังPhotoshopได้แล้ว

นำเข้าวิดีโอและสร้าง GIF^{(Import Video and Create GIF)}ในPhotoshop

เปิด Photoshop CC และคลิกที่Fileจากนั้นImportจากนั้นไปที่Video Frames to Layers

เลือกไฟล์วิดีโอของคุณ แล้วคลิกเปิด ^(Open)การดำเนินการนี้จะแสดงกล่องโต้ตอบพร้อมตัวอย่างวิดีโอขนาดเล็กและตัวเลือกสองสามตัวเลือก

ตอนนี้ ถ้าคุณต้องการให้วิดีโอทั้งหมดเป็นGIF แบบ^(GIF) เคลื่อนไหว ให้ปล่อยปุ่มตัว^{(radio button)}เลือกไปที่ตั้งแต่ต้นจน^{(From Beginning to End)}จบ หากคุณต้องการเพียงบางส่วน ให้เลือกช่วงที่เลือกเท่านั้น^{(Selected Range Only)}จากนั้นใช้ตัวควบคุมการตัดแต่งด้านล่างวิดีโอเพื่อเลือกช่วง

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

สุดท้าย คุณต้องตรวจสอบให้แน่ใจว่าได้เลือกช่องสร้างเฟรมแอนิเมชัน^{(Make Frame Animation)}แล้ว คลิกตกลง^{(Click OK)}และวิดีโอของคุณควรนำเข้าเป็นกลุ่มเฟรมในPhotoshop หากโปรแกรมขัดข้อง คุณอาจต้องลดคุณภาพของวิดีโอให้ดียิ่งขึ้นไปอีกก่อนที่จะพยายามนำเข้า

ตอนนี้ สิ่งที่เราต้องทำคือบันทึกเฟรมเป็นGIF แบบ^(GIF)เคลื่อนไหว ในการทำสิ่งนี้ในPhotoshop CCคุณต้องคลิกที่File – Export – Save for Web (ดั้งเดิม^((legacy)) ) โปรดทราบว่าก่อนที่จะบันทึกเป็นGIFคุณสามารถแก้ไขและลบเฟรมได้ตามต้องการ

ในกล่องโต้ตอบนี้ มีตัวเลือกมากมายที่คุณต้องลองเล่น ส่วนใหญ่จะส่งผลต่อคุณภาพของGIFซึ่งคุณสามารถดูได้ในพื้นที่แสดงตัวอย่าง^{(preview area)}ทางด้านซ้าย บานหน้าต่างด้านขวาเป็นที่ที่คุณจะทำการปรับเปลี่ยนส่วนใหญ่

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

ที่ด้านล่างใต้ขนาดภาพ คุณสามารถปรับ ^{( Image Size)}ความละเอียดเอาต์พุต^{(output resolution)}ขั้นสุดท้ายสำหรับGIF ของคุณ ได้ ดังนั้นหากวิดีโอของคุณมีขนาด 1920×1080 หรือ 4K คุณอาจต้องการลดขนาดลงอย่างมากที่นี่ ภายใต้Animation คุณ^(Animation)สามารถเลือกForever , OnceหรือCustom for Looping Options ตามค่าเริ่มต้นGIFจะวนซ้ำอย่างต่อเนื่อง คุณสามารถใช้ตัวควบคุมที่ด้านล่างเพื่อเล่นGIFเพื่อดูว่ามีลักษณะอย่างไร

คลิก บันทึก^{(Click Save)}และเลือกตำแหน่งที่จะบันทึกGIFของ คุณ เกี่ยวกับมัน. Photoshopทำให้ง่ายต่อการสร้างGIF แบบ^(GIFs) เคลื่อนไหว จากวิดีโอ และช่วยให้คุณปรับแต่งการตั้งค่าเพื่อให้เหมาะสม อ่านโพสต์ของฉันเกี่ยวกับวิธีสร้างGIF แบบ^(GIFs) เคลื่อนไหว จากรูปภาพโดยใช้Photoshop สนุก!

How to Create a GIF from a Video using Photoshop CC

Eνer wondеr how those lоng GIFs yoυ see on sites likе Imgur are created? A lot of times, the creatоrs take a video, convert the whole thing intо an animated GIF, and then superіmpose text tо make it entertaining.

Now this post isn’t going to teach you how to create those fancy GIFs from start to finish, but it will teach you how to take a video and at least convert it to an animated GIF. I’ll write up another post on how you can add text and graphics to your GIF.

I’ll be using Photoshop CC for this tutorial because it allows you to have more control over the final product in terms of size, quality, frames, etc.

Convert Video Before Importing

Before you start, you may need to convert your video to a file format that Adobe Photoshop will support. For instance, I took a video from my iPhone and downloaded it onto my computer. I then tried to import the video into Photoshop, but got the following error:

Could not complete the Video Frames to Layers command because the file has no video frames.

The video was a MOV file, but the codec that Apple uses is not supported in Photoshop. In order to fix this type of problem, you need to download a program like HandBrake to convert the video.

It’s very easy to use HandBrake. Just click on File – Choose Source and pick your video file. At this point, all you really have to do is click the Start Encode button. By default, it will use the Fast 1080p30 preset that you see listed on the right. They have many presets, so choose the one that works for you. Note that you can reduce the resolution of the GIF in Photoshop later on, so you don’t have to do it in HandBrake.

Once it has been converted to an MP4 file using the H.264 video codec, we can now import it into Photoshop.

Import Video and Create GIF in Photoshop

Open Photoshop CC and click on File, then Import and then Video Frames to Layers.

Pick your video file and click Open. This will bring up a dialog with a small preview of the video and a couple of options.

Now if you want the entire video as a an animated GIF, go ahead and leave the radio button to From Beginning to End. If you only need a portion, choose Selected Range Only and then use the trim controls below the video to pick the range.

In addition, to reduce the size of the final GIF as much as possible, you can also limit the number of frames. For example, if you check the box and leave it at 2 frames, that means Photoshop will remove every other frame from the video.

Lastly, you need to make sure the Make Frame Animation box is checked. Click OK and your video should be imported as a bunch of frames in Photoshop. If the program crashes, you may need to reduce the quality of the video even further before trying to import.

Now all we have to do is save the frames as an animated GIF. To do this in Photoshop CC, you need to click on File – Export – Save for Web (legacy). Note that before saving it out as a GIF, you can edit and delete frames as desired.

On this dialog, there are a bunch of options that you will have to play around with. Most of them will affect the quality of the GIF, which you will be able to see in the preview area on the left. The right pane is where you will make most of the adjustments.

Up at the top, you’ll see a dropdown called Preset. You can click on that and choose one of the presets or you can adjust the values yourself. Choosing one of the presets will reduce the quality of the GIF, but will make it smaller also. Make sure that GIF is selected in the dropdown below Preset.

At the bottom under Image Size, you can adjust the final output resolution for your GIF. So if you video was 1920×1080 or 4K, you probably will want to reduce it significantly here. Under Animation, you can choose Forever, Once or Custom for Looping Options. By default, the GIF will loop continuously. You can use the controls at the bottom to play the GIF to see how it looks.

Click Save and choose a location to save your GIF. That’s about it. Photoshop makes it very easy to create animated GIFs from videos and allows you to tweak the settings to get it just right. Also, read my posts on how to create animated GIFs from images using Photoshop. Enjoy!

Related posts

• 3 วิธีในการใช้ Photo or Video บน Chromebook

• อะไร Do BCC and CC Mean? ความเข้าใจ Basic Email Lingo

• วิธีการ Mask ใน Photoshop เพื่อ Hide Layers

• วิธีการ Sync Audio and Video ใน Adobe Premiere Pro

• วิธีที่ดีที่สุดในการเพิ่ม GIF ในอีเมลของคุณ

• วิธีทำให้วิดีโอมีเสถียรภาพใน Premiere Pro

• 4 Ways เพื่อค้นหาอินเทอร์เน็ตที่ดีที่สุด Options (ISPs) ในพื้นที่ของคุณ

• วิธีฝังวิดีโอในวิดีโอใน Adobe Premiere

• วิธีการเพิ่ม Voiceover ถึง Video ใน Adobe Premiere

• 6 เคล็ดลับการตัดต่อวิดีโอสำหรับมือใหม่

• วิธีแก้ไขวิดีโอหน้าจอสีเขียวใน Adobe Premiere Pro

• วิธีจับภาพนิ่งจากวิดีโอหรือดีวีดี

• 7 การปรับแต่งภาพง่ายๆ ที่คุณทำได้ใน Photoshop

• วิธีเปลี่ยนพื้นหลังในรูปภาพโดยใช้ Photoshop

• วิธีลบวิดีโอ TikTok

• วิธีการรับ Rid ของ Yahoo Search ใน Chrome

• วิธีเพิ่มพื้นหลังให้กับภาพหน้าจอสีเขียวใน Photoshop

• ทุกสิ่งที่คุณต้องการรู้เกี่ยวกับวิดีโอ 360 องศา

• วิธียกเลิกการสมัครสมาชิกช่องทีวีและภาพยนตร์ใน Amazon Prime Video

• วิธีสร้างภาพขาวดำใน Photoshop