ฉันเพิ่งถ่ายภาพตลกๆ ของลูกพี่ลูกน้องของฉัน และต้องการสร้างGIF แบบ^(GIF) เคลื่อนไหวของฉันเอง แทนที่จะใช้ "รูปเก๋อัตโนมัติ" ที่สร้างโดยGoogle+ โดย อัตโนมัติ เนื่องจากฉัน ติดตั้ง Photoshop CS6ไว้ ฉันจึงคิดว่าจะลองดูและดูว่าเกิดอะไรขึ้น ตอนแรก ฉันคิดว่ามันจะค่อนข้างตรงไปตรงมา: นำเข้ารูปภาพไปยังเลเยอร์ที่แยกจากกัน แล้วบันทึกเป็นไฟล์ GIF ที่^{(GIF file)}มีแอนิเมชั่น ผิด!

หากคุณพยายามสร้างGIFในลักษณะนี้ คุณจะสังเกตเห็นว่าส่วนแอนิเมชัน^{(Animation section)}ใน กล่องโต้ตอบ บันทึก^(Save)สำหรับเว็บ^{(Web dialog)}เป็นสีเทา เพื่อให้คุณสามารถเลือกตัวเลือกการวนซ้ำได้ คุณต้องสร้างสิ่งที่เรียกว่าFrame Animation^{(Frame Animation)}ในPhotoshop CS6 ฟังดูซับซ้อน แต่ก็ค่อนข้างง่ายที่จะทำ ในโพสต์นี้ ฉันจะอธิบายขั้นตอนต่างๆ ในการสร้างGIF แบบ^(GIF) เคลื่อนไหวของคุณเอง โดยใช้ภาพนิ่ง

ฉันจะพูดถึงวิธีการนำเข้าวิดีโอและแปลง^{(video and convert)}เป็นGIF แบบ^(GIF)เคลื่อนไหว เฉพาะกระบวนการนำเข้า^{(import process)} ที่ แตกต่างกันเมื่อนำเข้าวิดีโอ ขั้นตอนที่เหลือยังคงเหมือนเดิม

ขั้นตอนที่ 1 – นำเข้ารูปภาพทั้งหมด

สิ่งแรกที่คุณจะต้องทำคือนำเข้ารูปภาพทั้งหมดของคุณไปยังเลเยอร์ที่แยกจากกันในไฟล์ photoshop ไฟล์^{(photoshop file)}เดียว ตัวอย่างเช่น หากคุณมี 6 ภาพ ให้เปิดภาพทั้งหมดในPhotoshopแล้วสร้างไฟล์ใหม่ จากนั้นคัดลอก^{(file and copy)}และวางภาพแต่ละภาพลงในเลเยอร์ที่แยกจากกันในไฟล์ใหม่ เลเยอร์ 1^{(Layer 1)}ควรเป็นรูปภาพเริ่มต้นของคุณ และเลเยอร์สุดท้ายควรเป็นรูปภาพสุดท้ายในแอนิเมชัน

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

ขั้นตอนที่ 2 – สร้างแอนิเมชั่นเฟรม

ขั้นตอนที่สองคือการสร้างแอนิเมชั่นจริงในPhotoshopเอง ในการดำเนินการนี้ คุณต้องเปิดหน้าต่างไทม์ไลน์^{(Timeline window)}ก่อน ไปที่Windowแล้วเลือกTimeline

ตอนนี้คุณจะเห็น หน้าต่าง ไทม์ไลน์^(Timeline)เปิดขึ้นที่ด้านล่างของหน้าจอ ควรว่างเปล่าโดยสมบูรณ์เพื่อเริ่มต้น ตอนนี้เพื่อสร้างเฟรมแอนิเมชั่น^{(frame animation)}เพียงคลิกขวาที่ใดก็ได้ในกล่องไทม์ไลน์^{(Timeline box)}แล้วเลือกCreate Frame Animation

เมื่อคุณทำเช่นนี้ คุณจะเห็นเพียงภาพเดียวในไทม์ไลน์โดยมี 1 ภาพเล็กๆ อยู่ที่มุมซ้าย^{(left corner)}บน มันจะเป็นรูปภาพที่คุณเลือกในแผงเลเยอร์^{(Layers panel)}หรือมันจะเป็นเลเยอร์ที่เพิ่มล่าสุด (ภาพสุดท้ายในแอนิเมชั่น) ณ จุดนี้ มันเป็นแอนิเมชั่นหนึ่งเฟรม^{(frame animation)}ซึ่งไม่ใช่สิ่งที่เราต้องการ

แต่เราต้องการให้รวมเลเยอร์ทั้งหมดไว้ในแอนิเมชั่นแทน ในการดำเนินการนี้ เราต้องคลิกปุ่มลูกศรชี้ลงเล็กๆ ที่ด้านขวาสุดของหน้าต่างไทม์^{(Timeline window)}ไลน์ มันมีลูกศรชี้ลงเล็กๆ แล้วตามด้วยเส้นแนวนอนสองสามเส้นข้างๆ เมื่อคุณคลิกที่ตัวเลือกนั้น คุณจะเห็นตัวเลือกที่เรียกว่าMake Frames From Layers^{(Make Frames From Layers)}

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

ดังที่คุณเห็นด้านบน เฟรมแรกคือ 5 วินาที จากนั้นเฟรมที่เหลือจะถูกตั้งค่าเป็น 0 คุณจะต้องปรับเปลี่ยนตามนั้น แต่คุณสามารถเลือกระยะ เวลา ที่กำหนดเอง^{(custom amount)}ได้เช่นกัน

เมื่อคุณเลือกเวลาสำหรับแต่ละเฟรมแล้ว คุณก็พร้อมสำหรับขั้นตอนสุดท้าย ซึ่งจะบันทึกภาพเคลื่อนไหวใหม่ของคุณลงในไฟล์GIF^{(GIF file)}

ขั้นตอนที่ 3 – บันทึกไฟล์ GIF

ตอนนี้ได้เวลาบันทึกGIF แบบ^(GIF) เคลื่อนไหวของคุณ แล้ว โดยไปที่FileและคลิกSave for Web ที่ด้านล่างสุดของกล่องโต้ตอบบันทึก^{(save dialog)}คุณจะเห็นส่วนแอนิเมชั่น^{(Animation section)}ซึ่งไม่ควรเป็นสีเทาอีกต่อไป

ตัวเลือกของคุณที่นี่ค่อนข้างเข้าใจง่าย คุณสามารถเลือกได้เฉพาะวิธีที่คุณต้องการให้วนซ้ำ จากนั้นดูตัวอย่างภาพเคลื่อนไหวก่อนบันทึก เกี่ยวกับมัน! หวังว่าคู่มือนี้จะช่วยคุณสร้างGIF แบบ^(GIF) เคลื่อนไหว ในPhotoshop CS6ได้อย่างไม่มีปัญหา!

บทสรุป

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

ประการที่สอง หากคุณมีวิดีโอ คุณสามารถนำเข้าเฟรมวิดีโอไปยังเลเยอร์ได้โดยอัตโนมัติโดยไปที่File จาก^(File)นั้นนำเข้า^(Import)และคลิกที่Video Frames to Layers

นั่นคือทั้งหมดที่มีให้ อีกครั้ง^(Again)ในการจัดการขนาด คุณอาจต้องลดคุณภาพของภาพเพื่อสร้างไฟล์ GIF^{(GIF file)} ขนาด เล็ก สนุก!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took ѕome funny pictures of my coυsіn and wаnted to create my own аnimated GIF instead of using the “Auto Awesome” one creatеd automatically by Gоoglе+. Since I have Photoshop CS6 іnstalled, I figured I would give it a shot and see what haрpens. At first, I thought it would be fаirly ѕtraіght-forward: import the images into separate laуers and then just save it out as a GIF file with animation. Wrong!

If you try to create the GIF in this manner, you’ll notice that the Animation section in the Save for Web dialog is greyed out. In order to get that activated so you can choose the looping options, you have to create what’s called a Frame Animation in Photoshop CS6. It sounds complicated, but it’s pretty easy to do. In this post, I’ll walk you through the steps for creating your own animated GIF using still images.

I’ll also mention how to import a video and convert that into an animated GIF. Only the import process differs when importing a video, the rest of the steps remain the same.

Step 1 – Import All Images

The first thing you’re going to need to do is import all your images into separate layers in one photoshop file. So if you have 6 images, for example, open all of them in Photoshop and then create a new file and copy and paste each of the images into a separate layer in the new file. Layer 1 should be your starting picture and the last layer should be the last picture in the animation.

This part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.

Step 2 – Create Frame Animation

The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.

Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers.

Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.

As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.

Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.

Step 3 – Save GIF File

Now it’s time to save your animated GIF. To do this, go to File and click on Save for Web. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.

Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it. That’s about it! Hopefully this guide will help you create your animated GIF in Photoshop CS6 without a hitch!

Conclusion

There are a couple of things worth mentioning. Firstly, if you find the animated GIF is too large, then you will first need to reduce the size of the individual images before you create your final Photoshop file with the multiple layers. You can either crop the images if you only need a portion of the photos to create the animation or you can reduce the size of the whole image.

Secondly, if you have a video, then you can import the video frames into layers automatically by going to File, then Import and clicking on Video Frames to Layers.

So that’s all there is to it. Again, in order to manage the size, you might have to reduce the quality of the images in order to create a small GIF file. Enjoy!

Related posts

• วิธีบันทึก GIF แบบเคลื่อนไหวไปยังมือถือและคอมพิวเตอร์

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

• วิธีการแปลง Multiple Images เข้า PDF Files

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

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

• วิธีการสร้าง Spotify Louder and Sound Better

• วิธีการ Mute Someone บน Discord

• 10 Best Ways ถึง Child Proof Your Computer

• ไม่ Computer Randomly Turn ของคุณบนด้วยตัวเอง?

• คุณสามารถเปลี่ยน Twitch Name ของคุณได้ไหม ใช่ แต่ Be Careful

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

• วิธีการเปลี่ยนภาษาใน Netflix

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

• วิธีการค้นหาเซิร์ฟเวอร์ Discord ที่ดีที่สุด

• วิธีการแยก Clip ใน Adobe Premiere Pro

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

• Discord Streamer Mode and How ที่จะตั้งขึ้นคืออะไร

• วิธีการ Fix Hulu Error Code RUNUNK13

• วิธีการ Detect Computer & Email Monitoring หรือ Spying Software

• วิธีการเปิด File กับ No Extension