رفتن به محتوای اصلی

جلوه های انیمیشن پیمایشی جدید را در Divi کشف کنید

Divi: ساده ترین قالب وردپرس برای استفاده

Divi: بهترین تم وردپرس تمام وقت!

بیشتر دانلود 901.000، Divi محبوب ترین تم وردپرس در جهان است. این کامل، آسان برای استفاده است و همراه با بیش از قالب های رایگان 62. [توصیه شده]

امروز ما از بروزرسانی جدید Divi مطلع شده ایم که جلوه های انیمیشن پیمایشی را نامیده می شود. نگاهی به آن انداختیم و در این آموزش به طور خلاصه انتظارات را بیان می کنیم.

بیایید شروع.

اثرات پیمایش چیست؟

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

به نظر پیچیده است ، اما با Divi ، کاملاً ساده شده است

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

6 اثر ششگانه منحصر به فرد

جلوه های موجود برای انتخاب یا ترکیب. Divi دارای شش جلوه پیمایشی مختلف است که هر یک از آنها را می توان به صورت جداگانه با استفاده از رابط کاربری جلوه های پیمایشی جدید شخصی سازی کرد. همچنین می توانید هر یک از جلوه ها را برای ایجاد انیمیشن های پیچیده تر ترکیب کنید.

به راحتی وب سایت خود را با Elementor بسازید

Elementor به شما امکان می دهد تا با طراحی حرفه ای هر طراحی وب سایت را به راحتی ایجاد کنید. هزینه کارهایی را که می توانید انجام دهید ، متوقف نکنید. [رایگان]

حرکت عمودی

افکت حرکت عمودی به هر عنصری اجازه می دهد تا بسته به سرعت و جهت پیمایش بازدید کننده ، صفحه را بالا و پایین کند. نتیجه یک اثر اختلاف منظر است! اکنون می توان از همه چیز برای ایجاد جلوه های اختلاف منظر با Divi استفاده کرد. حتی می توانید حرکت عمودی را با تصاویر پس زمینه اختلاف منظر ترکیب کنید و برخی از طرح های واقعا چشمگیر را ایجاد کنید.

تنظیمات تصویر Divi

حرکت افقی

اثر حرکتی افقی مشابه افکت حرکتی عمودی است ، با این تفاوت که اجازه می دهد آیتم ها بسته به جهت و سرعت پیمایش بازدید کننده ، از صفحه به چپ به راست منتقل شوند. . حتی می توانید حرکت عمودی و افقی را با هم ترکیب کنید و به شما امکان کنترل کامل حرکت هر عنصر را بدهد!

جلوه های انیمیشن Divi

تاری محتوا

اثر تاری بسته به سرعت و مسیری که بازدید کننده در حال پیمایش است ، عناصر را در داخل و خارج از کانون توجه قرار می دهد. از آنجا که Divi به شما امکان می دهد مقادیر تاری ، شروع و وسط و پایان را کنترل کنید ، می توانید عناصر را درست هنگامی که در مقابل چشمان بازدید کننده قرار دارند ، متمرکز کنید. این یک روش عالی برای جلب توجه به اطلاعات مهم است.

تنظیم محو زمینه Divi

ذوب شده

اثر محو با عناصر بر اساس سرعت و جهت حرکت پیمایش بازدید کننده محو و خارج می شود. می توانید عناصر را با هم مخلوط کنید ، ناپدید شوند یا هر دو را. ترکیبی از محو شدن ، تاری و مقیاس می تواند انیمیشن های بسیار پیچیده ای ایجاد کند که فاکتور اضافی "آن" را به طراحی شما اضافه می کند.

آیا شما به دنبال بهترین تم ها و پلاگین های وردپرس هستید؟

بهترین پلاگین ها و تم های وردپرس را در Envato دانلود کنید و به راحتی وب سایت خود را ایجاد کنید. در حال حاضر بیش از 49.720.000 دریافت می کند. [EXCLUSIVE]

Divi محو اثر

اثر مقیاس گذاری

اثر مقیاس بسته به سرعت و جهت حرکت پیمایش بازدید کننده ، اندازه هر مورد را افزایش یا کاهش می دهد. اگر می خواهید به یک عنصر خاص مانند فراخوان اقدام جلب کنید ، می توانید اثر مقیاس را تنظیم کنید تا اندازه عنصر به مرکز قاب نزدیک شود. پنجره البته امکانات بسیار زیاد دیگری نیز وجود دارد!

اثر مقیاس گذاری

اثر چرخش

اثر چرخش با توجه به سرعت و جهت پیمایش بازدید کننده ، موردی را به هر دو جهت می چرخاند. چرخش ظریف واقعاً می تواند صحنه ها را زنده کند. فقط کمی چرخش در صورت ترکیب با حرکت افقی می تواند عالی به نظر برسد! یا اجازه دهید عناصر به صورت دایره وار گرد شوند.

تنظیمات تصویر اثر چرخش تقسیم

رابط بصری جدید

زیبایی واقعی جلوه های پیمایشی Divi ، سهولت استفاده آنهاست! رابط کاربری جدیدی وجود دارد که روند ایجاد انیمیشن های وب را ساده می کند تا در دسترس همه باشد. فقط با یک کلیک می توانید یکی از شش جلوه پیمایش Divi را اضافه یا ترکیب کنید. خارج از جعبه ، آنها بسیار عالی به نظر می رسند! سپس می توانید جلوه ها را به خوبی تنظیم کنید تا انیمیشن های پیشرفته تری ایجاد کنید.

با یک کلیک و بس!

آیا می خواهید یک اثر پیمایشی به ماژول اضافه کنید؟ با یک کلیک افکت اضافه می شود و همچنین بسیار عالی به نظر می رسد! برای افزودن جلوه پیمایشی ، به سادگی به گروه گزینه جدید پیمایش در تب پیشرفته هر ماژول ، ردیف ، ستون یا بخش دسترسی پیدا کنید. چندین جلوه می توانند همزمان فعال شوند و افکت ها به صورت یک انیمیشن روان ترکیب می شوند که با پیمایش به زیبایی تغییر شکل می دهد.

آیا می خواهید کنترل کامل داشته باشید؟ شما آن را دارید !

وقتی جلوه پیمایش را فعال کردید ، می توانید میزان افکت را در هر نقطه از انیمیشن کنترل کامل کنید. با کنترل مقادیر شروع ، میانه و پایان ، کنترل می کنید چه می کند انیمیشن پس از تنظیم مقادیر ، Divi از بقیه موارد مراقبت می کند و با حرکت در اطراف پنجره مرورگر ، عنصر را ایجاد می کند و یک انیمیشن ایجاد می کند.

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

به عنوان مثال ، یک اثر کدری با مقدار شروع 0 (نامرئی) ، مقدار متوسط ​​100 (کاملاً قابل مشاهده) و مقدار پایان 0 (نامرئی) ، هنگام ورود از حالت نامرئی تغییر می کند پنجره تا زمانی که در وسط پنجره 100٪ قابل مشاهده شود ، هنگام خروج از پنجره در حالت نامرئی ناپدید می شود.

تنظیم جدول زمانی انیمیشن

نه تنها می توانید مقادیر انیمیشن را تنظیم کنید ، بلکه می توانید جدول زمانی انیمیشن را نیز تنظیم کنید. Timeline UI ارتفاع پنجره مرورگر را نشان می دهد. هر فریم کلیدی انیمیشن را می توان در یک موقعیت متفاوت در پنجره فعال کرد. با این کار می توانید شروع ، پایان و زمان انیمیشن انیمیشن را بر اساس موقعیت کلیپ متحرک در محور y پنجره مرورگر کنترل کنید.

به راحتی فروشگاه آنلاین خود را ایجاد کنید

دانلود رایگان WooCommerce، بهترین پلاگین تجارت الکترونیک برای فروش محصولات فیزیکی و دیجیتال خود را در وردپرس. [توصیه میشود]

  • شروع موقعیت صفحه کلید - این گزینه شروع انیمیشن را کنترل می کند. اگر می خواهید انیمیشن را به تأخیر بیندازید ، موقعیت کادر شروع را به سمت داخل بکشید.
  • موقعیت فریم کلید مرکز - این نقطه ای را که در آن انیمیشن به مقدار انیمیشن اصلی خود می رسد کنترل می کند. لازم نیست دقیقاً در وسط جدول زمانی انیمیشن باشد. می توانید قاب کلید میانی را به هر موقعیتی در پنجره منتقل کنید.
  • پایان موقعیت فریم کلیدی - این کنترل برای پایان دادن به انیمیشن استفاده می شود. اگر می خواهید قبل از خروج کلیپ از پنجره مرورگر ، انیمیشن به پایان برسد ، می توانید موقعیت پایان فریم کلیدی را به سمت داخل بکشید.

حالتهای ساکن را به هر انیمیشن اضافه کنید

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

نظر شما در مورد این ویژگی های جدید چیست؟ دریغ نکنید که نظرات خود را در نظرات به اشتراک بگذارید.

این مقاله حاوی نظرات 0

دیدگاهتان را بنویسید

آدرس ایمیل شما منتشر نخواهد شد. علامت گذاری شده اند *

این سایت از Akismet برای کاهش ناخواسته استفاده می کند. در مورد نحوه استفاده از اطلاعات نظرتان بیشتر بدانید.

بازگشت به بالا