Nzira Yokugadzira Parallax Scrolling Using Adobe Muse

Imwe ye "inotyisa" maitiro pawebhu ndeye parallax kupukunyuka. Tose tave kune zvivako apo iwe unotenderera mubhuku roupuru pamushonga wako uye zviri mukati peji inoenda kumusoro uye pasi kana kupfuura peji iyo iwe uchifambisa gumbo regiyo.

Kune avo vatsva ku web design uye graphic design, nzira iyi inogona kunge yakaoma zvakaoma kuti ibudirire nokuda kwekuwanda kweCSS inodikanwa.

Kana izvozvo zvinokurondedzera iwe, kune zviverengero zvezvikumbiro zvingangokumbira kune vhidhiyo vhidhiyo. Zvinonyanya kushandisa nzira yekuzivikanwa kwepaji yemapeji mapeji, izvo zvinoreva kuti haisi zvakawanda, kana pane, kukodha kunobatanidzwa. Chimwe chikumbiro chakanyatsogadziriswa mukudarika ndicho Adobe Muse.

Basa riri kuitwa nemaitiro anoshandisa Muse achinyanya kushamisa uye unogona kuona shanduro yezvaunogona kuita nekushanyira Muse Site yeThe Day . Kunyange zvazvo web pros inowanzoita kuti Muse ashandise "mhepo inopisa", inoshandiswawo nevagadziri kuti vagadzire mafoni uye webhupikiti dzewebhu dzichazoendeswa kune vanovaka muchechi yavo.

Imwe nzira inoshamisa inoshamisa yekuita na Muse inoparidzika parallax uye, kana iwe uchida kuona shanduro yakagadzirwa yemuitiro Tichave tichifamba, taura iwe browser yako kune peji ino. Paunotenderera gumbo rako remhepo, mavara anoita seanosimudza kana pasi pasi peji uye mifananidzo inochinja.

Ngatitangei.

01 of 07

Gadzira Webhusaiti

Paunotanga Muse chengeta New Site link. Izvi zvichazarura Zvitsva Zvitsva zveNzvimbo . Iyi purogiramu ichagadzirirwa kushandiswa kwedesktop uye iwe unogona kuisarudza iyo Initial Layout pop-down menu. Iwe unogonawo kugadzirisa hutano hwehuwandu hweColumns, Gutter Width, Margins, uye Padding. Muchiitiko ichi, hatina kunyanya kufunga pamusoro peizvi uye takangotora OK .

02 of 07

Ratidzai Peji

Paunenge waisa nzvimbo yepaiti uye ukanyatsoita zvakanaka wakatorwa kune izvo zvinonzi Plan view. Pane peji reKuzinda kumusoro uye Page Peji pazasi kwehwindo. Takanga tichida peji rimwe chete. Kuti tibve kuGadzira View, tinowedzera kaviri peji yeKeji iyo yakazarura chimiro.

Kuruboshwe kune zvishoma zvishandiso zvinokosha uye kurudyi ndezvipi zvakasiyana zvepaneti zvinoshandiswa kushandisa zviri mukati peji. Pakati pepamusoro pane nzvimbo, iyo inogona kushandiswa peji, kana chimwe chinhu chakasarudzwa papeji. Muchiitiko ichi, taida kuva nerima. Kuti tibudirire izvi, tinosarudza paMuvaraidzo Wechikwata Chekutsvaga uye sarudza dema kubva kuColor Picker.

03 of 07

Wedzera Nhamba kune Peji

Nhanho inotevera ndeyokuwedzera mamwe mavara peji. Takasarudza Test Text uye takabudisa bhokisi bhokisi. Takapinda muzwi rokuti "Mucherechedza" uye, muZvinyori zvakanyorera Arial, 120 pixels White. Center Aligned.

Isu tinoshandura kuShoko reSarudzo, takasungirirwa paBluebox uye tinogadzirisa nzvimbo Y ku 168 pixels kubva kumusoro. Nebhokisi rebhokisi raive rakasarudzwa, takazarura jira rekubatanidza uye takanamatira ibhokisi rebhokisi mukati.

Pakupedzisira, pamwe nemashoko ebhokisi rakasarudzwa, takabata pasi Option / Alt uye Shift maki uye takaita makopi mana ebheji bhokisi. Takashandura magwaro uye nzvimbo Y ye kopi imwe neimwe ku:

Iwe uchacherechedza, sezvo iwe wakagadzika nzvimbo yemumwe mabhokisi bhokisi, peji yacho inoshandura kuti igare panzvimbo yemashoko acho.

04 of 07

Wedzera Image Vatengesi

Danho rinotevera nderekuisa mifananidzo pakati pezvinyorwa zvidzidzo.

Danho rokutanga nderokusarudza Rectangle Tool uye kutora bhokisi redu rinobva kune rumwe rutivi rwepeji kuenda kune rimwe. Nekatekete yakasarudzwa, tinoisa kukwirira kwayo kusvika kuma 250 pixelisi uye y Y yayo kusvika kune 425 pixels . Chirongwa chacho ndechekuti vaite nguva dzose kutambanudza kana kubvumirana nehupamhi hwepamusoro kuti vagone kushandura shanduro yekuona. Kuti tiite izvi, takatora bhora re 100% muIt Properties. Izvo izvi zvinokonzera grey kunze kwekukosha kwe X uye kuvimbisa kuti mufananidzo wacho nguva dzose uri 100% wehuwandu hwekuona mukati mutsvaga.

05 of 07

Wedzera Mifananidzo kuIndaneti Vaiti

NeRectangle yakasarudzwa tavhara Fill link - kwete iyo Color Chip - uye yakanyora I mage ink kuti uwedzere mufananidzo muchetete. Munzvimbo Yakakodzera , takasarudza Kuyera Kuti Tive Fit uye tavhara pakati pataiti munzvimbo yePosition kuti tione kuti chifananidzo chacho chakaiswa kubva pakati pechifananidzo.

Zvadaro, takashandisa nzira yeOption / Alt-Shift-kuruka kuti tipe kopi yemufananidzo pakati pekutanga kwemashoko maviri, akazarura jira rezadza uye akavhara chifananidzo kune mumwe. Takaita izvozvi kune zvifananidzo zviviri zvakare.

Une mifananidzo panzvimbo, ndiyo nguva yekuwedzera chirevo.

06 of 07

Wedzera Parallax Scrolling

Kune nzira dzakasiyana dzekuwedzera parallax kupukunyuka muAdobe Muse. Tichakuratidzira nzira iri nyore yekuzviita.

Nezadzadza pepanho rakazaruka, tora Bhuku reMupumburu uye, kana rikazarura, chengeta Motion checkbox .

Iwe uchaona kukosha kwekutanga uye yekupedzisira . Izvi zvinosarudza kuti kukurumidza chifananidzo chinofamba sei maererano neChiroro che Wheel. Semuenzaniso, kukosha kwe5 1.5 kuchaita kuti chifananidzo chacho chiwedzere 1.5 zvakakurumidza kupfuura gumbo. Takashandisa kukosha kwe 0 kuvhara zvifananidzo munzvimbo.

IHoiral and Vertical arrows determine the direction of the motion. Kana maitiro ari 0 zvifananidzo hazvingasviki pasinei nokuti museve unodini.

Kukosha kwepakati- Chikamu Chinokosha - chinoratidza pfungwa apo mifananidzo inotanga kufamba. Mutsara uri pamusoro pemufananidzo unotanga, nokuda kwechifananidzo ichi, mapikisi 325 kubva kumusoro kweji. Apo mupumburu wacho unosvika pakukosha ikoko chifananidzo chinotanga kufamba. Iwe unogona kuchinja kukosha uku kuburikidza nekuchinja iyo mubhokisi rebhokisi kana nekudhonza nekukwevera pfungwa yacho kumusoro kwezera kana kumusoro kana pasi.

Dzokorora izvi kune mamwe mifananidzo iri papeji.

07 of 07

Browser Test

Panguva iyi, takapedza. Chinhu chokutanga chatakaita, nokuda kwezvikonzero zvakajeka, ndechokusarudza File> Chengetedza Site . Kumushandisi wekushandura, takangosarudza File> Preview Page mu Browser . Izvi zvakazarura mhepo yekombiyuta isina kushanduka uye, apo peji yacho yakavhurwa, takatanga kupora.