آموزش انیمیشن مسیر حرکتی (Motion Path) با CSS و SVG - آخرین آپدیت
دانلود CSS & SVG Motion Path Animation
با یادگیری نحوه متحرکسازی المانها در مسیرهای پیچیده با استفاده از CSSو تکنیکهای مسیر حرکتی SVG، پتانسیل واقعی انیمیشنهای وب را آزاد کنید. این دوره برای توسعهدهندگان و طراحانی طراحی شده است که میخواهند فراتر از انتقالهای (Transitions) ساده بروند و دنیای انیمیشنهای پویا و منحنیمحور را که از اشکال سفارشی، منحنیهای بزیه (Bezier) و مسیرهای SVG پیروی میکنند، کشف کنند.
چه در حال خلق جلوههای بصری خیرهکننده برای UI، تصویرسازیهای تعاملی یا بصریسازی دادهها باشید، این دوره شما را گامبهگام از مفاهیم پایه تا تکنیکهای پیشرفته انیمیشن —و همه اینها با استفاده از ابزارهای بومی وب —راهنمایی میکند.
آنچه در این دوره خواهید آموخت:
-
اصول نحو (Syntax) مسیرهای SVG و نحوه عملکرد آنها
-
ساخت اشکال سفارشی و مسیرهای حرکتی در SVG
-
انیمیت کردن المانهای HTML و SVG در امتداد یک مسیر با استفاده از CSS offset-path و motion-path
-
تفاوتهای بین CSS offset-path و انیمیشنهای SMIL/SVG
-
استفاده از جاوااسکریپت برای کنترل دقیق مسیرهای حرکتی
-
تکرار (Looping)، معکوس کردن و زنجیر کردن انیمیشنها
-
پروژههای واقعی انیمیشن مانند آیکونهای متحرک، خطوط تعاملی و لودرهای مبتنی بر حرکت
این دوره برای چه کسانی است:
-
توسعهدهندگان وب که مشتاق ارتقای مهارتهای انیمیشن خود هستند
-
طراحان UI/UX که به دنبال جان بخشیدن به رابطهای کاربری خود هستند
-
کدنویسان خلاقی که علاقهمند به ترکیب طراحی و کدنویسی هستند
-
مبتدیانی که با HTML/CSS آشنا هستند و میخواهند وارد دنیای انیمیشن شوند
درس ها Lessons
-
Introduction
-
SVG Path Element Tutorial
-
SVG Path Element Tutorial part 2
-
SVG Path Element Tutorial part 3
-
Create svg path with Adobe Illustrator
-
Svg motion path animation
-
CSS motion path animation
https://donyad.com/d/be2b21
Jayanta Sarkar
سلام، من جایانتا هستم.
پس از فارغ التحصیلی و اخذ مدرک در رشته "فناوری اطلاعات"، حرفه حرفه ای من آغاز شد، شروع به توسعه وب و حرفه طراحی گرافیک در سال 2018، من هرگز از یادگیری مهارت های برنامه نویسی جدید دست نکشیدم.
من مهارت های توسعه وب و طراحی گرافیک را در آرنا انیمیشن می آموزم. اما بیشتر مهارت های من مهارت های خودآموز است. بهعنوان یک توسعهدهنده و طراح گرافیک خودآموخته، این شانس را داشتم که با معنی شرکتهای فناوری اطلاعات محلی کار کنم تا وبسایتهایشان را بسازم و کارمندانشان را در زمینه برنامهنویسی وب آموزش دهم.
نمایش نظرات