תנועה באינטרנט למתחילים סקירה מאת טום גרין

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

בסדרה זו של lynda.com של קורסים מבוססי פרויקטים תנועת רשת למתחילים, טום גרין מלמד גרפיקה של תנועה מבוססת-רשת מההתחלה ועד הסוף. במהלך התהליך תבנו חמישה פרויקטים בסך הכל.

סקירה כללית

גרין מתחיל סקירה כללית של השיקולים החשובים לפרויקט מצליח.

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

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

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

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

גרין דן גם בכמה מהמלכודות הנפוצות ביותר בתכנון פרויקט כמו תאימות דפדפנים ותוכן לשימוש חוזר. הוא גם מציג את התוכנה שהוא שומר ב"ארגז הכלים של האינטרנט לתנועה ".

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

צור אפקט פרלקס - בנה עומק ותנועה עם אפקט Parallax באמצעות מעצב האינטרנט של גוגל^ר, פלאש CC^ר ו- Edge Animate^ר.

הנפשת גיליון ספרייט של CSS - גיליונות ספרייט הם דרך אחת להנפשה מיטבית עבור מכשירי אינטרנט וטאבלט.

צור מטען מקדים - בנה מראש נטען באמצעות After Effects^ר, פוטושופ^ר או זיקוקים^ר ו- Edge Animate.

צור מודעת באנר מונפשת - בניית באנר אינטרנטי עם תנועה ואינטראקטיביות.

פרויקט גמר - פרויקט גמר זה משלב את כל הטכניקות שנלמדו בפרויקטים הקודמים בעת בניית מודעת באנר באמצעות Illustrator^ר, פוטושופ ו- Edge Animate.

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

הדרכות הווידיאו האחרות של טום גרין באתר lynda.com כוללות פועל עם וידאו HTML5, יצירת פרוייקטים אינטראקטיביים עם Edge Animate, סדנת זיקוקים CS6 ו זיקוקים CS3 אימונים חיוניים.

//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html

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