אנימציה של לוח מודעות לסרטון לוח - נתיב Bezier

• אַפּרִיל 29, 2024

במדריך זה נמשיך לבנות סרטון לוח פשוט של Motion^ר. השלב הבא הוא לצייר את נתיב Bezier שהוא הבסיס לאנימציה.

אתה תצייר נתיב Bezier אשר ישלוט על תנועת היד. כפול משביל Bezier זה ישמש ליצירת המסכה שתסתיר את הגרפיקה המצוירת על המסך ותחשוף אותה כשהזרוע עוברת. מכיוון שהמסיכה נוצרת משכפול של נתיב Bezier שאליו תעבור היד, התוצאה היא הדמיה של ציור היד על המסך.

לפני שאנחנו מציירים את שביל Bezier, עלינו להתאים את נקודת העיגון של גרף היד. היה כברירת מחדל, Motion מציב את נקודת העיגון במרכז הגרפיקה. אבל נקודת העיגון הזו תהיה מה שעוקב אחר הדרך. אנחנו לא רוצים שמרכז הזרוע יצייר על המסך. אנו רוצים שקצה העיפרון יצייר על המסך. בואו נתקן את זה.

1. בחרו בתמונת היד ואז בחרו בכלי נקודת העיגון. השתמש בחצים האדומים והכחולים כדי למקם את נקודת העיגון מעל קצה העיפרון.
   
   עכשיו נגיע לחלק הטוב הזה.
   
   
2. בחר בשכבה הגרפית יד ואז בחר בכלי Bezier. הניחו את נקודת Bezier הראשונה מעל קצה העיפרון. לאחר מכן, עבר ללוגו וצייר מסלול זיג זיג מעל הלוגו. לבסוף, חזרו אל היד והוסיפו את הנקודה האחרונה. אל תסגור את השביל.
   
   
3. כדי להגיד לתנועה שסיימת לצייר את הנתיב Bezier, בחר בכלי Select / Transform. תקבל שכבה חדשה של Bezier בחלונית Layers. גרור שכבה חדשה זו מתחת לשכבת היד ושנה אותה בשם "Bezier_Logo" מכיוון שזה הנתיב של Bezier לציור תמונת הלוגו.
   
   עכשיו כשיש לנו את נתיב Bezier, נוכל להוסיף את התנהגות נתיב תנועה לתמונת היד. התנהגות זו היא שתגרום לנפשה של היד. אבל אנו רוצים שהיד תלך בדרך Bezier_Logo. אז נגיד למוטיבציה להשתמש בנתיב Bezier_Logo להתנהגות הנתיב הזה.
   
   
4. כדי להוסיף את ההתנהגות לתמונת היד, בחר בשכבה הגרפית של היד בחלונית Layers. בתפריט התנהגויות בצד ימין למטה, בחרו בנתיב תנועה. תראה שכבה חדשה של נתיב תנועה שנוספה מתחת לשכבת היד.
   
   
5. בחר בשכבת נתיב תנועה ועבור למפקח (מפקח - התנהגויות - נתיב תנועה). הגדר את תפריט צורת הנתיב לגאומטריה. בטל את הסימון של האפשרות צרף לצורה. חזור לשכבת Bezier_Logo בחלונית 'שכבות' ולחץ / גרור אל מקור הצורה. כשאתה רואה את החץ הקטן, שחרר את העכבר.
   
   כאשר ראש המשחק נמצא על המסגרת הראשונה, בדוק את האנימציה. אם העיפרון אינו עובר במסלול ישירות, בצע התאמות לנקודת העיגון בקצה העיפרון לפי הצורך.
   
   האם היד נמשכת מעט לאט לצורך הנפשת לוח לבן? ובכן, אנו יכולים לזרז את זה על ידי קיצור מסלולי ה- Motion ו- Bezier_Logo בציר הזמן.
   
   
6. עבור אל ציר הזמן ומצא את המסלול בצבע סגול Motion Path. גררו את הקצה הימני למסלול השביל שמאלה עד שהוא נמצא במיקום השני בשני ציר הזמן (02:00). חזור על כך למסלול Bezier_Logo.
   
   

אוקיי, הגיע הזמן להפסקת קפה. במדריך הבא ניצור את המסכה החושפת את הלוגו.

← חזרה | הבא →

דוגמא להדרכה:


Apple, Motion, מחבר iBooks, GarageBand, TextEdit, Pages, iMovie ו- Mac הם סימנים מסחריים של Apple Inc. הרשומים בארה"ב ובמדינות אחרות.
CoffeBreakBlog הוא פרסום עצמאי ולא אושר, נותן חסות או אישור אחר של Apple Inc. תמונות מסך המשמשות ברשות.
זכויות יוצרים 2018 Adobe Systems Incorporated. כל הזכויות שמורות. צילומי מסך של מוצרי אדובי הודפסו מחדש עם אישור של Adobe Systems Incorporated. אדובי, פוטושופ, אלבום פוטושופ, אלמנטים פוטושופ, אילוסטרייטור, InDesign, GoLive, Acrobat, Cue, Premiere Pro, אלמנטים בכורה, גשר, After Effects, InCopy, Dreamweaver, Flash, ActionScript, זיקוקים, לתרום, לכידת, Flash Catalyst ונייר פלאש. הוא / הם [a] סימנים מסחריים רשומים או סימנים מסחריים של Adobe Systems Incorporated בארצות הברית ו / או במדינות אחרות.