क्विक पेज टर्न एनिमेशन

• अप्रैल 23, 2024

पिछले कुछ ट्यूटोरियल के लिए, हम अपने क्विक बुक ऐप के पेज टेम्पलेट पर काम कर रहे हैं। हमारे पास टेम्पलेट में जोड़ने के लिए एक और चीज है, जो कि रैखिक एनीमेशन है जो एक पृष्ठ मोड़ का अनुकरण करता है।

हम चाहते हैं कि जब पृष्ठ लोड होगा तो यह एनीमेशन तुरंत चलेगा। हमारे पास पहले से ही पृष्ठ 1 में kwkpgTurn लेयर पर एनीमेशन के लिए ग्राफिक है। इसके अलावा इस परत को एक साझा परिसंपत्ति के रूप में सेट किया गया है ताकि यह पुस्तक ऐप के माध्यम से काम करे।

रैखिक एनीमेशन

इस बिंदु पर, हम एक बहुत ही सरल एनीमेशन बना रहे हैं और अधिकांश डिफ़ॉल्ट सेटिंग्स का उपयोग करेंगे। लेकिन हम रैखिक एनिमेशन के बारे में बहुत कुछ सीख रहे होंगे क्योंकि हम उनमें से कई को पुस्तक में जोड़ते हैं।

एक रैखिक एनीमेशन एक वस्तु को स्क्रीन पर एक बिंदु से दूसरे तक ले जाता है। इसलिए एक रेखीय एनीमेशन के लिए मुख्य सेटिंग्स प्रारंभ और अंत बिंदु हैं। Kwik एनीमेशन के लिए प्रारंभिक बिंदु को स्वचालित रूप से परत पर ऑब्जेक्ट की वर्तमान स्थिति के रूप में सेट करेगा। हमें एनीमेशन के लिए अंतिम बिंदु निर्धारित करने की आवश्यकता होगी।

हम सेकंड में एनीमेशन के लिए अवधि भी निर्धारित करेंगे, क्योंकि यह निर्धारित करेगा कि ऑब्जेक्ट कितनी तेजी से चलता है। अंत में, हम पेज को लोड करने पर शुरू करने के लिए एनीमेशन सेट करेंगे।

पेज टर्न एनिमेशन

1. Kwik पैनल के पेज / कंपोनेंट्स सेक्शन में, पेज 1 चुनें। आपको अनुभाग के शीर्ष पर "@ पेज 1" देखना चाहिए।
   
   
2. पर क्लिक करें इस पृष्ठ पर पहले से जोड़े गए घटकों की अपनी सूची देखने के लिए घटक दृश्य आइकन पर जाएँ।
   
   
3. परत पैनल में kwkpgTurn लेयर का चयन करें।
   
   
4. श्रेणी पट्टी से, पर क्लिक करें एनिमेशन आइकन।
   
   
5. पर क्लिक करें रैखिक एनिमेशन आइकन (उपकरणों की पहली पंक्ति में पहला आइकन)।
   
   
6. रैखिक एनीमेशन संवाद बॉक्स में, एनीमेशन "pgTurn" का नाम बदलें।
   
   
7. लेयर kwkpgTurn: यह एनीमेशन के लिए kwkpgTurn लेयर पर ग्राफिक का उपयोग करने के लिए Kwik को बताता है। इसे चयनित रखें
   
   

गुण अनुभाग में, Kwik हमें kwkpgTurn लेयर पर ऑब्जेक्ट के लिए X और Y स्थिति और ग्राफिक ऑब्जेक्ट की चौड़ाई और ऊंचाई दिखाता है। क्योंकि हम स्क्रीन से पूरे ग्राफिक को स्थानांतरित करना चाहते हैं, हमें इसे ग्राफिक की चौड़ाई (732 px) के रूप में कम से कम एक ही पिक्सेल को स्थानांतरित करने की आवश्यकता होगी। आइए इसे 732 पिक्सल बाईं ओर ले जाएं। क्योंकि वर्तमान X स्थिति 0. है। इसके परिणामस्वरूप अंतिम स्थिति के लिए ऋणात्मक संख्या होगी। हम ऑब्जेक्ट को लंबवत स्थानांतरित नहीं करना चाहते हैं, इसलिए हम Y स्थिति को 0. पर सेट करेंगे। इससे ऑब्जेक्ट केवल क्षैतिज रूप से स्थानांतरित होगा।

8. अंतिम स्थिति:
   x -732
   य ०
   
   
9. रैंडमाइज्ड एंड पोजिशन: हम इस फीचर का उपयोग नहीं करेंगे इसलिए इसे डिफॉल्ट पर सेट करें।
   
   
10. अवधि: हम चाहते हैं कि ग्राफिक फ्लिप प्रभाव देने के लिए बहुत तेजी से आगे बढ़े। तो चलिए इसे 1 सेकंड और .25 सेकंड देरी से सेट करते हैं।
    
    
11. पूर्ण होने पर रुके हुए बॉक्स की जाँच करें।
    
    
12. लूप: इस विकल्प को l समय पर सेट करें।
    
    
13. प्रारंभ: इसे पृष्ठ प्रारंभ होने पर सेट करें।
    
    
14. क्रिएट पर क्लिक करें।
    
    
15. आपको यह देखना चाहिए कि इस पृष्ठ के लिए घटकों की सूची में pgTurn एनीमेशन को जोड़ा गया है।
    
    

अब परियोजना का परीक्षण करने का एक अच्छा समय है। क्विक पैनल में पब्लिश बटन पर क्लिक करें। नेविगेशनल बटन और पेज टर्न एनीमेशन का परीक्षण करें।

कॉपीराइट 2018 एडोब सिस्टम्स शामिल। सभी अधिकार सुरक्षित। Adobe उत्पाद स्क्रीन शॉट (ओं) को Adobe सिस्टम शामिल से अनुमति के साथ पुनर्मुद्रित किया गया। Adobe, Photoshop, Photoshop एल्बम, Photoshop तत्व, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, आतिशबाजी, योगदान, कैप्टिनेट, फ्लैश कैटालिस्ट और फ्लैश पेपर संयुक्त राज्य अमेरिका और / या अन्य देशों में शामिल Adobe सिस्टम में [/ a] एक पंजीकृत ट्रेडमार्क [s] या एक ट्रेडमार्क [s] है।
Kwik उत्पाद, Kwik लोगो और Kwiksher Kwiksher.com के गुण हैं - कॉपीराइट 2011। अनुमति द्वारा उपयोग किए गए स्क्रीन शॉट्स।

ये ट्यूटोरियल Kwik 2 के पुराने संस्करण के लिए हैं और Kwik 3 और इसके बाद के संस्करण का उपयोग करते समय बहुत मदद नहीं कर सकते हैं। यदि आपको परेशानी हो रही है, तो कृपया Kwik फोरम का उपयोग करें।

वीडियो निर्देश: Brock Lesnar vs Seth Rollins Wrestlemania 35 - Why Brock Lesnar Lose in 3 Min against Seth Rollins (अप्रैल 2024).