Kwik Page Turn Animation

• قد 21, 2024

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

نريد تشغيل هذه الرسوم المتحركة فورًا عند تحميل الصفحة. لدينا بالفعل الرسم للرسوم المتحركة على طبقة kwkpgTurn في page1. كما تم تعيين هذه الطبقة كأصول مشتركة بحيث تعمل عبر تطبيق الكتاب.

الرسوم المتحركة الخطية

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

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

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

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

1. في قسم الصفحة / المكونات في لوحة Kwik ، حدد page1. يجب أن تشاهد "@ page1" في الجزء العلوي من القسم.
   
   
2. اضغط على قم بالتبديل إلى رمز عرض المكونات لرؤية قائمة المكونات التي تمت إضافتها بالفعل إلى هذه الصفحة.
   
   
3. حدد طبقة kwkpgTurn في لوحة Layers.
   
   
4. من شريط الفئة ، انقر فوق أيقونة الرسوم المتحركة.
   
   
5. اضغط على رمز الحركة الخطية (الرمز الأول في الصف الأول من الأدوات).
   
   
6. في مربع الحوار Linear Animation ، أعد تسمية الحركة "pgTurn".
   
   
7. Layer kwkpgTurn: هذا يخبر Kwik باستخدام الرسم على طبقة kwkpgTurn للرسوم المتحركة. الحفاظ على هذا المحدد
   
   

في قسم الخصائص ، يعرضنا Kwik مواضع X و Y للكائن على طبقة kwkpgTurn وعرض وارتفاع كائن الرسوم. لأننا نريد نقل الرسم بالكامل خارج الشاشة ، فسوف نحتاج إلى نقله على الأقل بنفس عدد البكسل مثل عرض الرسم (732 بكسل). دعنا ننقلها 732 بكسل إلى اليسار. لأن موضع X الحالي هو 0. سيؤدي هذا إلى رقم سالب لموضع النهاية. لا نريد نقل الكائن رأسيًا ، لذلك سنحافظ على تعيين موضع Y على 0. سيؤدي ذلك إلى تحريك الكائن أفقيًا فقط.

8. موقف النهاية:
   س -732
   ص 0
   
   
9. موضع نهاية عشوائية: لن نستخدم هذه الميزة ، لذا اتركها مضبوطة على الإعدادات الافتراضية.
   
   
10. المدة: نريد أن يتحرك الرسم بسرعة كبيرة لإعطاء تأثير انعكاس. لذلك دعونا ضبط هذا إلى 1 ثانية و 0.2 ثانية تأخير.
    
    
11. حدد المربع للإيقاف المؤقت عند الإكمال.
    
    
12. حلقة: اضبط هذا الخيار على الوقت.
    
    
13. يبدأ: تعيين هذا إلى عندما تبدأ الصفحة.
    
    
14. انقر فوق إنشاء.
    
    
15. يجب أن ترى أنه تمت إضافة الرسوم المتحركة pgTurn إلى قائمة المكونات لهذه الصفحة.
    
    

الآن هو الوقت المناسب لاختبار المشروع. انقر فوق الزر نشر في لوحة Kwik. اختبار الأزرار الملاحية والصفحة بدوره الرسوم المتحركة.

حقوق النشر 2018 Adobe Systems Incorporated. كل الحقوق محفوظة. أعيد طبع (لقطات) شاشة منتج Adobe بإذن من Adobe Systems Incorporated. Adobe و Photoshop و Photoshop Album و Photoshop Elements و Illustrator و InDesign و GoLive و Acrobat و Cue و Premiere Pro و Premiere Elements و Bridge و After Effects و InCopy و Dreamweaver و Flash و ActionScript و Fireworks و Contribute و Captivate و Flash Catalyst و Flash Paper هي / هي إما [a] علامة تجارية مسجلة أو علامة تجارية لـ Adobe Systems Incorporated في الولايات المتحدة و / أو البلدان الأخرى.
يعتبر Kwik product وشعار Kwik و Kwiksher من خصائص Kwiksher.com - حقوق الطبع والنشر لعام 2011. لقطات الشاشة المستخدمة بإذن.

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

تعليمات الفيديو: SKETCHBOOK TOUR 2019! (قد 2024).