إنشاء الرسوم المتحركة في Photoshop CC. ما هي الرسوم المتحركة

قم بإنشاء ملف بحجم جديد 700 x 300 مقصف.

فتح النافذة الجدول الزمني((نافذة - الجدول الزمني)).

انقر فوق الزر " إنشاء إطار متحرك»(إنشاء إطار للرسوم المتحركة).

باستخدام الأداة () قم بإنشاء 3 طبقة تحتوي على نص ("رسوم متحركة" ، "هذا" ، "فقط").

باستخدام الأداة (Move Tool / V Key) ، ضع النص كما في الصورة أدناه.

فى الشباك الجدول الزمني(الخط الزمني) حدد الإطار الأول وانقر على الزر « يكرر الإطارات المحددة»(إنشاء نسخة من الإطارات المحددة).

نخلق 4 نسخ من الإطارات المختارة.

حدد في النافذة الجدول الزمني(الجدول الزمني) الإطار الثانيوترك الطبقات مرئية فقط " الرسوم المتحركة" و " خلفية».

يختار الإطار الرابعواتركه مرئيًا الكلطبقات.

دعنا نضبط معامل التكرار للرسوم المتحركة الخاصة بنا. في قائمة النافذة الجدول الزمني(المخطط الزمني) ، قم بتغيير معلمة التكرار من " ذات مرة" على ال " باستمرار"(الصورة أدناه).

الآن يمكننا استخدام الرسوم المتحركة لبدء اللعب.

إعدادات الرسوم المتحركة في "ملف - حفظ للويب" (ملف - حفظ للويب) Photoshop CC. النتيجة النهائية

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

سأعمل في Adobe Photoshop CS6. لدي واجهة روسية ، لأنني أكتب من العمل.

لدي النسخة الإنجليزية في المنزل ، وأنصحك بالتعلم من النسخة الإنجليزية ، إليكم السبب:

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

بدء استخدام الرسوم المتحركة في Photoshop CS6

لنبدأ Photoshop.

قم بإنشاء ملف مستند جديد - جديد (Ctrl + N).

في النافذة التي تفتح ، اضبط حجم اللافتة: 600 × 120 ، دعنا نسميها "بانر السنة الجديدة" -> "موافق".

قم بإنشاء خلفية

أختار مسبقًا المواد التي سأستخدمها في عملي (الخلفيات والخطوط وما إلى ذلك).

فتح نسيج جاهز: Ctrl + O. يمكنك تنزيل النسيج الذي أستخدمه.

افتح لوحة الطبقات "الطبقات" - F7.

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

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

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

بعد ضبط النسيج على حجم اللافتة ، ننتقل إلى تصحيح الألوان.

انتقل إلى القائمة "صورة" - "تعديلات" - "تدرج اللون / التشبع" (صورة - تصحيح - تدرج اللون / تشبع).

لقد قمت بضبط هذه الإعدادات للحصول على لون مشرق ومشبع:

نكتب النص

قم بإنشاء طبقة جديدة (Ctrl + Shift + N) أو انقر على أيقونة الطبقة الجديدة في لوحة الطبقات.

حدد أداة الكتابة الأفقية (T).

اختر فرشاة مع أي نجمة ، سيكون الطلاء باللون الأبيض #ffffff. لتحديد لون ، انقر فوق المربع الصغير أسفل اللوحة اليسرى.

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

اصنع طبقة مكررة (Ctrl + J). انقر فوق أيقونة العين في لوحة الطبقات لإخفاء رؤية الطبقة السابقة.

حدد الطبقة العليا مع نسخة النجوم. حدد أداة لاسو (L) من اللوحة اليسرى.

حدد كل نجمة على حدة ، واضغط على "V" (أداة التحريك) وانقلها إلى أي مكان آخر ، لذلك سيكون لدينا نجوم في أماكن مختلفة في إطارات مختلفة ، مما سيخلق تأثيرًا متلألئًا.

بعد أن تقوم بنقل كل النجوم إلى مكان آخر ، قم بإنشاء نسخة مكررة من الطبقة التي عملت عليها (Ctrl + J) ، وقم بإخفاء الطبقة السابقة في لوحة الطبقات بالضغط على العين ، وكرر العملية مرة أخرى لنقل النجوم إلى جديد. الأماكن ، يمكنك أيضًا إنهاء رسم عدة نجوم جديدة.

وبالتالي ، سوف نحصل على 3 طبقات مع النجوم ، في كل منها ستكون النجوم في مواقع مختلفة.

كل شيء جاهز.

بدء استخدام الرسوم المتحركة في Photoshop

فتح الجدول الزمني. انتقل إلى القائمة "نافذة" - "الجدول الزمني" (نافذة - مخطط زمني).

في لوحة المخطط الزمني التي تظهر ، نجد الزر في المنتصف "إنشاء مخطط زمني للفيديو" (إنشاء مخطط زمني للفيديو).

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

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

انتقل إلى لوحة الطبقات - F7. نحتاج إلى إيقاف تشغيل طبقتين نجمتين العلويتين الآن (انقر فوق العين) ، وترك واحدة فقط مرئية. سيكون هذا هو الإطار الأول.

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

انقر فوق رمز الإطار الجديد مرة أخرى. قم بإيقاف الطبقة الثانية بالنجوم ، قم بتشغيل الطبقة الثالثة.

انتبه إلى الوقت الموجود أسفل كل إطار ، فهذه هي مدة الإطار. 5 ثوانٍ ، وهي افتراضيًا ، تعد كثيرًا بالنسبة لنا - ستتباطأ الرسوم المتحركة ، انقر فوق السهم وقم بتعيين مدة كل إطار على 0.1 ثانية.

من أجل تغيير الإطارات بسلاسة ، نحتاج إلى إنشاء إطارات وسيطة بين الإطارات الرئيسية. للقيام بذلك ، كونك في الإطار الأول ، انقر فوق الرمز الذي يحتوي على عدة دوائر في الجزء السفلي من اللوحة المؤقتة.

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

بين الإطارين الأساسيين الأول والثاني ، لديك إطاران متوسطان.

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

حدد الإطار الأخير في الخط الزمني. انقر على الدوائر. في النافذة التي تظهر ، في السطر "إطارات وسيطة" حدد "الإطار الأول" ، أضف إطارين بنفس الطريقة.

الآن ، أسفل الإطارات في أسفل اليسار ، نشير إلى عدد مرات تكرار تشغيل الرسوم المتحركة "الثابتة".

حدد الإطار الأول ، اضغط على المثلث الموجود على "تشغيل" الأيمن لمعرفة ما سيحدث.

نختار تنسيق الملف لحفظ GIF ، انقر فوق "حفظ ..." ، حدد الدليل الذي سنقوم بحفظه ، ثم انقر فوق "حفظ" مرة أخرى.

لذلك ، في هذا البرنامج التعليمي ، رأينا كيفية عمل الرسوم المتحركة في Photoshop CS6.

أتمنى أن تكون قد تعلمت شيئًا جديدًا ومفيدًا من هذا البرنامج التعليمي.

لعمل رسم متحرك ، ليس من الضروري أن يكون لديك بعض المعرفة الهائلة ، ما عليك سوى الحصول على الأداة الصحيحة واستخدامها بشكل صحيح. هناك عدد غير قليل من هذه الحلول ، لكن أشهرها هو Adobe Photoshop. ستوضح لك هذه المقالة كيفية إنشاء رسم متحرك فيه بسرعة.

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

المرحلة 1: تحضير القماش والطبقات

يمكنك الآن رسم ما سيظهر في الرسوم المتحركة عليها. في منطقتنا مثال بسيطسيكون هذا هو المربع المتحرك. في كل طبقة ، يتحرك بضع بكسلات إلى اليمين.

المرحلة 2: العمل مع الجدول الزمني

الجميع! الرسوم المتحركة جاهزة. يمكنك مشاهدة النتيجة بالضغط على الزر "بدء تشغيل الرسوم المتحركة". وبعد ذلك يمكنك حفظه باسم gif.

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

قم بإنشاء ملف بحجم جديد 700 x 300 مقصف.

فتح النافذة الجدول الزمني((نافذة - الجدول الزمني)).

انقر فوق الزر " إنشاء إطار متحرك»(إنشاء إطار للرسوم المتحركة).

باستخدام الأداة () قم بإنشاء 3 طبقة تحتوي على نص ("رسوم متحركة" ، "هذا" ، "فقط").

باستخدام الأداة (Move Tool / V Key) ، ضع النص كما في الصورة أدناه.

نخلق 4 نسخ من الإطارات المختارة.

يختار الإطار الرابعواتركه مرئيًا الكلطبقات.

الآن يمكننا استخدام الرسوم المتحركة لبدء اللعب.

إعدادات الرسوم المتحركة في "ملف - حفظ للويب" (ملف - حفظ للويب) Photoshop CC. النتيجة النهائية

سوف تتعلم:

كيفية فتح لوحة الرسوم المتحركة وإغلاقها وتخصيصها.
كيفية إضافة وإزالة وتحرير الإطارات الرئيسية والرسوم المتحركة.
ما هو زر Tween؟
كيفية عمل رسم متحرك بسيط للنجمة.
كيفية ضبط الفواصل الزمنية لكل إطار للرسوم المتحركة.
كيفية تحسين الرسوم المتحركة لتقليل حجم ملف Gif.
كيفية استيراد ملفات GIF إلى البرنامج.
كيفية التبديل من الرسوم المتحركة للإطار إلى الجدول الزمني.

يتكون الدرس من الأقسام التالية:

1. فيديو تعليمي.
2. ما هي الرسوم المتحركة.
3. الجزء 1. الرسوم المتحركة إطار بإطار.
4. تحديد فترات.
5. ضبط وتيرة التكرارات.
7. تحسين الرسوم المتحركة.
8. حفظ الرسوم المتحركة.
10. افتح ملفات GIF.
11. أزرار لتوحيد طبقات الرسوم المتحركة.
12. إغلاق لوحة الرسوم المتحركة.
13. الأسئلة.
14. الواجب المنزلي.

ما هي الرسوم المتحركة

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

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

الجزء 1. الرسوم المتحركة إطار بإطار

لوحة الإطاراتظهرت منذ وقت طويل. دعنا نفكر في إعداداته على مثال الرسوم المتحركة لرسم علامة النجمة.

قم بإنشاء مستند جديد 800 × 800 بكسل ، دقة 72 ، صيغة ألوان RGB. قم بإنشاء طبقة جديدة بالنقر فوق الرمز الموجود أسفل لوحة الطبقات. أو اضغط على Shift + Ctrl + N.

على شريط الأدوات ، حدد أداة الفرشاة أسود ، بقطر 35 بكسل مع حواف ضبابية. ارسم أول خط مائل (ضع نقطة ، واضغط على Shift ثم ضع النقطة التالية - سيكون الخط مستقيمًا).

قم بإنشاء طبقة ثانية. ارسم الخط التالي. ثم الطبقة الثالثة
وخط آخر وهكذا. يجب أن يكون لديك ست طبقات ، بما في ذلك طبقة الخلفية.

لفتح لوحة Animation ، انقر فوق عنصر Animation في قائمة Window. أو من قائمة Window ، اضبط مساحة العمل ( بيئة العمل) على الفيديو والأفلام / الفيديو. تأكد من أن اللوحة في وضع الرسوم المتحركة إطارًا بإطار.
خلاف ذلك ، انقر فوق الرمز في الجزء السفلي الأيمن من لوحة الرسوم المتحركة.

قم بإيقاف تشغيل رؤية جميع الطبقات باستثناء طبقة الخلفية في لوحة الطبقات (الطبقات) بالنقر فوق الرمز الموجود على يسار الصورة المصغرة للطبقة. سيكون هذا أول إطار للرسوم المتحركة لدينا.

انقر فوق الرمز الموجود أسفل لوحة Animation. سيظهر الإطار الثاني (نسخة من الإطار الأول). لتغييره ، قم بتشغيل رؤية الطبقة الأولى في طبقات اللوحة (الطبقات). انقر فوق الرمز مرة أخرى وقم بتشغيل رؤية الطبقة الثانية.

استمر في إنشاء إطارات جديدة وقم بتشغيل رؤية الطبقات التالية حتى تظهر العلامة النجمية بأكملها في الإطار الأخير.

توجد في الجزء السفلي من لوحة الرسوم المتحركة أدوات لإضافة الرسوم المتحركة وإزالتها وعرضها.

- التحويل إلى الرسوم المتحركة على الجدول الزمني.

- توين(إنشاء إطارات وسيطة).

- تكرار الإطار الحالي (إنشاء نسخة من الإطارات المحددة).

- أزرار التشغيل (مثل أي مسجل شريط).

تحديد الإطار الأول (يختارالأولالإطار); تحديد إطار المعاينة (يختارالسابقالإطار);

لعب(بدء الرسوم المتحركة) ؛

يختارالتاليالإطار(حدد الإطار التالي).

- حذف الإطارات المختارة. يرجى ملاحظة أن المفتاحديلعلى لوحة المفاتيح لا يحذف الإطار المحدد ، ولكنه يحذف الطبقة المحددة من لوحة الطبقات (الطبقات).

تحديد فترات.

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

تحت كل إطار ، يتم كتابة 0 ثانية في الأسفل. وهناك سهم. انقر فوق السهم وحدد معدل الإطارات. اختر قيمة 0.5 لجميع الإطارات (بمعنى أنه سيكون هناك تغيير في الإطار بعد نصف ثانية).

ضبط وتيرة التكرار.

الخطوة التالية هي ضبط تكرار تكرار الرسوم المتحركة. انقر فوق السهم الموجود أسفل لوحة الرسوم المتحركة. تظهر قائمة اختيار الدورية.

إذا حددت إلى الأبد (إلى الأبد / دائمًا) ، فستتكرر الرسوم المتحركة مرارًا وتكرارًا. هذه العملية تسمى التكرار الحلقي.

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

إذا قمت بتحديد أخرى ، يمكنك تعيين عدد مختلف من التكرارات ضمن النطاق (من 1 إلى 999).

الآن دعنا نلعب الرسوم المتحركة التي تم إنشاؤها. للقيام بذلك ، انقر فوق الزر "تشغيل" (بدء الرسوم المتحركة). إذا كنت تحب كل شيء ، فانتقل إلى الخطوة التالية ، وإذا لم تعجبك ، فاضبط الرسم المتحرك كما يحلو لك.

انتقل إلى لوحة الرسوم المتحركة. انقر فوق أيقونة تكرار الإطار الحالي. حدد كل الطبقات باستثناء طبقة الخلفية.
قم بإيقاف تشغيل رؤية طبقة الخلفية. اضغط على Ctrl + Shift + Alt + E. ستظهر طبقة جديدة يتم ختم جميع الطبقات المحددة عليها.
ستظهر الصورة المصغرة للطبقة نجمة على خلفية شفافة. اسم هذه الطبقة نجمة.

انقر نقرًا مزدوجًا فوق الطبقة للانتقال إلى إعدادات النمط. اضبط الظل وتراكب الألوان. اختر اللون الذي تختاره.

ارجع إلى الإطار الأول للرسوم المتحركة
وإزالة رؤية الطبقة مع النجمة
في طبقات لوح (طبقات).

حدد الإطار الأخير. في لوحة الطبقات ، اترك فقط طبقة النجوم وطبقة الخلفية مرئية.

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

قم بتكرار الطبقة مرة أخرى وقم بتغيير النمط. حدد الأداة Move (Move) أو اضغط على Ctrl + T للانتقال إلى الأداة Free transform. تغيير المقياس. انتقل إلى لوحة الرسوم المتحركة. انقر فوق الرمز. ارجع إلى الإطار الأول وقم بإلغاء تحديد هذه الطبقة.

قم بتكرار الطبقة مرة أخرى وقم بالتكبير قليلاً وقم بتغيير النمط. وإضافة إطار متحرك. يجب أن ينتهي بك الأمر بلوحة عمل مثل هذا:

اضغط على زر التشغيل (بدء الرسوم المتحركة) وانظر إلى نتيجة العمل المنجز.

تحسين الرسوم المتحركة.

انقر فوق الرمز الموجود أعلى يمين لوحة الرسوم المتحركة. ستظهر قائمة إضافية.

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

يختار تحسين الرسوم المتحركة ... (تحسين الرسوم المتحركة). حدد كلا المربعين.
ملزمةعلبة(المربع المحيط)- يقطع الإطارات حسب المساحة المتغيرة مقارنة بالإطار السابق.

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

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

تلقائي(تلقائيا)- يتم تجاهل الإطار الحالي إذا كان الإطار التالي يحتوي على طبقة شفافة.،

يفعلليستخلص(لا تتخلص منها)- يكون الإطار الحالي مرئيًا من خلال المساحات الشفافة للإطار التالي.،

تخلص(موقع)- الإطار الحالي غير مرئي من خلال المساحات الشفافة للإطار التالي.

حفظ الرسوم المتحركة.

حان الوقت الآن لحفظ الرسوم المتحركة. بالطبع ، أثناء عملية العمل ، كان من الضروري حفظ الملف بتنسيق PSD حتى لا تتعرض لموقف انقطاع التيار الكهربائي المفاجئ أو إعادة تشغيل الكمبيوتر بشكل غير متوقع. ولكن الآن أعني حفظ آخر. يمكن حفظ الرسم المتحرك كصورة GIF متحركة باستخدام أمر Save for Web.

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

في السابق ، لتسجيل الرسوم المتحركة ، ذهبنا إلى تطبيق ImageReady.

يقدم Photoshop CS2 لوحة Animation. ولكن من أجل حفظ الملف المتحرك ، لا يزال يتعين عليك التبديل إلى ImageReady. بالنسبة للانتقال ، يتم تقديم الزر الموجود أسفل شريط الأدوات أو ملف القائمة (ملف) - تحرير في ImageReady (الانتقال إلى ImageReady).

بدءًا من Photoshop CS3 والإصدارات الأحدث ، ليست هناك حاجة إلى برامج إضافية لتسجيل الرسوم المتحركة. للتحرير ، يتم استخدام لوحة Animation الآن ، وللتسجيل ، تم تعديل العنصر في قائمة File (File). يحفظإلى عن علىالويب(حفظ لالويب) .

لنفكر في مثال صغير آخر لإنشاء رسم متحرك إطار بإطار ، حيث سنحلل الغرض من الزر. توين(إنشاء الحركة البينية).

قم بإنشاء مستند جديد بحجم 500 × 250 بكسل. حدد نوع الأداة (نص) ، تأثير الخط ، الحجم 150 نقطة. واكتب اي كلمة. اضبط التعتيم على 100٪. أضف أنماط الطبقة: الظل والتدرج والنقش. يمكنك اختيار نمط مختلف ، لست مضطرًا إلى القيام به مثل الأسلوب الخاص بي. يمكن أيضًا تحريك تشوه النص. في لوحة الرسوم المتحركة ، اضبط الفاصل الزمني على 0.2 ثانية. اضغط على الزر لنسخ الإطار الأول. انتقل إلى طبقات لوحة (طبقات) وقم بتقليل العتامة إلى 0. قم بتغيير نمط الطبقة (على سبيل المثال ، بدلاً من تراكب التدرج ، أضف تراكب لوني). بالتبديل بين الإطارات ، يمكنك مشاهدة كيف تتغير الصورة.

دعونا نضيف الحركة. حدد الأداة Move (Move) وانقل النص لأسفل بعيدًا عن الورقة. انتقل إلى لوحة الرسوم المتحركة وانقر فوق الزر

في النافذة التي تظهر ، يمكنك ضبط عدد الإطارات المضافة. وكلما زاد عددهم ، كان الانتقال أكثر سلاسة. في الرسم البياني توينمع(إطارات داخلية)يمكنك الاختيار من القائمة حيث سيتم إدراج الإطارات:

الأخير (الإطار الأخير) ؛ اختيار (اختيار) ؛ الإطار السابق (الإطار السابق) ؛ الإطار الأول (الإطار الأول) ؛ الإطار التالي تتغير القائمة وفقًا للإطار المحدد.

اترك كل الإعدادات الافتراضية. انقر فوق موافق.

انقر فوق تشغيل (بدء الرسوم المتحركة). إذا كان كل شيء يناسبك ، فتابع لحفظ الرسوم المتحركة.

فتح ملفات GIF.

في Photoshop CS3 و CS44 ، لا تفتح ملفات الرسوم المتحركة للفيديو و GIF من خلال القائمة ملف (ملف) - فتح (فتح). عندما أحاول فتحه ، تظهر نافذة:

تأكد من تثبيت QuickTime Pro 7.1 أو أعلى.

لا يحتوي Photoshop CS5 على هذه المشكلة. يتم فتح الملفات بسهولة بالطريقة المعتادة.

حدد من القائمة ملف (ملف) –استيراد (استيراد) - إطارات فيديو لطبقات (إطارات فيديو
إلى طبقات ...). لن تتمكن من تحديد ملفات GIF في حقل نوع الملف. ومع ذلك ، يمكن التحايل على هذا القصور بسهولة عن طريق نسخ اسم ملف .gif أولاً ولصقه في حقل اسم الملف أو كتابة الاسم يدويًا في هذا الحقل. أو أدخل * في حقل اسم الملف وانقر فوق تحميل ، ثم
سيصبح اسم ملف gif مرئيًا ويمكن فتحه (ستصبح الملفات الأخرى مرئية ، حتى تلك التي لا يمكن فتحها في البرنامج).

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

أزرار لتوحيد طبقات الرسوم المتحركة.

ألق نظرة فاحصة على كيفية تغير اللوحة طبقات(طبقات)عند العمل باستخدام الرسوم المتحركة إطارًا بإطار. ظهرت الأزرار التي تتيح لك تطبيق التغييرات في الإطار الحالي على جميع الإطارات الأخرى. حدد خانة الاختيار Propagate Frame 1.

دعونا نرى كيف تعمل ... افتح ملف الرسوم المتحركة لرسم النجوم. حدد أي إطار وقم بإيقاف تشغيل رؤية طبقة الخلفية. انقر فوق تشغيل (بدء الرسوم المتحركة). فقط الإطار المحدد أصبح شفافًا. انقر فوق الزر Unify layer visibility. ستظهر نافذة:.

انقر مباراة(تزامن)وتشغيل الرسوم المتحركة مرة أخرى. سيتم رسم النجمة على خلفية شفافة طوال الرسوم المتحركة. يتم الآن تعيين شفافية الإطار الأول لجميع إطارات الرسوم المتحركة. وبالمثل ، يمكنك التحكم في موضع ونمط الطبقة.

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

أغلق لوحة الرسوم المتحركة.

توجد عدة طرق لإغلاق لوحة الرسوم المتحركة:

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

أسئلة:

ماذا يحدث إذا حددت إطارًا في رسم متحرك إطار بإطار وضغطت على Del على لوحة المفاتيح؟

سيتم حذف الإطار المحدد.

ستتم إزالة الطبقة المحددة في لوحة الطبقات من كل إطارات الرسوم المتحركة.

الطبقة المحددة في لوحة الطبقات (الطبقات) سيتم حذفها فقط لإطار الرسم المتحرك المحدد.

ستتم إزالة الطبقة المحددة في لوحة الطبقات من كل إطارات الرسوم المتحركة باستثناء طبقة الخلفية.

لديك ثلاثة إطارات. ستكون الرسوم المتحركة مستمرة. ما يجب القيام به للإضافة
5 إطارات وسيطة بين الإطارات الأخيرة والأولى؟

حدد الإطار الأول. اضغط الزر
في الإعدادات الموجودة في العمود Tween With (الإطارات المتوسطة) ، حدد Next Frame (الإطار التالي).

حدد الإطار الأخير. اضغط الزر
في الإعدادات الموجودة في العمود Tween With (الإطارات المتوسطة) ، حدد الإطار السابق (الإطار السابق).

حدد الإطار الأخير. انقر فوق الزر Tween.
في الإعدادات الموجودة في العمود Tween With (الإطارات المتوسطة) ، حدد الإطار الأول (الإطار الأول).

ما هو تحسين الرسوم المتحركة؟

للتحويل إلى الرسوم المتحركة الجدول الزمني.

لتقليل حجم ملف Gif باستبعاد المناطق التي لا تتغير من إطار إلى إطار.

لضبط تكرار تكرار الرسوم المتحركة.

الواجب المنزلي:

1) قم بعمل رسوم متحركة إطارًا بإطار لرسم نجمة (وفقًا للدرس).

2) أداء الرسوم المتحركة للنص إطارًا تلو الآخر.