نصائح مفيدة

كيف يتم إنشاء فلاش للرسوم المتحركة للموقع؟

Pin
Send
Share
Send
Send


أهداف الدرس:

التعليمية:

  • تعزيز مهارات العمل في بيئة Macromedia Flash ،
  • تعلم لافتة مفهوم جديد.

التعليمية:

  • تعزيز الشعور بالمسؤولية عن نتيجة العمل ،
  • تشكيل وتطوير المهارات اللازمة للسلوك الصحيح عند مناقشة القضايا ،
  • تعزيز الاحترام لتكنولوجيا الكمبيوتر.

تطوير:

  • تنمية القدرات الإبداعية ،
  • تشكيل مهارات التحدث أمام الجمهور ،
  • تشكيل وتطوير القدرة على الإجابة باختصار وبدقة على السؤال

خطة الدرس

  1. لحظة تنظيمية (دقيقتان)
  2. مواد جديدة (10 دقائق)
  3. العمل عن طريق الفم (8 دقائق)
  4. إنشاء لافتة على الكمبيوتر (20 دقيقة)
  5. لافتات المشاهدة (5 دقائق)
  6. الواجب المنزلي (دقيقتان)

يتضمن هذا الدرس العناصر التالية: الجزء التنظيمي ، عرض المواد الجديدة ، دمج المعرفة الجديدة والتعليم في الواجبات المنزلية.

1. لحظة التنظيمية.

معلم (المنشآت التربوية للعمل). سنستمر اليوم في دراسة برنامج Macromedia Flash ونقوم بالعمل العملي لإنشاء لافتة في هذا البرنامج.

معلمالصورة ما هي الجمعيات التي تمتلكها كلمة banner؟

الطلاب الإنترنت ، الإعلان ، المستطيل.

2. مواد جديدة (عرض تقديمي "مفهوم اللافتة").

التعليقات. القصة كلها مصحوبة بعرض تقديمي. (الملحق 1)

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

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

تزعم موسوعة Wikipedia Encyclopedia أن أول وحدة إعلانية مصورة على الإنترنت يمكن النقر عليها للوصول إلى معلومات المعلن قد بيعت في عام 1993 على موقع Global Network Navigator الذي تملكه O'Reilly ، ناشر الكمبيوتر الأمريكي. (الشريحة 3) ومع ذلك ، ينبغي اعتبار عيد ميلاد الشعار في 25 تشرين الأول (أكتوبر) 1994 ، عندما تم وضع شعار AT & T ، الذي بدا فظيعًا ، ولكنه كان مبتكرًا ، على موقع Hotwired (المملوكة من قبل مجلة التكنولوجيا الأمريكية الأكثر شهرة Wired). (الشريحة 4) أصبح حجم اللافتة - 468 × 60 - هو المعيار الأكثر شهرة في الإعلان عبر الإنترنت ، على الرغم من أنه تم استبداله بتنسيقات أكبر بعد 10 سنوات.

تُظهر الصورة أدناه لافتة يُفترض أنها تعتبر الأولى على الإنترنت. ظهر في عام 1994. (الشريحة 5)

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

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

غالبًا ما يتم العثور على الأحجام 125 * 125 ، 120 * 90 ، 120 * 60 على الصفحات على اليسار أو اليمين في عمود قائمة الموقع.

عادة ما يتم إدخال الأزرار 88 * 31 في أسفل الصفحة.

في RuNet ، يتمتع المعلنون بشعبية كبيرة بأحجام 100 إلى 100 ، وكذلك 150 إلى 80 ، على الرغم من حقيقة أنهم ليسوا موحدين.

في كثير من الأحيان يتم إنشاء سلسلة كاملة من الشعارات ، لها نفس النمط ، ولكن بأحجام مختلفة. (الشريحة 8)

يمكنك تنفيذ تصنيف مختلف من لافتات.

يتم تقسيم الشعارات إلى ثابتة ومتحركة. لافتات ثابتة هي الصور العادية. هذه هي الشعارات أساسا. لافتة إعلانية حقيقية الرسوم المتحركة. (الشريحة 9)

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

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

يتم رسم شعارات GIF في مختلف برامج تحرير الرسومات النقطية أو المتجهة. لهذه الأغراض ، يتم استخدام برامج خاصة مثل Ulead GIF Animator أو Adobe ImegeReady. (الشريحة 15)

كانت لافتات الفلاش التي تم إنشاؤها في Macromedia Flash شائعة بشكل خاص لعدة سنوات. هذه الشعارات لها مزايا على لافتات GIF: (الشريحة 16)

  • يمكنهم تنفيذ رسوم متحركة أكثر تعقيدًا ،
  • أصغر
  • تحميل حتى عندما يكون المستخدم قد عطل وظيفة انعكاس الرسومات في متصفحه.

يوجد أيضًا معيار ثالث أندر وهو ما يسمى الشعار التفاعلي. يتم إنشاء هذه الشعارات باستخدام تقنية CGI أو Java أو VBS ، وكذلك عناصر HTML و Flash للرسوم المتحركة. (الشريحة 17)

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

المهام الرئيسية التي يجب على الشعارات حلها:

  • جذب الزوار
  • مختلفة عن لافتات أخرى
  • تطابق موضوع الموقع

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

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

بعد الخروج بشعار ، يمكنك تحديد صورة رسومية توضح ذلك.

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

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

يمكننا أن نفترض أن كل لافتة تتكون من الأجزاء التالية: (الشريحة 19)

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

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

التعليقات. صدر الطلاب الملحق 2. في أقواس مكتوبة الإجابات الصحيحة للمهام.

1. قم بتسمية الشركات التي تستخدم الشعارات التالية:

  1. "من تفكر الآن؟" (MTS)
  2. "ثق باللون الوردي ولا توجد بقع" (تتلاشى)
  3. "C" ... "أكثر متعة. المنزل نظيف مرتين بالسرعة "(السيد سليم)
  4. "قيادة الحلم" (تويوتا)
  5. "الحصانة لا تحدث كثيرًا" (Imuneli)
  6. "تغذية القطط الحيوية" (KiteKat)
  7. "كل ما يحتاجه الشخص" (شوكولا النكه)
  8. "الحرية في أن تكون نفسك" (سافاج)
  9. بناء التواصل الخاص بك "(MegaFon)
  10. "عيش على الجانب المشرق" (الخط المباشر)
  11. "السعادة سهلة" (بستان)
  12. "توحيد الأجيال" (ملفات تعريف الارتباط "اليوبيل")

2. قم بعمل شعار (عدة) لراية الموقع عن الحيوانات (حول المدينة).

3. ما هي الشركات 2-3 التي يحتوي شعارها على كائن محدد يوضح علامتها التجارية:

البيض - النظام التجاري المتعدد الأطراف ،
النحلة - الخط المباشر ،
ملف تعريف الشخص - مكبر الصوت.

تستخدم العديد من العلامات التجارية والشركات لونين إلى ثلاثة ألوان لشعاراتها.

4. قم بتسمية 2-3 شركات في شعارها يوجد لونان:

الخط المباشر (الأسود والأصفر) ،
MTS (الأحمر والأبيض) ،
سيفرستال (الأزرق والأحمر).

يوصف العمل العملي على مراحل في الملحق 3. نتيجة التنفيذ الملحق 4.

التعليقات. يمكن نقل جميع الشعارات التي تم إنشاؤها إلى كمبيوتر المعلم وإدراجها في مستند HTML باستخدام برنامج Macromedia Dreamweaver وعرضها من خلال جهاز الإسقاط.

6. الواجبات المنزلية.

فكر في التصميم والشعار والتقاط الصور للراية التي تعلن عن مهنتك المستقبلية.

أدب

1. سميرنوفا أي. "بداية تصميم الويب" ، سانت بطرسبرغ ، "BHV-Petersburg" ، 2003

تقنية الفلاش

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

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

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

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

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

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

فلاش التنمية أساسيات وأدوات

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

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

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

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

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

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

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

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

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

نظرة عامة على برامج إنشاء الفلاش التابعة لجهات خارجية

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

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

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

  • البرنامج المفضل SwishMax،
  • التمساح مصمم فلاش.

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

شاهد الفيديو: فلاش الرسوم المتحركة - ادوبي فلاش - adobe animate cc (شهر نوفمبر 2020).

Pin
Send
Share
Send
Send