Ang paglikha ng iyong sariling website ay laging nagsisimula sa pagbuo ng isang sketch at hinaharap na disenyo, at isang mahalagang bahagi ng pag-unlad na ito ay ang pagpapakita ng disenyo ng site sa Photoshop at pagputol ng natapos na disenyo sa mga bloke para sa kasunod na layout. Ang kakayahang i-cut nang tama ang isang larawan ng disenyo ng site nang direkta nakakaapekto sa karagdagang tagumpay ng layout at ang tamang paglalagay ng mga graphic file sa server.
Panuto
Hakbang 1
Buksan ang nilikha na layout ng disenyo sa Photoshop, na isang solidong imahe ng nais na resolusyon. Mula sa toolbar sa Photoshop, piliin ang Slice tool. Pansamantalang patayin ang kakayahang makita ng lahat ng mga layer ng teksto, mga patlang ng pag-input, mga icon at mga katulad na elemento.
Hakbang 2
Iguhit gamit ang napiling tool ang mga linya ng gabay na gupitin mo ang site - ang mga linya na ito sa imahe ay magiging berde. Hatiin nang mabuti ang isang piraso na layout sa mga elemento ng istruktura ng nais na laki at dami.
Hakbang 3
Mag-isip tungkol sa kung paano mo i-cut ang imahe - hindi dapat mayroong masyadong maraming mga indibidwal na elemento dito. Upang lumikha ng mga linya ng gabay, ilagay ang cursor sa itaas na pinuno sa imahe, mag-left click at i-drag pababa ang gabay. Pakawalan ang pindutan ng mouse.
Hakbang 4
Matapos maitakda ang lahat ng mga gabay (parehong patayo at pahalang), magpatuloy sa paggupit ng layout.
Hakbang 5
Gamit ang napiling tool sa pagputol sa itaas, gupitin ang layout sa pamamagitan ng pag-left-click sa simula ng bawat alituntunin at pag-uunat ng lumitaw na patlang sa laki ng nais na bagay na nais mong i-cut. Pakawalan ang kaliwang pindutan ng mouse upang ang isang serial number ay lilitaw sa kaliwang sulok ng hiwa ng fragment.
Hakbang 6
Ayusin ang mga hangganan ng mga fragment sa pamamagitan ng manu-manong pag-uunat sa kanila. Upang mai-save ang mga hiniwang bahagi ng pangkalahatang imahe, i-click ang pagpipiliang "I-save para sa Mga Pahina sa Web" sa menu ng File at piliin ang format na JPEG. Sa save window, piliin ang "Lahat ng mga fragment".
Hakbang 7
Pagkatapos i-save ang hiwa-hiwalay na mga fragment ng imahe, i-save ang lahat ng mga visual na elemento ng disenyo ng pahina - mga bloke ng teksto, mga pindutan, mga linya, at iba pa.
