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

مثل معظم أدوات الرسوم المتحركة ، ستحتاج إلى إنشاء كل إطار كصور منفصلة ، لذلك ستحتاج إلى تخصيص بعض الوقت لإنشاء كل إطار يدويًا ، خاصة إذا كنت تخطط لعمل رسوم متحركة معقدة.

ابدأ بعمل إطارات الرسوم المتحركة الخاصة بك في Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

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

الحيلة لتعلم كيفية التحريك في Photoshop هي القيام بحركات صغيرة وحفظ صورة جديدة في كل مرة تقوم فيها بالحركة. يجب أن يكون لكل حركة نفس الوزن بالنسبة لها. على سبيل المثال ، إذا كنت تريد أن ينزلق سطر من النص عبر الشاشة ، فيجب أن يجعل كل إطار النص يتحرك بنفس عدد وحدات البكسل حتى تبدو الرسوم المتحركة سلسة.

إذا لم تكن متأكدًا من كيفية الانتقال من النقطة A إلى B في الرسم المتحرك ، فابدأ بإطار النهاية أولاً ، ثم أنشئ الإطار الأول. أخيرًا ، املأ الإطارات الموجودة بينهما.

أثناء قيامك بحفظ كل صورة ، قم بتسميتها رقميًا حتى لا يتم الخلط بينك وبين وضعها.

كيفية تحريك سلسلة من الصور في برنامج فوتوشوب^{(How To Animate a Sequence Of Images In Photoshop)}

بمجرد حصولك على صور إطار تلو الآخر ، حان الوقت لتحويلها إلى رسوم متحركة. تأكد^(Make) من اتباع الخطوات أدناه بعناية.

1. انقر فوق ملف^(File) ، انقر فوق البرامج النصية^(Scripts) ، ثم انقر فوق تحميل الملفات في مكدس ..^{( Load Files Into Stack..)}
2. انقر فوق " استعراض" ...^{(Browse… )} وحدد كل الإطارات الخاصة بك للرسوم المتحركة.
3. انقر فوق " موافق^(OK) " وانتظر حتى يتم تحميل الصور في طبقات منفصلة.
4. انقر فوق Window ثم Timeline لفتح نافذة الرسوم المتحركة.
5. انقر فوق سهم القائمة المنسدلة^{(dropdown arrow)} في لوحة الخط الزمني وحدد Create Frame Animation .
6. انقر فوق إنشاء رسوم متحركة للإطار^{(Create Frame Animation)} . 

سيكون لديك الآن طبقة في مخططك الزمني. الخطوة التالية هي تحويل كل طبقة من طبقاتك إلى إطار جديد. اتبع الخطوات التالية.

1. انقر فوق تحديد^{( Select )} في الجزء العلوي ثم انقر فوق كل الطبقات.^{(All Layers.)}
2. انقر فوق رمز قائمة المكدس الثلاثة^{( three stack menu icon)} على الجانب الأيسر من لوحة المخطط الزمني.
3. في القائمة التي تظهر ، انقر فوق إنشاء طبقة جديدة لكل إطار جديد^{(Create New Layer for Each New Frame)} .
4. انقر فوق رمز قائمة المكدس الثلاثة^{( three stack menu icon)} ، ثم انقر فوق إنشاء إطارات من الطبقات^{(Make Frames From Layers)} .

سيتم الآن تحميل جميع صورك في إطارات منفصلة. المهمة التالية هي اختيار الوقت الذي سيستغرقه كل إطار. قد يستغرق الأمر بعض الاختبارات للحصول على السرعة الصحيحة ، ولكن يمكنك اختيار وقت الإطار لكل إطار فردي بالنقر فوق السهم الموجود أسفل كل إطار^{(the arrow under each frame )} بجوار نص 0 ثانية^{( 0 sec)} .

يمكنك تجربة أوقات مختلفة ، ولكن من الأفضل أن تبدأ باختيار نفس الوقت مع كل إطار. إذا احتوت إحدى الرسوم المتحركة على مشاهد أو مراحل مختلفة من الرسوم المتحركة ، فقد ترغب في ضبط التوقيتات لكل من هذه المراحل / المشاهد على حدة.

يمكنك النقر فوق زر التشغيل لعرض الرسوم المتحركة في أي وقت. هناك عدد من عناصر التحكم الأخرى في نافذة المخطط الزمني أيضًا ، والتي شرحناها من اليسار إلى اليمين أدناه.

تبديل الجدول الزمني^{(Timeline Switch)}

قم بتبديل الخط الزمني بين مخطط زمني إطار بإطار والجدول الزمني التقليدي للفيلم.

مبلغ التشغيل^{(Playback Amount)}

غيّر^(Change) ما إذا كان الرسم المتحرك يعمل إلى الأبد أو لعدد معين من التكرارات قبل التوقف. سيؤثر هذا على النتيجة النهائية بمجرد حفظها كملف GIF . يمكنك تغيير هذا الإعداد مرة أخرى قبل تصدير الرسوم المتحركة لاحقًا.

قائمة التشغيل المنسدلة^{(Playback Dropdown)} 

يعد سهم القائمة المنسدلة الذي تراه على عناصر تحكم المخطط الزمني طريقة أخرى للوصول إلى مقدار التشغيل.

ضوابط التشغيل^{(Playback Controls)}

قم بتشغيل الرسوم المتحركة وإيقافها^(Play) مؤقتًا وإيقافها وانتقالها إلى النهاية أو البداية باستخدام عناصر التحكم في التشغيل الأربعة المتاحة.

توين^(Tween)

استخدم ميزة Tween لإنشاء إطارات "بينية" لجعل الرسوم المتحركة تبدو أكثر سلاسة. سيتم شرح ميزة Tween بمزيد من التفاصيل أدناه.

إطار مكرر^{(Duplicate Frame)}

سيقوم هذا الزر بتكرار أي إطار محدد حاليًا وسيضعه في المخطط الزمني بعد الإطار الأصلي.

حذف الإطار^{(Delete Frame)}

سيؤدي هذا الخيار إلى حذف أي إطار محدد.

كيفية تصدير الرسوم المتحركة الخاصة بك في فوتوشوب^{(How To Export Your Photoshop Animation)}

بمجرد رضاك ​​عن الرسوم المتحركة في Photoshop ، يمكنك تصديرها باتباع الخطوات أدناه.

1. انقر فوق جديد^(New) .
2. انقر فوق تصدير^(Export) ثم انقر فوق حفظ للويب (قديم) ...^{(Save for Web (Legacy)…)}
3. إذا كان لديك رسم متحرك بألوان مفصلة ، فحدد GIF 128 Dithered ضمن القائمة المنسدلة المعدة مسبقًا.
4. إذا كان لديك رسم متحرك بألوان كتلة بسيطة ، فاختر GIF 128 No Dither .
5. تأكد^(Make) من تعيين الخيار المفضل لديك في Looping Options في الأسفل. 
6. أخيرًا ، انقر فوق حفظ ...^(Save…) واختر مكانًا لحفظ GIF على جهاز الكمبيوتر الخاص بك.

كيفية جعل الرسوم المتحركة سلسة في برنامج فوتوشوب^{(How To Make An Animation Smooth In Photoshop)}

ما لم تكن متمرسًا في صنع الرسوم المتحركة من إطار بإطار ، فقد تبدو النتيجة النهائية غير واضحة إلى حد ما. لحسن الحظ ، يمكنك استخدام ميزة Tween لملء الفجوات تلقائيًا في الرسوم المتحركة الخاصة بك لجعل الأشياء تبدو أكثر سلاسة.

للقيام بذلك ، اضغط مع الاستمرار على مفتاح shift ، وانقر فوق إطارين منفصلين في نافذة المخطط الزمني ، وانقر فوق رمز Tween^{(Tween icon)} . بعد ذلك ، انقر لاختيار ما إذا كان إعداد Tween سيستخدم الموضع أو العتامة^{(position, opacity)} أو التأثيرات^(effects) . بالنسبة لمعظم الرسوم المتحركة المستندة إلى الحركة ، سترغب في استخدام الموضع^(position) . 

تأكد من تحديد All Layers^{(All Layers)} ثم انقر فوق OK . كرر هذه العملية لكل إطار مزدوج. على سبيل المثال الإطار 1 و 2 ، ثم الإطار 3 و 4 ، وهكذا.

ملخص^(Summary)

نأمل أن يكون دليلنا حول كيفية التحريك في Photoshop قد ساعد. إذا كنت بحاجة إلى مزيد من المساعدة ، فلا تتردد في ترك تعليق أدناه.

How To Animate An Image In Photoshop

With some practice аnd patienсe, you can learn how to animate in Photоshop аnd turn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• كيفية إزالة أو استبدال خلفية في برنامج فوتوشوب

• كيفية تبييض الأسنان في برنامج فوتوشوب

• كيف تمتزج في برنامج فوتوشوب

• كيفية استخدام الريش والتعتيم في برنامج فوتوشوب

• كيفية قص كائن في صورة في Photoshop CC

• كيفية قياس المسافة في برنامج فوتوشوب

• كيفية حماية ملف PDF بكلمة مرور للحفاظ عليه آمنًا

• كيفية تنزيل مثبت Google Chrome Offline (مستقل)

• كيفية إعادة ضبط المصنع لجهاز Xbox One أو Xbox Series X.

• كيف تطير طائرة بدون طيار لمجموع المبتدئين

• كيفية منحنى النص في برنامج فوتوشوب

• كيفية التقاط لقطات الشاشة على Nintendo Switch

• 7 نصائح فنية لتحسين محركات البحث لأي موقع ويب

• كيفية مواجهة المبادلة في برنامج فوتوشوب

• 8 من أفضل الأفكار التقنية للتعامل مع العزلة الذاتية

• كيفية فتح ملف مغلق عند استخدامه من قبل برنامج آخر

• مراجعة الكتاب - دليل How-To Geek لنظام التشغيل Windows 8

• كيفية استخدام جهاز Chromebook كشاشة ثانية

• كيف تصنع الكمبيوتر المحمول الخاص بك

• تثبيت ملحقات GIMP: دليل إرشادي