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

خطوات

الجزء 1

الرسوم المتحركة فلاش الإطار تلو الإطار

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

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

1. تثبيت برنامج فلاش بروفيشنال.هناك العديد من البرامج لإنشاء الرسوم المتحركة فلاش، ولكن أقوىها أدوبي فلاش CC المهنية. يمكنك التثبيت مجانا نسخة تجريبيةهذا البرنامج أو استخدم منتجًا آخر (إذا كنت لا ترغب في التسجيل في Adobe Creative Cloud). توضح بقية هذه المقالة كيفية استخدام Flash Professional.

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

   • للقيام بذلك، استخدم Adobe Flash Professional أو ارسم الصور في أي محرر رسومات. إذا كنت تريد تغيير حجم صورك بسهولة دون فقدان الجودة، فقم بإنشاء صورك باستخدام رسومات متجهة بدلاً من الرسومات النقطية.صور المتجهات

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

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

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

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

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

   أنشئ إطارًا رئيسيًا ثانيًا (بعد إضافة بعض الإطارات الفارغة).هناك نوعان طرق مختلفةللقيام بذلك: يمكنك نسخ إطار رئيسي موجود وإجراء تغييرات صغيرة عليه، أو يمكنك إنشاء إطار رئيسي فارغ وإضافة صورة جديدة إليه. إذا كنت تستخدم رسمًا تم إنشاؤه في برنامج آخر، استخدم الطريقة الثانية. إذا كنت تقوم بإدراج صورة تم إنشاؤها باستخدام أدوات الرسم Adobe Flash Professional، فاستخدم الطريقة الأولى.

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

5. كرر العملية.بعد إنشاء إطارين رئيسيين، كرر العملية - أضف بضعة إطارات فارغة بين كل إطار رئيسي وتأكد من تشغيل الرسوم المتحركة بسلاسة.

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

6. تحويل الرسم.إذا قمت بإنشاء إطارات رئيسية ومسار، فيمكنك تحويل الصورة بحيث تتغير بسلاسة أثناء تحركك على طول مسار التوين. يمكنك تغيير الشكل واللون والإمالة والحجم وأي جانب آخر من الصورة.

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

7. أضف اللمسات الأخيرة.اختبر الرسوم المتحركة التي تم إنشاؤها بالضغط على Ctrl + Enter. تأكد من أن الرسم (الحرف) يتغير بشكل صحيح وأن الحركة يتم تشغيلها بالسرعة الصحيحة. إذا تم تشغيل الرسوم المتحركة بسرعة كبيرة، فقم بتقليل قيمة FPS أو قم بزيادة مدة الـtween.

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

الجزء 3

إضافة المؤثرات الصوتية والموسيقى

1. تسجيل أو تنزيل المؤثرات الصوتية والموسيقى.يمكنك إضافة مؤثرات صوتية إلى الرسوم المتحركة الخاصة بك لجعلها أكثر تأثيرًا. الموسيقى تجعل الرسوم المتحركة أكثر إثارة ويمكن أن تحول الرسوم المتحركة الجيدة إلى رسوم متحركة رائعة. يدعم Flash مجموعة متنوعة من تنسيقات الملفات الصوتية، بما في ذلك AAC وMP3 وWAV وAU. اختر التنسيق الذي يضمن جودة عاليةالصوت مع الحد الأدنى لحجم الملف.

   • يضمن تنسيق MP3 جودة صوت عالية مع الحد الأدنى لحجم الملف. ملفات WAV كبيرة الحجم.

2. قم باستيراد الملفات الصوتية إلى المكتبة لإضافة الأصوات والموسيقى بسرعة إلى الرسوم المتحركة الخاصة بك.انقر فوق "ملف" - "استيراد" - "استيراد إلى المكتبة". حدد موقع الملف الصوتي على جهاز الكمبيوتر الخاص بك. تأكد من أن الملف الصوتي له اسم يسهل تذكره حتى تتمكن من العثور عليه بسرعة.

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

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

ستوضح لك هذه المقالة كيفية البدء باستخدام Adobe Flash CS5 في خطوات بسيطة. موضوع الدرس هو رسوم متحركة بسيطة، سنقوم بإنشائها دون الخوض في تعقيد الواجهة والبرنامج.

إنشاء مستند فلاش جديد

افتح البرنامج وأنشئ مستندًا جديدًا "ActionScript 3.0".

لنرسم كائنًا للرسوم المتحركة اللاحقة

الآن دعونا نرسم دائرة. حدد الأداة البيضاوية في اللوحة اليمنى واستمر في الضغط عليها الزر الأيسرالماوس والزر "Shift" على لوحة المفاتيح، ارسم دائرة على خلفية بيضاء.

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

تحويل كائن إلى رمز للرسوم المتحركة البسيطة

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

من قائمة "النوع"، حدد "الرسم البياني"

يجب أن يظهر الآن مربع أزرق حول جسمنا.

إنشاء رسوم متحركة كلاسيكية (كلاسيك توين)

لإنشاء رسم متحرك، تحتاج إلى تعيين "إطار رئيسي".

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

حدد الدائرة، ثم اضغط باستمرار على زر الماوس الأيسر، وحركها إلى اليمين.

حدد الإطار الأول على مقياس الرسوم المتحركة وفي القائمة الرئيسية في الجزء العلوي، في عنصر "إدراج"، حدد "كلاسيك توين".

عرض الرسوم المتحركة التي تم إنشاؤها

الآن يمكننا مشاهدة الرسوم المتحركة. في القائمة الرئيسية، في عنصر "التحكم"، حدد "تشغيل".

دعونا نضيف تأثير الدائرة "المختفية". للقيام بذلك، حدد الكائن مرة أخرى وفي اللوحة اليمنى في قائمة "تأثير اللون"، حدد "alpha"، وقم بتعيين القيمة على "0".

دعونا نرى ما حدث. انتقل إلى "التحكم" وحدد "تشغيل".

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

محرر فلاشهو برنامج لخلق فلاش الرسوم المتحركةوتحرير فيديوهات الفلاش الجاهزة.

تنسيق فلاهو المستند المصدر للمقطع الخاص بك. من خلال فتحه، سيتم نقلك إلى برنامج Macromedia Flash ويمكنك تعديل المقطع بشكل أكبر.

تنسيق فرنك سويسري- هذا ملف قابل للتنفيذ Flash، عند "النقر" عليه، تتاح لك الفرصة لمشاهدة المقطع باستخدام برنامج Macromedia Flash Player.

الرسوم المتحركة باستخدام برنامج Adobe Flash Professional

أدوبي فلاش بروفيشنال CS3– يمكن وصف مزايا ووظائف هذا البرنامج لفترة طويلة جدًا. هذا البرنامجهي الشركة الرائدة بلا منازع في بيئة تكنولوجيا الفلاش. يتم استخدام برنامج Adobe Flash Professional كـ المطورين المحترفينمواقع الويب ومصممي الفلاش.

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

يعتمد الحجم على الإصدار من 500 ميجابايت.

حاليا أدوبي فلاش بروفيشنال CS5 - نسخة جديدةبرامج للعمل مع الرسوم المتحركة والوسائط المتعددة.

نظام التشغيل: ويندوز إكس بي/فيستا/7

لقطة شاشة للبرنامج:

تحميل برنامج ادوبي فلاش بروفيشنال CS3

ربما بالنسبة لمحترف ويب مبتدئ، يقوم بإنشاء رسوم متحركة فلاش باستخدام برامج أدوبيسيبدو Flash Professional معقدًا إلى حد ما وبعيد المنال.

وفي هذه الحالة لا يجب أن تيأس وتتخلى عما بدأته. جرب أفكار الفلاش الخاصة بك مع برنامج Swishmax.

سويشماكس – محرر فلاش

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

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

الحجم: 9.27 ميجابايت.

لغة الواجهة هي الروسية.نظام التشغيل

لقطة شاشة للبرنامج:

: ويندوز 98/مي/NT/2000/XP

تحميل سويشماكس

مصمم فلاش التمساح

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

هناك أكثر من 130 مؤثرًا: الاختفاء والتكبير والتدوير. يمكن بسهولة إضافة الصور المتحركة والأشكال والنصوص وحتى الصوت إلى الرسوم المتحركة الخاصة ببرنامج Flash.

هنا يمكنك أيضًا تحديد OnClick أو OnOver.

الحجم: 9.27 ميجابايت.

نظام التشغيل: ويندوز إكس بي/فيستا/7

لقطة شاشة للبرنامج:

الحجم: 5.3 ميجابايت.

تحميل Alligator_Flash_Designer_7.0

برنامج آخر ليس محرر فلاش للرسوم المتحركة، ولكن إمكانياته ضرورية لمصمم الويب المبتدئ.

فلاش ديكومبيلر تريليكس Flash Decompiler Trillix - الغرض الرئيسي من هذا البرنامج هو تصدير ملفات SWF مرة أخرى إلى تنسيق FLA بنقرة واحدة. يسترد كافة كائنات الفلاش منملف فرنك سويسري

ويحفظها في ملف FLA، والذي يمكن تحريره لاحقًا في Flash.

تتمثل ميزة Flash Decompiler في أنه يقوم بتحرير الأصوات والصور والألوان والتدرجات والخطوط والنصوص الديناميكية والروابط دون التحويل إلى FLA.

الحجم: 9.27 ميجابايت.

نظام التشغيل: ويندوز إكس بي/فيستا/7

لقطة شاشة للبرنامج:

الحجم: 7.27 ميجابايت.

تحميل فلاش ديكومبيلر تريليكس