Oma veebisaidi loomine algab alati visandi ja tulevase kujunduse väljatöötamisest ning selle arenduse lahutamatu osa on saidikujunduse visualiseerimine Photoshopis ja valmis kujunduse lõikamine plokkideks järgneva paigutuse jaoks. Võimalus saidikujunduse pilti õigesti lõigata mõjutab otseselt paigutuse edasist edukust ja graafiliste failide õiget paigutamist serverisse.
Juhised
Samm 1
Avage Photoshopis loodud kujunduse paigutus, mis on soovitud eraldusvõimega kindel pilt. Valige Photoshopi tööriistaribalt tööriist Slice. Lülitage ajutiselt kõigi tekstikihtide, sisestusväljade, ikoonide ja sarnaste elementide nähtavus välja.
2. samm
Joonistage valitud tööriistaga juhtjooned, mida mööda saiti lõikate - need pildil olevad jooned on rohelised. Jagage üheosaline paigutus ettevaatlikult soovitud suuruse ja kogusega konstruktsioonielementideks.
3. samm
Mõelge, kuidas pilti lõikate - selles ei tohiks olla liiga palju üksikuid elemente. Juhtjoonte loomiseks asetage kursor pildi kohale ülemisele joonlauale, paremklõpsake vasakul ja lohistage juhendit. Vabastage hiire nupp.
4. samm
Kui kõik juhikud on seatud (nii vertikaalsed kui ka horisontaalsed), jätkake paigutuse viilutamist.
5. samm
Lõigake ülal valitud lõikeriista abil paigutus, klõpsates hiire vasaku nupuga iga suuna alguses ja venitades ilmunud välja soovitud objekti suurusele, mille soovite lõigata. Vabastage hiire vasak nupp, nii et lõigatud fragmendi vasakusse nurka ilmub seerianumber.
6. samm
Korrigeerige fragmentide piire neid käsitsi venitades. Üldpildi viilutatud osade salvestamiseks klõpsake menüü Fail käsku "Salvesta veebilehtede jaoks" ja valige JPEG-vorming. Valige salvestusaknas "Kõik fragmendid".
7. samm
Pärast väljalõigatud pildifragmentide eraldi salvestamist salvestage kõik lehekujunduse visuaalsed elemendid - tekstiplokid, nupud, read ja nii edasi.