3 دوره آموزشی که به شما کمک میکند در انیمیشنهای پیمایشی (Scrolling Animation) استاد شوید.
Persian (پارسی) translation by Pouria Parhami (you can also view the original English article)
انیمیشنهای پیمایشی میتواند راه عالی برای ایجاد علاقه بیشتر در کاربران و ایجاد وبسایتی تعاملیتری برای شما باشد. ایده این است که، پیمایش کاربردرون سایت شما، باعث رخ دادن انیمیشنهای مختلف شود. انیمیشنها می توانند دارای اشکال متفاوت باشند یا برای هدفهای متفاوتی استفاده شوند: برای جلب توجه به عنصری خواص، تا داستانی به شکل جذابی گفته شود و غیره
اما چگونه این افکتها را ایجاد کنیم ؟ در این مقاله، شما سه دوره آموزشی جامع را خواهید یافت که به شما کمک خواهند کرد تا انمیشین پیمایشی (scrolling animation) را درک کنید و بتوانید از آن در پروژههای طراحی وب خود استفاده کنید.
1. به سادگی رویدادهای پیمایش ایجاد کنید
بسیاری از طراحان وب تازهکار از slick effects ها مانند parallax scrolling استفاده نمیکنند، به یک دلیل ساده آنها از جاوا اسکریپت میترسند. در این دوره آموزشی، شما میآموزید چگونه از سه فریمورک ساده و قدرتمند جاوا اسکریپت برای ساخت افکتهای پیمایش چشم نواز خود استفاده کنید، بدون اینکه بیشتراز نیاز جاوا اسکریپت بنویسید.
2. با ScrollMagic شروع کنید
تکثیر کتاب خانه های جاوا اسکریپت سمت کاربر (front-end) انجام بسیاری از وظایف را برای طراحان وب و توسعه دهنده ها ساده کرده است. در این دوره آموزشی کوتاه، به شما یکی از این کتاب خانه ها به نام ScrollMagic معرفی می شود. این کتاب خانه روند ساخت رویداد scrollbar-driven و انیمیشنها در جاوا اسکریپت را ساده کرده است.
3. انیمیشنهای کاربردی با سکوی انیمیشن GreenSock
در این دوره آموزشی، شما برروی سه پروژه کارخواهید کرد که به شما آموزش خواهد داد با استفاده ازسکوی انیمیشن GreenSock با سناریوهایی از دنیای واقعی programmatic animations ایجاد کنید. آموزش خواهید دید چگونه انیمیشن preloader، یک آرم انیمیشن SVG و یک نوارلغزنده اختصاصی برای محتوای بسازید.
شروع آموزش را مجانی امتحان کنید
شما میتوانید تمام اینها و دیگر آموزشهای طراحی را با 10 روز از اشتراک ماهانه ما مجانی امتحان کنید. پس همین امروز شروع کنید، واستاد انیمیشن پیمایشی و دیگر چیزها شوید.
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post