لائحة الطعام
مجاني
تحقق في
الرئيسية  /  النصيحة / دروس الرسوم المتحركة في Adobe Animate CC. إعداد المعدات في محرري HTML

دروس الرسوم المتحركة في Adobe Animate CC. إعداد المعدات في محرري HTML

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


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


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


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


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


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

Adobe Edge Animate - دروس إنشاء الرسوم المتحركة للموقع

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

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

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

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

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

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

خلق الرسوم المتحركة دروس في Adobe Edge

يتناول هذا الدرس كيفية إنشاء مشروع جديد في Adobe Edge Animate وحفظه على جهاز الكمبيوتر الخاص بك. ما هي الملفات التي تولد برنامج عند إنشاء مشروع جديد.


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


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

الجزء الأول من الدرس لإنشاء الرسوم المتحركة الأولى الخاصة بك في Adobe Edge Animate. مؤلف المؤلف من الدرس فاليري ميدفيديف بسيط ويقوم بوضوح ويعرض تماما جميع الإجراءات اللازمة وقيمة أزرار لوحة التحكم.


مشاهدة أدوبي حافة تحريك الفيديو

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


مشاهدة أدوبي حافة تحريك الفيديو

في هذا الفيديو، نتعلم عرض الرسوم المتحركة التي تم إنشاؤها في الحافة تحريك في متصفح الويب. معلومات صغيرة حول HTML5.


مشاهدة أدوبي حافة تحريك الفيديو

مثال مثير للاهتمام على الرسوم المتحركة عندما تقلع الصاروخ بقيمة معينة من العداد.

رمز جاهز للمثريات:

timerCount \u003d 5؛ sym. $ ("counter_txt"). HTML (TimerCount)؛ Tcounter \u003d setinterval (الموقت، 1000)؛ وظيفة الموقت () (TimerCount - \u003d 1؛ إذا (TimerCount< 1) { sym.play("start"); clearInterval(tCounter); return; } sym.$("counter_txt").html(timerCount); }

timerCount \u003d 5؛

tcounter \u003d setinterval (الموقت، 1000)؛

وظيفة الموقت ()

timerCount - \u003d 1؛

إذا (TimerCount.< 1 )

سيم العب ("ابدأ")؛

clearinterval (tcounter)؛

إرجاع؛

سيم $ ("counter_txt"). أتش تي أم أل (TimerCount)؛


مشاهدة أدوبي حافة تحريك الفيديو

كيفية إجراء تغيير في زر الماوس. رمز مطلوب لموسيل:

sym.getsymbol ("gobtn"). توقف ("طبيعي")؛


مشاهدة أدوبي حافة تحريك الفيديو

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

فار يوتيوب \u003d $ ("
مشاهدة أدوبي حافة تحريك الفيديو

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


مشاهدة أدوبي حافة تحريك الفيديو

كيفية جعل الصورة تتحول 180 درجة حول المحور العمودي عندما تحوم.

قم بتنزيل الملفات والكواد اللازمة يمكن أن يكون.


مشاهدة أدوبي حافة تحريك الفيديو

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


مشاهدة أدوبي حافة تحريك الفيديو

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


مشاهدة أدوبي حافة تحريك الفيديو

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


مشاهدة أدوبي حافة تحريك الفيديو

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

حظا سعيدا والنجاح الإبداعي!

لإعداد أكلية HTML لإقامة الإقامة في ADFOX، من المهم الامتثال لمتطلبات إدراج كود يقوم بتصنيع النقر على لافتة وعد الأحداث في Banner.
عند تطوير رمز HTML، يمكنك استخدام المحررين الذي كتب به هذه التعليمات:
- أدوبي تحريك CC؛
- مصمم الويب جوجل
- أدوبي حافة تحريك CC.

متطلبات رمز HTML (لمطوري التعليمات البرمجية)

قم بإعداد مشروعك، والامتثال للمتطلبات التالية:

1. الحد الأقصى المسموح به من الأحرف في كود HTML هو 65000؛
2. JavaScript و CSS هو الأفضل وضعها داخل رمز راية HTML؛
إذا تجاوز رمز HTML النهائي الحد الأقصى لعدد الأحرف المسموح به، فمن الضروري تقليل الرمز عن طريق صنع JavaScript و CSS ملفات منفصلة:
- حفظ JS و cSS Code. في ملفات منفصلة مع Export.js أو .css؛
3. يمكن أن يحتوي المشروع على ملف واحد فقط مع Extension.html؛
4. الحد الأقصى المسموح به عدد الملفات في المشروع هو 50؛
5. أنواع الملفات المسموح بها في المشروع: CSS، JS، HTML، GIF، PNG، JPG، JPEG، SVG، JPS، FLV، MP4، OGV، OGG، WEBM، AVI، SWF، OTF، TTF، ABF، ACFM، GDR، ETX ، eot، fnt، fon، mf، ttc، woff؛
6. أكبر مقاس كل ملف (يعمل أيضا من أجل الملفات داخل الأرشيف):
- 300 كيلو بايت؛
- 1MB لملفات الفيديو.
7. يجب أن تحتوي أسماء الملفات فقط على أرقام أو أحرف الأبجدية الإنجليزية، رمز الاغلاق. لا يسمح باستخدام اسم ملف الحروف الروسية والمسافات والعرافات والأحرف الخاصة؛
8. في أسماء المتغيرات والكائنات، من المستحيل استخدام الحروف الروسية.
الاستثناء هو فقط النص على راية.
9. تنسيق المشروع النهائي - أزيز. أرشيف.

Adobe Animate CC.

1. تحضير المحرر.

لإنشاء مشروع جديد في Adobeanimate CC، حدد مشروع "HTML5 Canvas".

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

من أجل تطبيق قالب المشروع في إعدادات المنشور، حدد "إعدادات النشر المتقدمة -\u003e استيراد جديد ...".

يحتوي القالب على البرنامج النصي adfox_html5.js.

3. انقر فوق معالجة

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

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

canvas.style.cursor \u003d "المؤشر"؛ canvas.addeventlistener ("انقر"، وظيفة () (Window.callclick ()؛)؛

3.2 لإضافة أزرار متعددة للانتقال إلى روابط مختلفة، قم بإضافة زر أساسي للنقر فوق "راية" في الطبقة العليا من الرسوم المتحركة، أو تعيين زر اسم مثيل (اسم مثيل) وتمتص التعليمات البرمجية على الزر:

this.btnmain.addeventlistener ("انقر فوق"، وظيفة (ه) (var t \u003d e.nitivevent؛ إذا (t.which \u003d\u003d 1 || t.button \u003d\u003d 0) (window.callclick ()؛)؛)؛ ؛

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

this.btnleft.addeventlistener ("انقر فوق"، وظيفة (ه) (var t \u003d e.nitivevent؛ إذا (t.which \u003d\u003d 1 || t.button \u003d\u003d 0) (window.callclick (n)؛)؛)؛)؛ )

أين ن.

3.3

this.btntext.addeventlistener ("Mouseover"، وظيفة () (Window.CalLevent (n)؛)؛

أين mouseover. - حدث جافا سكريبت، ن. - رقم الحدث من 1 إلى 30، والتي يجب أن تسبب.

ميزة إنشاء الرسوم المتحركة الدورية

لتنفيذ الرسوم المتحركة الدورية في الإبداعية في محرر CC "تحريك:
- اضبط خيار "الجدول الزمني للحلقة الجدول الزمني" في إعدادات المنشور؛
- استخدم رموز الأزرار من هذا القسم، ويجب إزالة رموز الأزرار المعتادة من الفقرات 3.1 و 3.2.

رمز الإبداع مع زر واحد والرسوم المتحركة الدورية:

إذا (TypeOf (this.stopcycle) \u003d\u003d "undefined") (this.btnmain.addeventlistener ("انقر"، وظيفة (ه) (var t \u003d e.nitivevent؛ إذا (t.which \u003d\u003d 1 || t.button \u003d\u003d 0) (window.callclick ()؛)؛)؛ هذا. stopcycle \u003d true؛)

إذا كان هناك العديد من الأزرار، ثم في رمز مكالمة حدث ADFOX، إضافة رمز:

إذا (TypeOf (this.stopcycle) \u003d\u003d "undefined") (this.btnmain.addeventlistener ("انقر"، وظيفة (ه) (var t \u003d e.nitivevent؛ إذا (t.which \u003d\u003d 1 || t.button \u003d\u003d 0) (window.callclick ()؛)؛)؛ this.btnleft.addeventlisterener ("انقر"، وظيفة (ه) (var t \u003d e.nativeevent؛ إذا (t.which \u003d\u003d 1 || t. زر \u003d\u003d 0) (window.callclick (n)؛)؛)؛)؛ this.stopcycle \u003d true؛)

أين ن. - رقم الحدث من 1 إلى 30، والتي يجب أن تسبب.

باستخدام أزرار شفافة

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

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

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

ميزة تنفيذ راية (مطاطية) ممتد

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

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

ميزة إنشاء راية مع autrashop

إذا كنت ترغب في إظهار شعار من حالة مكسورة، فأنت بحاجة إلى إضافة راية في الواجهة في "Autoshop دائما" أو "سخيف عند تهيئة" قيمة نعم وإضافة رمز إلى HTML Creative:

window.global_exp_banner \u003d this.exp_banner؛ window.global_main_banner \u003d this.main_banner؛ window.global_exp_banner.visible \u003d false؛ إذا (window.isbannerexpanded) (window.gebanerexpanded) (window.global_exp_banner.visible \u003d true؛ window.global_exp_banner.btncollapse.visible \u003d true. window.global_main_banner.visible \u003d false؛ window.global_main_banner.btnexpand.visible \u003d false؛) آخر (window.global_exp_banner. مرئي \u003d FALSE؛ Window.Global_Exp_Banner.btncollapse.visible \u003d false؛ window.global_main_banner.visible \u003d true.global_main_banner.btnexpand.visible \u003d true.global_main_banner.bten.global_main_banner.btnexpand.addeventlistener ("انقر"، expandbanner.bind (هذا )) window.global_exp_banner.btncollapse.addeventlistener ("انقر"، clollapsebanner.bind (هذا))؛ window.onbannerexpand \u003d وظيفة () (window.calleventitv (2)؛ window.global_exp_banner.visible \u003d true.global_exp_banner.btncollapse.visible \u003d true؛ window.global_main_banner.visible \u003d false؛ window.global_main_banner.btnexpand.visible \u003d false ؛) window.onbannercollapse \u003d وظيفة () (window.callevent (3)؛ window.global_exp_banner.visible \u003d false؛ window.global_exp_banner.btncollapse.visible \u003d false؛ window.global_main_banner.visible \u003d true؛ window.global_main_banner.btnexpand.visible \u003d صحيح؛)

5. نشر المشروع.

مهم! في معاينة المشروع في المتصفح من خلال (CTRL-ENTER | CMD-ENTER) إلى الروابط في أسماء الملفات في HTML، فإن الأنواع العشوائية للأنواع تضيف ?1468231208369 وبعد يجب استبعاد هذه القيم من المشروع عند تحميله في ADFOX.
لهذا، المشروع النهائي يجب نشر المحرر من خلال ملف\u003e نشر الإعدادات\u003e النشر (SHIFT-CTRL-F12 | SHIFT-CMD-F12).

عند نشر مشروع، حدد القالب adobeand_adfox_.html..

.أزيز.

مصمم الويب من جوجل.

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

يحتوي القالب على البرنامج النصي adfox_html5.js. ومجموعة من المعلمات للتشغيل الصحيح للتحولات والعد الأحداث:
٪ مرجع٪،٪ User1٪،٪ EVENTN٪، حيث n رقم حدث من 1 إلى 30.

2. انقر فوق معالجة.

يتم تعيين جميع الأحداث لعناصر الرسوم المتحركة المحددة من خلال علامة التبويب "الأحداث".


يستخدم مكون منطقة تفاعلية لاستدعاء الإجراءات.
أضفها وحدد الحدث "منطقة تفاعلية" - "اللمس / الضغط" (أو "TAP Area\u003e المس / انقر فوق" في النسخة الإنجليزية).


في علامة التبويب "الرمز الخاص"، حدد وظيفة الاتصال للنقر.

2.1

CallClick ()؛

2.2

CallClick (ن)؛

أين ن.

2.3 إذا كنت بحاجة إلى استدعاء حدث من الرسوم المتحركة دون انتقال، استخدم التعليمات البرمجية التالية:

callevent (n)؛

أين ن. - رقم الحدث لتكون ناجمة.



بحيث تعادل Banner في عرض الحاوية التي سيكون فيها على الموقع، على اللوحة الخصائص للموقف والأحجام، حدد النسبة المئوية بدلا من البكسل.

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

4. نشر المشروع.

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

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

Adobe Edge Animate CC

لبدء العمل، قم بتشغيل الملف بالإضافة . من الأرشيف.

2. انقر فوق معالجة.

يتم تعيين جميع الأحداث لعناصر الرسوم المتحركة المحددة من خلال علامة التبويب "الرمز".

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

تحتاج الأزرار إلى تعيين اسم مثيل (اسم مثيل)، على سبيل المثال: btnmain، btnright.

2.1 إذا تم استخدام زر انتقال واحد:

CallClick ()؛

2.2 إذا كانت أزرار الانتقال عدة:

CallClick (ن)؛

أين ن. - رقم الحدث لتكون ناجمة.

2.3 إذا كنت بحاجة إلى استدعاء حدث من الرسوم المتحركة دون انتقال، استخدم التعليمات البرمجية التالية:

callevent (n)؛

أين ن. - رقم الحدث لتكون ناجمة.

خصوصية تنفيذ راية السحب (المطاط).

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

هناك أيضا حجم مقياس وأزرار موقف المقياس للعناصر الموجودة في الموضع والحجم


4. نشر المشروع.

تتبع نشر المشروع مع هذه الإعدادات:

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

دعونا نخلق ملف جديد.، اجعلها بحجم 800 × 600 ونقل بعض الملفات إليها، وهي هذه الصور القليلة و "Forest MP3"، وهذا هو، الصوت. أحمله هنا. ما لدينا في النهاية - هذه الصورة هي غابة، وتسمى "BG"، "العب" و "إيقاف مؤقت"، هذه أزرار. أعاني منهم الآن، نقلهم، حول هذا هو هذا هو أسهل الخيار.

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

كيفية إضافة رابط تفاعلي إلى الأسطوانة على Adobe Edge Animate.

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

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

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

كيفية قيام الرسوم المتحركة في Adobe Edge Edgate، وهذا هو، وكيفية صنعه عندما لعبت في النهاية، بدأت مرة أخرى في البداية وكانت لانهائية.

هنا يمكنك نسخ الإطارات الرئيسية، أي أنها تسليط الضوء على إطار واحد، اضغط CNTRR + C، انقر فوق الحقل المطلوب، اضغط CNTR + V، وسيتم حلق الرسوم المتحركة، وهذا هو، غير محطم، وفي هذه الحالة، من نقطة البداية للتحرك مرة أخرى إلى الأول الأولي. إذا قمت بتشغيل هذا الفيديو، انقر فوق CNTR + ENTER، فنحن نرى أن الرسوم المتحركة تستمر فقط 1 ثانية فقط، فهي تدخل في اتجاه واحد وإرجاعها إلى آخر.

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

افترض أن لديك راية مصنوعة في Adobe Edge Animate، عند النقر فوقه، تفتح صفحة المقصودة المرغوبة، إنها في الحافة "تحريك" وحفظها في المجلد باستخدام البرامج النصية المصدر و Java. نقوم بفتحه في أي محرر نصوص، يمكنك استخدام أي محرري اختبار، على سبيل المثال: المفكرة، إلخ.

بعد ذلك، أريد إدراج هذا الراية على الموقع. ما الذي يجب إنجازه؟ تحتاج إلى تنزيل ملف الفهرس، ثم افتحه أيضا في محرر نصوص، انسخ رمز Adobe Edge وفي النهاية إضافة رمز هنا قبل "الرأس"، ثم قبل العنوان الذي سنضيف فيه رايةنا، قبل DIV. من أجل التنفيذ الأكثر دقة، هناك تعليمات ستساعدك: https://docs.google.com/document/d/1-ktj3qcbzt47-dreqpgvcbn_yupy3hqxamp94kcnz0/edit. بعد أن نقوم بالنقص والذهاب إلى خدمة FTP، لدي FileZilla، نجد موقع التخزين لموقعك ونسخ مجلد الفهرس إلى ملفك الموجود على الخادم، واستبداله الملفات الحاليةوبعد بعد ذلك، قم بتنزيل جميع البرامج النصية Java وتحديث الموقع. كل شيء جاهز - يعمل برنامج الرسوم المتحركة، ويفتح علامة التبويب صفحة الصفحة الهبوط.

إذا كنت مهتما بهذه الدروس، اشترك في قناتي، لأن في المستقبل القريب، سيكون هناك العديد من بكرات جديدة - http://www.youtube.com/user/danilfimushkin؟sub_confirmation\u003d1

00:32 - دعنا نقول أن لديك راية مصنوعة في Adobe Edge Animate

01:30 - إضافة راية إلى الموقع

02:09 - إضافة رمز إلى علامة "الرأس"

02:50 - تعليمات لإضافة راية إلى الموقع

03:31 - تنزيل الملفات إلى الخادم

05:29 - نقوم بتحديث الموقع وكل شيء جاهز!

انضم وطرح الأسئلة:

تحميل الثالث قوالب مجانية موسى: http: //site/free-landing.html

http://vk.com/adobeedgeanimate.

أنا vkontakte: http://vk.com/danilfimushkin

في Webinar، أخبرت وأظهرت وأظهرت كيف يمكن لافتة متحركة كاملة أن تجعل من توضيح ناقلات.

00:17 - بدء الرسوم المتحركة توضيح ناقلات في حافة التحريك
14:06 - إنشاء حركة مع الكفوف من الشخصية
16:54 - مزايا الرمز المتداخل
17:48 - ما هو رمز متداخل
18:24 - توقيع الرسوم المتحركة المحررة
19:42 - الرسوم المتحركة المستندية جاهزة
23:40 - إنشاء عيون وميض
26:54 - تحديد أسماء الملفات أثناء التوفير
27:57 - الرسوم المتحركة من نص "إسقاط"
28:39 - مرفق منحنى المرور - تغيير محور الرسوم المتحركة
30:03 - النتيجة الوسيطة للرسوم المتحركة، وخلق المناظر الطبيعية الثلجية والرسوم المتحركة ندفة الثلج
33:39 - نظرة عامة برامج الحافة تحريك.
34:52 - الواجبات المنزلية
35:25 - كيفية إضافة رابط نشط
39:09 - إنشاء أزرار متعددة وإرفاق الروابط

انضم وطرح الأسئلة: http://vk.com/adobeedgeanimate

ستؤدي إضافة رمز أو نص آخر في نطاق الرسوم المتحركة الحركة إلى استبدال الرمز الأصلي في الرسوم المتحركة الحركة. تغيير كائن الرسوم المتحركة الكائن الهدف يمكن لأي من الطرق التالية:

  • اسحب رمزا آخر من المكتبة في نطاق الرسوم المتحركة في الجدول الزمني؛
  • استخدم الأمر تحرير\u003e رمز\u003e استبدال الرمز.

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

أنظر أيضا

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

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

هدف الرسوم المتحركة الهدف

لدى الحركة الرسوم المتحركة كائن واحد في نطاق الرسوم المتحركة، والتي تسمى كائنها المستهدف. يوفر استخدام كائن هدف واحد في الرسوم المتحركة العديد من المزايا:

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

الكائنات والخصائص التي يمكن أن رسوم الرسوم المتحركة الحركة

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

  • موقف أكثر من x و y المحاور على متن الطائرة

    ضع على طول المحور Z في مساحة ثلاثية الأبعاد (شظايا فقط من بكرات)

    دوران على متن الطائرة (حول المحور Z)

    دوران حول محاور X و Y و Z في المساحة ثلاثية الأبعاد (شظايا فقط من البكرات): يشير إلى أن ملف FLA مصمم لعملية ActionScript 3.0 و مشغل الفلاش. 10 أو في وقت لاحق في معلمات النشر. يدعم Adobe Air أيضا حركة ثلاثية الأبعاد.

    إمالة على المحاور X و Y

    مقياس على المحاور X و Y

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

    خصائص تصفية (لا يمكن تطبيق المرشحات على رموز الرسوم)

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

يمكن إنشاء الرسوم المتحركة الحركة في واحدة من ثلاث طرق:

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

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


الرسوم المتحركة لحركة الخصائص الأخرى باستخدام خصائص المفتش

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

    قم بتمييز مثيل رمز أو حقل نص مساحة العمل.

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

    إختر إدراج > حركة الحركة.

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

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

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

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