Savo svetainės kūrimas visada prasideda nuo eskizo ir būsimo dizaino kūrimo, o neatsiejama šios plėtros dalis yra svetainės dizaino vizualizavimas „Photoshop“ir gatavo dizaino suskaidymas į blokus, kad būtų galima vėliau juos išdėstyti. Gebėjimas teisingai iškirpti svetainės dizaino paveikslėlį tiesiogiai įtakoja tolesnę maketo sėkmę ir teisingą grafinių failų talpinimą serveryje.
Nurodymai
1 žingsnis
„Photoshop“atidarykite sukurtą dizaino maketą, kuris yra vientisas norimos skiriamosios gebos vaizdas. „Photoshop“įrankių juostoje pasirinkite „Slice“įrankį. Laikinai išjunkite visų teksto sluoksnių, įvesties laukų, piktogramų ir panašių elementų matomumą.
2 žingsnis
Pasirinktu įrankiu nubrėžkite kreipiamąsias linijas, kuriomis pjausite vietą - šios linijos ant paveikslėlio bus žalios. Atskirai išdėstykite vientisą išdėstymą norimo dydžio ir kiekio struktūriniais elementais.
3 žingsnis
Pagalvokite, kaip nukirsite vaizdą - jame neturėtų būti per daug atskirų elementų. Norėdami sukurti vadovo linijas, užveskite žymeklį ant viršutinio liniuotės virš vaizdo, spustelėkite kairįjį pelės klavišą ir vilkite vadovą žemyn. Atleiskite pelės mygtuką.
4 žingsnis
Nustačius visus kreipiklius (tiek vertikalius, tiek horizontalius), pereikite prie išdėstymo pjaustymo.
5 žingsnis
Naudodami aukščiau pasirinktą pjovimo įrankį, iškirpkite maketą kairiuoju pelės klavišu spustelėdami kiekvienos gairės pradžią ir ištempdami pasirodžiusį lauką iki norimo iškirpti objekto dydžio. Atleiskite kairįjį pelės mygtuką, kad kairiajame pjūvio fragmento kampe atsirastų serijos numeris.
6 žingsnis
Sureguliuokite fragmentų kraštus rankiniu būdu juos ištempdami. Norėdami išsaugoti supjaustytas bendro vaizdo dalis, meniu „Failas“spustelėkite parinktį „Išsaugoti tinklalapiams“ir pasirinkite JPEG formatą. Išsaugojimo lange pasirinkite „Visi fragmentai“.
7 žingsnis
Atskirai išsaugoję iškirptus vaizdo fragmentus, išsaugokite visus puslapio dizaino vaizdinius elementus - teksto blokus, mygtukus, linijas ir pan.
