إنشاء فلاش للرسوم المتحركة. كيفية عمل فلاش للرسوم المتحركة. مقارنة بين الإصدار المجاني لمحرر الفلاش Advanced Effect Maker Free Edition والإصدار التجاري من الإصدار التجاري

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

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

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

سأقدم لكم اليوم محرر فلاش حديث تمامًا ، يمكنه التنافس تقريبًا على قدم المساواة مع برنامج Adobe Flash البارز - فيكتوريان جيوتو.

مقارنة Vectorian Giotto مع نظير مدفوع

كما ترى ، بذل مطورو Vectorian Giotto قصارى جهدهم وحاولوا دمج أقصى مجموعة ممكنة من الوظائف في برنامجهم مثل Adobe Flash. بالإضافة إلى ذلك ، فإن معظم اختصارات لوحة المفاتيح هي نفسها أيضًا ، لذلك أولئك الذين اعتادوا العمل مع محرر Adobe ، لن يكون من الصعب التبديل إلى منصة Vectorian Giotto المجانية!

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

التحضير للعمل

لتبدأ مع Vectorian Giotto ، نحتاج إلى تنزيل الأرشيف باستخدام المثبت ، والذي ، بالمناسبة ، يزن 8 ميغا بايت فقط! عندما يتم تنزيل الأرشيف ، افتحه وشغل الملف VectorianGiotto.exe.

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

التعارف الأول مع الواجهة

في نهاية التثبيت ، إذا لم نقم بتغيير أي شيء في الإعدادات القياسية ، فستظهر نافذة عمل Vectorian Giotto أمامنا في وضع ملء الشاشة:

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

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

شريط الأدوات الرئيسي. فيما يلي أزرار التحكم في إجراء المشروع ولوحة تشغيل الرسوم المتحركة.

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

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

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

مساحة العمل. وهي عبارة عن ورقة افتراضية مصممة لرسم الرسوم المتحركة :).

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

لوحة هيكل كليب. يعرض كل الأشكال الموجودة "في الإطار" ويسمح لك بالتبديل بينها بسرعة وإدارة تسلسلها.

لوحة الخصائص. كل كائن في فلاش له خصائص معينة. تستخدم هذه اللوحة لإدارتها.

لوحة التحويل. يسمح لك بتغيير حجم وموضع عنصر الرسم المتحرك المحدد بسرعة.

مكتبة العناصر. يمثل قائمة بالكائنات التي تم إنشاؤها أو استيرادها والتي يمكن (بشكل متكرر!) إدراجها في الرسم المتحرك.

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

خطوات

الجزء 1

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

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

1. قم بتثبيت Flash Pro.هناك العديد من البرامج لإنشاء الرسوم المتحركة بالفلاش ، ولكن أقوىها هو Adobe Flash Professional 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.
   • قم بتغيير قيم المعلمات في نافذة خصائص الرسم. على سبيل المثال ، يمكنك تغيير تدرج اللون أو اللون وإضافة عوامل تصفية وتغيير الحجم.
   • يمكنك أيضًا استخدام أداة Free Transform لتغيير الرسم كيفما تشاء.

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

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

الجزء 3

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

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

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

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

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

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

تقنية الفلاش

تم تطوير إطار عمل الوسائط المتعددة بواسطة Macromedia. ولكن بعد الاستيلاء عليها (الاندماج) ، تم نقل جميع الحقوق المتعلقة بالتكنولوجيا إلى مالك جديد - Adobe Systems.

نطاق التطبيق الحديث لبرنامج Adobe Flash:

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

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

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

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

أساسيات وأدوات تطوير الفلاش

لإنشاء رسوم متحركة بالفلاش ، غالبًا ما يتم استخدام الأدوات التقليدية من Adobe:

• Adobe Flash Professional - برنامج لإنشاء رسوم متحركة تفاعلية (رسوم متحركة) ؛
• Adobe Flash Builder - بيئة لإنشاء واجهة لتطبيقات الويب ؛
• Adobe Flash Player هو مشغل متصفح متكامل لتشغيل Flash.

بالإضافة إلى ذلك ، يمكن لعدد من تطبيقات الطرف الثالث تشغيل محتوى الوسائط المتعددة من هذا النوع. أشهرها Gnash و QuickTime وبعضها الآخر:

تتيح لك هذه التقنية عرض أي نوع من الرسومات ( خطوط المسح ، ناقلات ، 3D). ويدعم أيضًا دفق ترحيل بيانات الصوت والفيديو. تم تطوير نسخة خفيفة من Flash Lite خصيصًا للأجهزة المحمولة.

المعيار الرئيسي لملفات الفلاش هو امتداد SWF. اختصار لتقف على تنسيق الويب الصغير. الفيديو المسجل في Flash به امتدادات ملفات FLV ، F4V.

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

حجم ملف تطبيق الفلاش هو نفسه لجميع المستخدمين ، بغض النظر عن مواصفات الشاشة (الدقة).

تعتمد الرسوم المتحركة التفاعلية في Flash على التحويل (نوع المتجه) ، والذي يندمج ببطء بين الإطارات الرئيسية. لتشغيل البيانات ، يتم استخدام مشغل الفلاش ، والذي يشبه تشغيله من نواح كثيرة تشغيل جهاز JavaScript الظاهري. يتم تنفيذ مكون البرنامج الخاص بالتكنولوجيا باستخدام لغة ActionScript.

تشمل عيوب التكنولوجيا النقاط التالية:

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

نظرة عامة على برنامج إنشاء الفلاش من طرف ثالث

تم استخدام برنامج Sothink SWF Quicker كتطبيق نموذجي سوف نعرض عليه أساسيات إنشاء Flash. وفقًا للعديد من المهنيين ، يعد البرنامج الأكثر قابلية للفهم وسهولة التعلم.

بالإضافة إلى الإنشاء والتحرير ، "يعرف محرر الفلاش" كيفية العمل مع جميع الأنواع الأخرى من الرسوم المتحركة على الويب (GIF و HTML ومعايير أخرى):

بعد التثبيت ، ننتقل إلى واجهة البرنامج سهلة الاستخدام. لسوء الحظ ، بعد التجول في جميع الزوايا والشقوق لمحوّل لغة الواجهة ، لم نعثر عليه.

لفهم كيفية عمل الرسوم المتحركة بالفلاش في هذا التطبيق ، سوف نستخدم القوالب المضمنة. يظهر مربع الحوار New From Template فور بدء تشغيل البرنامج. بالإضافة إلى ذلك ، يمكن استدعاؤه من خلال عنصر القائمة الرئيسية "ملف". من بين الخيارات المقترحة ، اخترنا إنشاء لافتة:

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

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

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

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

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

أعتقد أن العديد منكم حاولوا إنشاء مواقعهم الخاصة (أو ربما تمتلكون بوابة مشهورة جدًا).

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

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

تتيح لك هذه الأداة إنشاء جميع أنواع تأثيرات الفلاش وجافا سكريبت ، سواء الخاصة بك "من البداية" أو بناءً على القوالب الجاهزة! يوجد Advanced Effect Maker في العديد من الإصدارات ، والتي تختلف في عدد التأثيرات الجاهزة ودرجة حرية المستخدم. دعنا نقارن التكوينات القصوى والحرة:

مقارنة بين الإصدار المجاني لمحرر الفلاش Advanced Effect Maker Free Edition والإصدار التجاري من الإصدار التجاري

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

تثبيت البرنامج

يتم تثبيت Advanced Effect Maker بطريقة قياسية ، لذلك دعنا ننتقل مباشرة إلى العمل مع البرنامج:

في البداية ، سيُطلب منا قراءة اتفاقية الترخيص. لقبولها ، انقر فوق الزر "أوافق". بعد ذلك ، يمكنك البدء في دراسة واجهة الأداة المساعدة:

الواجهة والعمل مع المحرر

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

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

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

إذا تم فتح النموذج بنجاح ، فسنكون قادرين على رؤية العديد من علامات التبويب التي تحتوي على جميع أنواع الإعدادات:

إعدادات البرنامج وإنشاء الرسوم المتحركة

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

علامة التبويب الثانية - "اللون" ، كما يوحي الاسم ، هي المسؤولة عن الألوان المستخدمة في المشروع. كل شيء واضح للغاية هنا ، لذا دعنا ننتقل إلى المرحلة التالية - "الرسائل":

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

يتم استخدام علامتي التبويب التاليتين لإدارة الخطوط (الخطوط) وخصائص الرسوم المتحركة (أخرى) ، على التوالي. تحذير واحد: إذا كنت تريد استخدام خطوط TTF بديلة ، فسيتعين عليك تحويلها أولاً لتكون متوافقة مع Advanced Effect Maker. للقيام بذلك ، من القائمة "أدوات" ، اتصل بأداة "تحويل الخطوط" ، وبعد تحديد الخط المطلوب ، انقر فوق الزر "تحويل":

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

حفظ عملك

ومع ذلك ، هذا ليس كل شيء. باستخدام Advanced Effect Maker ، يمكنك إنشاء التأثير الخاص بك بناءً على تأثير موجود ، أو تمامًا من البداية! للقيام بذلك ، انتقل إلى قائمة "الأدوات" وقم بتنشيط عنصر "Plugin Maker":

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

هناك عدة أزرار هنا تسمح لك بإدخال بعض الوظائف القياسية في سيناريو التأثير المستقبلي. المشكلة الوحيدة هي أنه سيتعين عليك إدخال جميع المتغيرات والقيم الضرورية يدويًا بنفسك ، وهنا يلزم بالفعل بعض مهارات البرمجة في ActionScript أو JavaScript :(.

الاستنتاجات

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

حظا موفقا في كل مساعيك ونجاحك الإبداعي!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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