Vytváranie vlastných webových stránok vždy začína vývojom náčrtu a budúceho dizajnu. Neoddeliteľnou súčasťou tohto vývoja je vizualizácia dizajnu webu vo Photoshope a rozrezanie hotového návrhu na bloky pre následné rozloženie. Schopnosť správne vystrihnúť obraz dizajnu stránky priamo ovplyvňuje ďalší úspech rozloženia a správne umiestnenie grafických súborov na serveri.
Inštrukcie
Krok 1
Otvorte vytvorené návrhové rozloženie vo Photoshope, čo je pevný obrázok požadovaného rozlíšenia. Na paneli nástrojov vo Photoshope vyberte nástroj rez. Dočasne vypnite viditeľnosť všetkých textových vrstiev, vstupných polí, ikon a podobných prvkov.
Krok 2
S vybraným nástrojom nakreslite vodiace čiary, pozdĺž ktorých budete miesto rezať - tieto čiary na obrázku budú zelené. Jednodielne rozloženie opatrne rozdeľte na konštrukčné prvky požadovanej veľkosti a množstva.
Krok 3
Popremýšľajte, ako obrázok zostriháte - nemalo by v ňom byť príliš veľa jednotlivých prvkov. Ak chcete vytvoriť vodiace čiary, umiestnite kurzor na horné pravítko nad obrázok, kliknite ľavým tlačidlom myši a potiahnite vodítko nadol. Uvoľnite tlačidlo myši.
Krok 4
Po nastavení všetkých vodiacich prvkov (vertikálnych aj horizontálnych) pokračujte v rozrezávaní rozloženia.
Krok 5
Pomocou rezacieho nástroja vybratého vyššie rozrežte rozloženie kliknutím ľavým tlačidlom myši na začiatok každej vodiacej čiary a roztiahnutím zobrazeného poľa na veľkosť požadovaného objektu, ktorý chcete vystrihnúť. Uvoľnite ľavé tlačidlo myši tak, aby sa v ľavom rohu vyrezaného fragmentu zobrazilo sériové číslo.
Krok 6
Upravte okraje fragmentov ich manuálnym roztiahnutím. Ak chcete uložiť nakrájané časti celkového obrázka, kliknite v ponuke Súbor na možnosť „Uložiť pre webové stránky“a vyberte formát JPEG. V okne na uloženie vyberte možnosť „Všetky fragmenty“.
Krok 7
Po samostatnom uložení fragmentov vystrihnutého obrázka uložte všetky vizuálne prvky dizajnu stránky - textové bloky, tlačidlá, čiary atď.
