څنګه د Adobe ګروپي کارولو په واسطه Parallax Scrolling جوړ کړئ

نن ورځ په ویب کې "ترټولو غوره" تخنیکونو څخه یو پارلاکس سکولینګ دی. موږ ټول هغه ځایونو ته تللي یو چې تاسو په خپل مایک کې د کړنلارې څرخ کښیناستئ او په پاڼه کې محتويات پورته پورته او یا هم په پاڼې یا مخ کې حرکت کوي ځکه چې تاسو د مایکرو څرخ باندی تیریږی.

د ویب په ډیزاین او ګرافیک ډیزاین کې د نویو لپاره، دا تخنیک د سی ایس ایس اړتیاو له امله د لاسته راوړلو لپاره خورا خورا ستونزمن وي.

که دا تاسو ته تشریح کوي، یو شمیر غوښتنلیکونه شتون لري چې ممکن د ګرافیک هنرمندانو څخه غوښتنه وکړي. دوی په بنسټيزه توګه د ویب پاڼو لپاره د پیژندل شوي مخ ترتیب ترتیب ته کاروي، پدې معنا چې خورا ډیره، که نه وي، کوډ کول په کې شامل دي. یو غوښتنلیک چې په حقیقت کې د توقیف ځای ته راکټ شوی دی Adobe Muse.

هغه کار چې د ګرافونو لخوا کارول کیږي د فنس کارولو څخه خورا خورا حیرانتیا دی او تاسو د هغه ورځ نمونې لیدلی شئ چې تاسو یې د ورځې د موزیم ځای ته لاړ شئ. په داسې حال کې چې ویب پایلي د فنانګ په څیر یو څه "د باد" ماشین "په توګه پیژندل کیږي، دا د ډیزاینرانو لخوا د ګرځنده او ویب پروتوکولونو جوړولو لپاره هم کارول کیږي چې بالاخره به د دوی ټیم پراختیایي کونکي ته وسپارل شي.

یو تخنیک چې د ناکرارۍ سره اسانه وي اسانه د فنلاکس پارلایکس دی او که تاسو وغواړئ چې د تمرین بشپړه نسخه وګورئ موږ به د دې پاڼې لپاره خپل براؤزر وګورئ. کله چې تاسو د خپل مایک سیسټم چلولو رول ولوبوي، متن د پاڼې مخ ته پورته یا ښکته کوي او انځورونه بدلوي.

راځه چي پیل یی کړو.

د 01 01

د ویب پاڼې جوړول

کله چې تاسو فنلینټ مینځ ته راوړی نو د نوی سایټ لینک کلیک وکړئ دا به د نوي سایټ پراخوالی پرانیزي. دا پروژه به د یوې ډېسکټیک غوښتنلیک لپاره ډیزاین شي او تاسو کولی شئ د لومړني لیټ آؤٹ پاپ-डाउन مینو کې وټاکئ. تاسو کولی شئ ارزښتونه د کالمونو، ګټر چوک، مارګینز او Padding لپاره ترتیب کړئ. په دې حالت کې، موږ په دې اړه اندیښنه نه درلوده او په ساده ډول کلیک وکړئ .

02 of 07

پاڼه شکل کړئ

کله چې تاسو د ساحې ملکیت ټاکئ او په ټیک کولو کلیک وکړئ تاسو ته لیږل شوي چې د پالن لید په نوم یادیږي. په کور کې د کور پاڼه او د کړکۍ په ښکته برخه کې ماسټر پاڼه شتون لري. موږ یوازې یو مخ ته اړتیا لرو. د ډیزاین لید ته د رسیدلو لپاره، موږ د کور پاڼې چې دوه نیمګړتیاوې یې په نښه کړې وې دوه ځله کلک کړئ.

ښي خوا ته ځینې اساسي وسیلې دي او په ښي خوا کې دي مختلف ډوله پینل په پاڼه کې د محتوياتو د نیولو لپاره کارول کیږي. د پورتنۍ برخې په څیر ځانګړتیاوې دي، کوم چې په پاڼې کې کارول کیدی شي، یا په پاڼه کې انتخاب شوي شي. په دې حالت کې، موږ غوښتل چې تور رنګونه ولرو. د دې د ترسره کولو لپاره، موږ د براؤن ډک رنګ چپ باندې کلیک وکړئ او د رنګ پوپین څخه تور رنګ غوره کړ.

03 of 07

پاڼې ته متن اضافه کړئ

بل ګام په پاڼه کې ځینې متن اضافه کول دي. موږ د متن وسیله غوره کړه او د متن بکس یې راوباسه. موږ د "خوشحاله" کلمه ته ننوتلو او، په Properties کې متن Arial ته، 120 پکسل سپینه چمتو کړه. مرکز ایښودل شوی.

موږ بیا د انتخاب تڼۍ ته وګرځو، په متن باکس کې کلیک وکړئ او د Y څخه یې د پورته پوټک 168 168 پیلیټونو لپاره مقرر کړئ. د متن بکس سره لا اوس هم غوره شوی، موږ د مسیر پینل پرانیزي او د متن بکس مرکزي مرکز ته لیږدول.

په پای کې، د متن بکس غوره شوی، موږ د اختیار / Alt او Shift کلیدونه په بر کې نیسو او د متن باکس څلور کاپیسې یې جوړې کړې. موږ د هر نقل کا متن او د Y موقف بدل کړو:

تاسو به وګورئ، لکه څنګه چې تاسو د هر متن بکس ځای ټاکئ، پاڼه د متن ځای ځای په ځای کولو کې راټیټوي.

04 of 07

د انځور ځایوونکي اضافه کړئ

بل ګام دا دی چې د متن بلاکسونو انځورونو انځور کړئ.

لومړی ګام د مستطیل وسیله غوره کول دي او زموږ یو صندوق وټاکئ چې د پاڼې له یوې خوا څخه بل ته بلې برخې ته غزوي. د مستطیل انتخاب سره، موږ خپل قد د 250 پکسلیکونو او د Y Y پوسټ 425 پکسلونو ته ټاکئ . پالن دا دی چې دوی تل تل د پاڼې چوکۍ ته دوام ورکړي یا د کاروونکي د براؤزر لیدپورت ځای په ځای کولو لپاره قرارداد وکړي. د دې د ترسره کولو لپاره، موږ په Properties کې د 100٪ چوکۍ تڼۍ کلیک کړه. دا څه د X ارزښت ارزښت راښکته کوي او دا ډاډه کوي چې عکس په براؤزر کې د لیدپورت چوکۍ٪ 100 تل دی.

05 of 07

د انځور ځایو ته انځورونه اضافه کړئ

د انتخاب شوي مستطیل سره موږ موږ د ډیک ډک لینک کلیک کړی - د رنګ چپ نه - او د میج رنګې باندی کلیک وکړئ ترڅو په انځور کې د انځور اضافه کړئ. په فټیشن سیمه کې، موږ فټین ته غوره کړه او د مرکز ساحې کې د مرکز کنټرول کلیک کړئ ترڅو دا ډاډه کړي چې عکس د انځور مرکز څخه اندازه شوی.

بله، موږ د اختیار / Alt-Shift-drag technique څخه د لومړي دوه متن بلاکونو ترمنځ د عکس کاپي کاپي کولو لپاره کارولو، د ډیل پینل پرانیزئ او عکس بل بل ته بدل کړ. موږ دا د پاتې دوه انځورونو لپاره هم کړي دي.

د انځورونو سره، دا د تحریک اضافه کولو وخت دی.

06 د 07

Parallax Scrolling اضافه کړئ

په Adobe Muse کې د Parallax Scrolling ډیری لارې شتون لري. موږ به تاسو ته د هغې د ترسره کولو یوه ساده لاره وینو.

د ډک پینل پرانیستلو سره، د Scroll tab په کلیک وکړی او، کله چې دا پرانیزی، د Motion چیک باکس کلیک وکړی.

تاسو به د لمړني او وروستي موخو ارزښتونه وګورئ. دا دا معلوموي چې عکس څومره دومره سرعت چټکوي چې د کتاب ویلې سره تړاو لري. د بېلګې په توګه، 1.5 د ارزښت ارزښت به د عکس په پرتله 1.5 چټک سرعت ته حرکت ورکړي. موږ د انځورونو د بندولو لپاره یو ارزښت وکارولو.

افقی او عمودی تیرونه د حرکت لارښود ټاکي. که ارزښتونه وي 0 انځورونه به د کومې تیرې تیری څخه پرته بودیجه نه وي.

د منځنی ارزښت مهم ځای - هغه نقشه ښیي چې انځورونه حرکت کوي. د انځور پورته لیک د پیل لپاره، د دې عکس لپاره، د پاڼې تر پورتنۍ برخې څخه 325 پکسلونه. کله چې کتاب ته ورسیږي هغه ارزښت چې ارزښت یې حرکت ته پیل کوي. تاسو کولی شئ دا ارزښت بدل کړئ یا یې د خبرو اترو په بکس کې یا د پورته پورته یا پورته لین په پورته کې د ټیک کولو کلیک کولو له لارې.

دا د نورو انځورونو لپاره په پاڼه کې تکرار کړئ.

07 د 07

د لټون لټون

په دې وخت کې، موږ بشپړ شو. لومړنۍ شیان چې موږ یې ترسره کړل، د واضح دلیلونو لپاره، د فایل> خوندي ځای غوره کول وټاکل . د برنر ټسټ ته، موږ په ساده ډول د دوتنې> د لیدلو پاڼه په لټون کې غوره کړه. دا زموږ د کمپیوټر لومړنی برنامه پرانیستله او، کله چې پاڼه پرانيستل شوه، موږ سکرالګ پیل کړ.