لقد التقطت مؤخرًا بعض الصور المضحكة لابن عمي وأردت إنشاء ملف GIF^(GIF) متحرك خاص بي بدلاً من استخدام "الأدوات التلقائية الرائعة" التي تم إنشاؤها تلقائيًا بواسطة Google+ . نظرًا لأنني قمت بتثبيت Photoshop CS6 ، فقد اعتقدت أنني سأعطيها لقطة وأرى ما سيحدث. في البداية ، اعتقدت أنه سيكون أمرًا مباشرًا إلى حد ما: قم باستيراد الصور إلى طبقات منفصلة ثم احفظها كملف GIF^{(GIF file)} مع رسوم متحركة. خاطئ - ظلم - يظلم!

إذا حاولت إنشاء ملف GIF بهذه الطريقة ، فستلاحظ أن قسم الرسوم المتحركة^{(Animation section)} في مربع الحوار Save for Web^{(Web dialog)} معطل. لتنشيط ذلك حتى تتمكن من اختيار خيارات التكرار ، يجب عليك إنشاء ما يسمى بـ Frame Animation في Photoshop CS6 . يبدو الأمر معقدًا ، لكن من السهل جدًا القيام به. في هذا المنشور ، سوف أطلعك على خطوات إنشاء صور GIF المتحركة الخاصة بك باستخدام الصور الثابتة.

سأذكر أيضًا كيفية استيراد مقطع فيديو وتحويله^{(video and convert)} إلى صورة GIF متحركة . تختلف عملية الاستيراد^{(import process)} فقط عند استيراد مقطع فيديو ، وتظل بقية الخطوات كما هي.

الخطوة 1 - استيراد جميع الصور

أول شيء عليك القيام به هو استيراد كل صورك إلى طبقات منفصلة في ملف فوتوشوب^{(photoshop file)} واحد . لذا ، إذا كان لديك 6 صور ، على سبيل المثال ، افتحها جميعًا في Photoshop ثم أنشئ ملفًا جديدًا وانسخ^{(file and copy)} والصق كل صورة في طبقة منفصلة في الملف الجديد. يجب أن تكون الطبقة الأولى^{(Layer 1)} هي صورة البداية ويجب أن تكون الطبقة الأخيرة هي الصورة الأخيرة في الرسم المتحرك.

من المحتمل أن يستغرق هذا الجزء من العملية معظم الوقت من بين جميع الخطوات. من المحتمل أن تكون هناك طريقة أسهل وأسرع للقيام بذلك في Photoshop ، ولكن نظرًا لأنني لست مستخدمًا محترفًا ، أقوم بنسخ كل صورة ولصقها يدويًا في ملف Photoshop^{(Photoshop file)} جديد . إذا كنت تعرف طريقة أسرع ، فيرجى إبلاغي بذلك في التعليقات.

الخطوة 2 - إنشاء إطار متحرك

الخطوة الثانية هي إنشاء الرسوم المتحركة الفعلية في Photoshop نفسه. للقيام بذلك ، عليك أولاً فتح نافذة المخطط الزمني^{(Timeline window)} . اصعد إلى Window واختر Timeline .

الآن سترى نافذة الخط الزمني^(Timeline) مفتوحة في الجزء السفلي من الشاشة. يجب أن يكون فارغًا تمامًا للبدء به. الآن لإنشاء رسم متحرك للإطار^{(frame animation)} ، ما عليك سوى النقر بزر الماوس الأيمن في أي مكان في مربع Timeline^{(Timeline box)} واختيار Create Frame Animation .

عند القيام بذلك ، سترى الآن صورة واحدة فقط في المخطط الزمني مع صورة صغيرة واحدة في الزاوية اليسرى العليا^{(left corner)} . ستكون إما الصورة التي حددتها في لوحة Layers^{(Layers panel)} أو ستكون أحدث طبقة مضافة (آخر صورة في الرسم المتحرك). في هذه المرحلة ، تكون الرسوم المتحركة ذات إطار^{(frame animation)} واحد ، وهذا ليس ما نريده.

بدلاً من ذلك ، نريد تضمين جميع الطبقات في الرسوم المتحركة. للقيام بذلك ، يتعين علينا النقر فوق زر السهم الصغير الصغير في أقصى يمين نافذة المخطط الزمني^{(Timeline window)} . إنه يحتوي على سهم صغير لأسفل ثم خطان أفقيان بجانبه. عند النقر فوق ذلك ، سترى خيارًا يسمى Make Frames From Layers .

الآن يجب أن ترى إطارًا لكل طبقة لديك في ملفك. سيحتوي كل إطار أيضًا على قائمة منسدلة صغيرة أسفل الصورة تتيح لك تحديد طول الوقت الذي يجب عرض كل إطار فيه.

كما ترى أعلاه ، فإن الإطار الأول هو 5 ثوانٍ ثم يتم ضبط الباقي على 0. سيتعين عليك تعديلها وفقًا لذلك ، ولكن يمكنك أيضًا اختيار مقدار مخصص^{(custom amount)} من الوقت.

بمجرد تحديد الوقت لكل إطار ، فأنت جاهز للخطوة الأخيرة ، وهي حفظ الرسوم المتحركة الجديدة في ملف GIF^{(GIF file)} .

الخطوة 3 - حفظ ملف GIF

حان الوقت الآن لحفظ ملف GIF^(GIF) المتحرك الخاص بك . للقيام بذلك ، انتقل إلى ملف^(File) وانقر على حفظ للويب^{(Save for Web)} . في الجزء السفلي من مربع حوار الحفظ^{(save dialog)} ، سترى قسم الرسوم المتحركة^{(Animation section)} ، والذي لم يعد معطلاً.

خياراتك هنا سهلة الفهم. يمكنك حقًا فقط اختيار الطريقة التي تريد تكرارها ثم معاينة الرسم المتحرك قبل حفظه. هذا عن ذلك! نأمل أن يساعدك هذا الدليل في إنشاء صور GIF المتحركة في Photoshop CS6 دون أي عوائق!

خاتمة

هناك بعض الأشياء الجديرة بالذكر. أولاً ، إذا وجدت أن صورة GIF المتحركة كبيرة جدًا ، فستحتاج أولاً إلى تقليل حجم الصور الفردية قبل إنشاء ملف Photoshop^{(Photoshop file)} النهائي الخاص بك مع الطبقات المتعددة. يمكنك إما اقتصاص الصور إذا كنت تحتاج فقط إلى جزء من الصور لإنشاء الرسوم المتحركة أو يمكنك تقليل حجم الصورة بأكملها.

ثانيًا ، إذا كان لديك مقطع فيديو ، فيمكنك استيراد إطارات الفيديو إلى طبقات تلقائيًا بالانتقال إلى ملف^(File) ، ثم استيراد^(Import) والنقر فوق إطارات الفيديو إلى الطبقات^{(Video Frames to Layers)} .

هذا كل ما في الأمر. مرة أخرى^(Again) ، من أجل إدارة الحجم ، قد تضطر إلى تقليل جودة الصور لإنشاء ملف GIF^{(GIF file)} صغير . استمتع!

How to Create Animated GIFs from Images using Photoshop CS6

I recently took some funny pictures of my cousin and wanted to create my own animated GIF instead of using the “Auto Awesome” one created automatіcally by Googlе+. Since I haνe Photoѕhop CS6 іnstalled, I figured I would gіνe it a shot and see what happens. Αt first, I thought it woυld be fairly straight-forward: import the images into separate layers and then jυst save it out as a GIF file with animatiоn. 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

• كيفية إضافة خلفية إلى صورة شاشة خضراء في برنامج فوتوشوب

• 7 تعديلات سهلة للصور يمكنك القيام بها في برنامج فوتوشوب

• كيفية Insert Emoji في Word، Google Docs and Outlook

• كيفية استخدام VLOOKUP في صفائح Google

• كيفية تغيير اللغة على Netflix

• كيفية فتح File مع No Extension

• ما هو Uber Passenger Rating and How للتحقق من ذلك

• كيفية تقسيم Clip في Adobe Premiere Pro

• كيفية التحقق Your Hard Drive عن أخطاء

• كيفية Search Facebook Friends بواسطة Location، Job، أو School

• OLED vs microled: يجب أن تنتظر؟

• كيفية Detect Computer & Email Monitoring أو Spying Software

• ما هو Discord Streamer Mode and How لإعداده

• كيفية Mute Someone على Discord

• يمكنك تغيير Twitch Name الخاص بك؟ نعم، لكن Be Careful

• كيفية العثور على خوادم أفضل الخلاف

• كيفية جعل أي Wired Printer Wireless في 6 Different طرق