آموزش افکت های متحرک در المنتور Motion Effects

46 پاسخ

1. آموزشی برای طراحی انواع قالب و افزونه و شکستن قفل و ترجمه و قفل گذاشتن و متوجه شدن استفاده غیر مجاز
   همچنین
   کدنویسی با ورد پرس ( در مثلا فانکشن ها و css های سفارشی تولید کنید
   تشکر

   پاسخ

   1. سلام درود بر شما
      ممنون از پیشنهاد شما بله بزودی دوره های جدید اضافه خواهد شد

      پاسخ

2. ببخشید من طراح سایت هستم میخواستم پروژه های کار فرما را سه بعدی کنم از کجا کامل یاد بگیرم که هر سایتی را بتونم سه بعدی کنم

   پاسخ

   1. سلام درود بر شما
      این دوره به زودی توسط ما ارائه می شود و از طریق بنر در هدر سایت و استوری در اینستاگرام ما اعلام می شود

      پاسخ

3. سلام و عرض ادب
   قبلاً در بخش ویرایش کنترل کاروسل وقتی موس رو می‌بردم روی یکی از عکس‌های کنترل کاروسل عنوان پست میومد الان یادم رفته چطور باید این کارو انجام بدم ممنون میشم

   پاسخ

4. سلام وقت بخیر من این آموزش انجام دادم اما رسپانسیوش تو فرمت فایل بهم می ریزه از کد ویجت html استفاده کردم اما تاثیری نداره اگه کانتیر تو قسمت موبایل پاک کنم میشه از اول برای موبایل طراحی کنم

   پاسخ

   1. سلام وقت بخیر
      خیر باید از تنظیماتی که ویجت ها دارند سفارشی سازی برای موبایل و تبلت رو انجام دهید

      پاسخ

5. سلام درنگارش 3.37.2 المنتور که بروز ترین نسخه هستش بخش موقعیت در بخش پیشرفته وجود ندارد برای رفع این شکل چه باید کرد

   پاسخ

   1. سلام وقت بخیر
      چون از کانتینر در المنتور استفاده می‌کنی، گزینه “موقعیت” در بخش پیشرفته نمایش داده نمی‌شود. در ساختار فلکس‌باکس که کانتینرها از آن استفاده می‌کنند، جایگذاری و موقعیت‌دهی عناصر به شکل متفاوتی مدیریت می‌شود و به جای “موقعیت”، باید از تنظیمات چینش، جهت و فاصله‌دهی در کانتینر استفاده کنید

      پاسخ

6. سلام ببخشید برای تغییر حرکت نمایش اسلاید مثلا از چپ به راست یا برعکس باید چیکار کرد ؟

   پاسخ

   1. سلام خدمت شما
      رای تغییر جهت حرکت اسلایدها در المنتور، اگر از ویجت اسلایدر استفاده می‌کنید، تنظیمات مربوط به جهت حرکت معمولاً به صورت مستقیم در المنتور وجود ندارد یه جای آن از ویجت کاروسل استفاده نمایید

      پاسخ

7. سلام اون سایت زنبور رو چجوری میشه ایجاد کرد لطفاً یک آموزش بذارید» آخر کلیپ

   پاسخ

   1. سلام وقت بخیر
      میتوانید از css و JS و همچنین موشن افکت در المنتور استفاده نمایید

      پاسخ

8. سلام این عکس هارو از کجا میشه با فرمت svg تهیه کرد ایا سایت خاصی میتونید رفرنس بدیدکه عکس با هرموضوعی بصورت رایگان و svg و البته با قابلیت ریسایز حجم و اندازه بهمون بده ؟ چون برام خیلی مهمه تو زمان صرفه جویی کنم و فایل خام عکسهام رو توی همون سایت بتونم ری سایز و کراپ کنم دیگه برندارم بیارم فتوشاپ .ممنون میشم پاسخ بدید

   پاسخ

   1. سلام وقت بخیر
      برای دریافت تصاویر SVG با قابلیت تغییر سایز و کراپ، سایت‌هایی مثل SVGRepo، Undraw و Iconmonstr عالی هستن. این سایت‌ها بهت اجازه میدن تصاویر رو بدون نیاز به فتوشاپ ویرایش کنی. خیلی راحت و سریع می‌تونی سایز و حجم رو تنظیم کنی.

      پاسخ

9. سلام و خداقوت
   این افکت ها باعث کند شدن سایت هم میشه ؟

   پاسخ

   1. سلام درود بر شما
      معمولا سایت هایی که به این صورت پیاده سازی میشه نیازمند این می باشد که بیشتر بهینه سازی روی آن انجام شود .

      پاسخ

      1. سلام ببخشید چگونه برای پروژه های مختلف بتونیم متحرک بسازیم سایت را
         از کجا عکس فیلم دانلود کنیم ؟

         پاسخ

         1. سلام خدمت شما
            می‌تونید از ابزارهایی مثل Elementor Motion Effects، LottieFiles برای افزودن انیمیشن‌های سبک JSON یا کتابخانه‌هایی مثل GSAP و ScrollTrigger برای انیمیشن‌های حرفه‌ای‌تر استفاده کنید

            پاسخ

10. سلام
    این تصاویر رو کانال تلگرامی ندارید از اونجا برداریم استفاده کنیم؟

    پاسخ

    1. سلام درود بر شما متاسفانه خیر اما بروزرساینی این جلسه به همراه تصاویر خواهد بود .

       پاسخ

11. سلام آموزشتون عالی بود
    یه سوال داشتم. چطوری میتونیم یه افکت متحرک دائمی داشته باشیم. یعنی به موس و اسکرول ربط نداشته باشه و دائم اون تصویر در جهت بالا و پایین یا چپ و راست به اندازه کمی در حرکت باشه؟
    و چطور میتونیم تنظیم کنیم که با هربار اسکرول کردن المان ها با افکت و موشن ظاهر بشن؟

    پاسخ

    1. سلام و وقت بخیر
       خوشحالم که از آموزش‌های ما راضی هستید.
       برای ایجاد یک افکت متحرک دائمی شما می‌توانید از CSS keyframes استفاده کنید تا یک انیمیشن متحرک دائمی ایجاد کنید. با استفاده از این تکنیک، می‌توانید یک تصویر یا المان را به طور مداوم در یک جهت خاص حرکت دهید.

       پاسخ

12. سلام ممنون از آموزش عالی شما
    من برای طراحی یک سایت هاستینگ نیاز دارم که یک سری آیکون روی محور x از ابتدا تا انتهای محور حرکت کنند و باز از اول تکرار بشن
    مثلا فرض کنید یک عکس آیکون ابر از گوشه سمت چپ صفحه وارد بشه بشه و از گوشه سمت راست تصویر خارج بشه و دوباره از سمت چپ …
    نیازی ب موس نباید باشه و ب پیمایش هم ربطی نداره با lotie هم نمیشه
    چیکار کنم؟؟

    پاسخ

    1. سلام خدمت شما
       برای ایجاد یک انیمیشن که آیکون‌ها را در محور X حرکت دهد، می‌توانید از CSS Animations استفاده کنید. یک نمونه کد CSS رو براتون قرار می دهیم
       
@keyframes moveIcon {
0% { transform: translateX(0); }
100% { transform: translateX(100%); }
}

       .icon {
animation: moveIcon 5s linear infinite;
}


       پاسخ

13. درود فایل اماده این قالب برای دانلود وجود داره؟

    پاسخ

    1. سلام خدمت شما
       متاسفانه خیر

       پاسخ

14. انقد این آموزش عالی بود،دلم نیومد کامنت نزارم و تشکر نکنم.
    خدا قوت،ممنونم ممنونم ممنونم

    پاسخ

    1. سلام خیلی از شما ممنون هستیم

       پاسخ

15. سلام وقت بخیر . ممنون از آموزش خوبتون. میخواستم بدونم این مدل عکس هارو از کدوم سایت یا سایت ها پیدا و دانلود کردین.؟

    پاسخ

    1. سلام وقت بخیر
       میتوانید از سایت هایی نظیر freepik.com دانلود نمایید

       پاسخ

16. سلام تو ویدیو گفتید عکسارو آپلود میکنید توسایت من نتونم پیداکنم عکسارو

    پاسخ

17. سلام
    من میخوام توو سایتم یک سری تصاویر متحرک باشه که اگر فقط ماوس رفت روشون شروع به حرکت کنن.. ممکنه راهنماییم کنید.. ممنون میشم

    پاسخ

    1. سلام میتونید از آموزش زیر استفاده کنید
       https://www.youtube.com/watch?v=f_9XLg_iEMM

       پاسخ

18. استاد فرمودین
    ” نوشته ها برای انتشار محتواهای پویا و زمان‌بندی شده، مانند نوشته‌های وبلاگ، مناسب هستند. اما برگه‌ها به عنوان صفحات استاتیک و دائمی برای اطلاعاتی همچون درباره‌ ما، تماس با ما، خدمات و غیره مورد استفاده قرار می‌گیرند.”
    خب چنین صفحه زیبایی کاربردش فقط صفحه اول سایته؟
    اگه بعنوان برگه دایم هم میشه ساخت بعنوان چه قسمتی میسازن مشابهش رو؟ نمونه کار؟

    پاسخ

    1. سلام درود بر شما
       متوجه منظور شما نشدیم

       پاسخ

       1. این اموزش کاربردش کجاست؟ فقط صفحه خانه سایت؟

          پاسخ

          1. سلام خیر در همه صفحات کاربرد داره بستگی به طرح گرافیکی شما دارد

             پاسخ

19. دوستان در المنتور جدید قسمت موقعیت در پیشرفته نیست
    در پیشرفته و سپس در طرح بندی رفته

    پاسخ

    1. سلام وقت بخیر
       بله دقیقا در پست مربوط به آموزش تنظیمات تب پیشرفته در المنتور توضیحات کامل می باشد

       پاسخ

20. خیلی ممنونم از آموزش خوبتون
    فقط من یه درخواستی داشتم ممنون میشم راهنماییم کنید
    تو بعضی از سایت یه سری اشکال هندسی تو پس زمینه برخی از سکشن ها میذارن که وقتی ماوس تو محدوده اون سکشن حرکت میکنه حالت آهن ربایی پیدا میکنه و اون اشکال هندسی هم بهش می چسبن ممنون میشم در این مورد اگه ممکنه راهنماییم کنید که چجوری میشه همچین چیزی رو پیاده کرد

    پاسخ

    1. سلام وقت بخیر
       برای ایجاد این حالت 2 راه دارید یا میتوانید از کد css و js استفاده نمایید و یا افزونه جانبی
       کد css و js ( با کدنویسی ) : لینک :https://codepen.io/undeadcreature/pen/PoyWJpB
       اگر بخواهید از افزونه استفاده کنید افزونه پاور پک المنتور این قابلیت را بدون کدنویسی برای شما ایجاد میکند

       پاسخ

21. سلام وقت بخیر
    باید عرض کنم که خیلی از سایتهای آموزش المنتور رو دیدم ولی بدون تعارف یکی از بهترین سایتهای آموزش المنتور هستید.شخصا خیلی از آموزشهاتون استفاده کردم.
    عذر میخوام میشه توضیح بدید که چطور بعضی از صفحات حتی بدون حرکت موس هم بصورت انیمیشن هستن؟ این رو در بعضی از سایتها دیدم مخصوصا صفحات 404
    اگه امکانش هست توضیح بدید.ممنون میشم

    پاسخ

    1. سلام وقت بخیر
       ممنون از شما لطف دارید.
       برای این منظور میتوانید از ویجت Lottie در المنتور خود استفاده نمایید . مثلا نمونه سایت زیر میتوانید به راحتی دانلود و در سایت خود استفاده کنید .
       https://lottiefiles.com
       موفق باشید

       پاسخ

22. سلام خسته نباشید در قسمت پیشرفته گزینه “موقعیت” برای بنده نیست!!

    آیا با المنتور پک این قابلیت اضافه شده؟

    پاسخ

    1. سلام وقت بخیر
       خیر این قسمت در آپدیت جدید به تب پیشرفته و اولین گزینه یعنی طرح بندی اضافه شده است و از حالت مجزا خارج شده است

       پاسخ