למד כיצד ליצור אנימציה עוצמתית באמצעות HTML, CSS ו- Javascript

מה תלמדו

  • בצע אופטימיזציה של קבצי SVG לשימוש מקוון
  • אנימציות אב-טיפוס בכלי המקוון Codepen
  • השתמש ב- Javascript כדי לחשב את אורך נתיב SVG
  • צור SVG שעושה שימוש במסכות & מעבר צבע

דרישות

  • הורידו עורך טקסט למחשבם d ,Atom.io, Sublime Text
  • אם יש לך תוכנית גרפיקה וקטורית כמו מאייר אדובי אתה יכול לעקוב אחרי השיעורים אך זה לא נדרש. כל קבצי ה- svg מסופקים.
  • ניסיון בכתיבת קוד CSS וסטיילינג בשימוש classes.

תיאור

רוצה לשפר את פרויקט פיתוח האינטרנט הבא שלך? או ללמוד אחד מהמיומנויות הנדרשות ביותר היום?

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

כל קבצי SVG מסופקים אך אנו עובדים גם ביצירת קבצי SVG ב- Adobe Illustrator (או דומה). שיעורים מועברים באמצעות תסריטי וידיאו, ומוסברים בפירוט כאשר אנו עובדים באמצעות פרויקטים אמיתיים שנוצרו ישירות לקורס זה.

הפרויקטים כוללים

– לוגו אנימציה

– הנפשה של סמלים חברתיים

– טקסט בציור יד

– מאפייני הנפשת CSS מוסברים

– שימוש בדרגות מעבר לטקסט וסמלים (דפדפן צולב)

– שימוש במסכות

– באמצעות CodePen

– מבוא ל- SVG Optimization Online

למתחיל בתחום ה- SVG אנו ממליצים לקחת את הקורס האחר שלנו בסדרה.

למי מיועד הקורס הזה:

  • צריך לדעת מה זה קובץ svg
  • שימוש בעבר ב- html / css – לא מתאים למתחילים בקידוד
  • סטודנטים שרוצים לשפר את הנפשות ה- SVG שלהם ולנסות טכניקות חדשות אך אינם יודעים כיצד

תכנית הלימודים של הקורס

לא נמצאה רשימת תוכן

חוות דעת

אין

פידבקים
  • 5 כוכבים0
  • 4 כוכבים0
  • 3 כוכבים0
  • 2 כוכבים0
  • 1 כוכבים0

לא נמצאו חוות דעת לקורס

התחילו את הקורס
0 תלמידים רשומים 

    © Meitav Self Learning. All rights reserved.