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