Ako vytvoriť webové šablóny vo Photoshope

Web šablóna je základné rozloženie webovej stránky --- alebo --- kontajnera môžete znovu použiť na vytvorenie viacerých stránok . Šablóna poskytuje základnú štruktúru pre vaše webové stránky , ktorá vám umožní udržiavať konzistentné tému a rozvrhnutie celej stránky , bez toho aby ste museli znova každú stránku . Kým Photoshop nie je technicky dizajn webovej stránky programu , môžete ho použiť na vytvorenie webových šablón " krájanie " PSD súborov do rôznych sekcií a potom export PSD do HTML webovej stránky . Potom môžete otvoriť súbor šablóny HTML v Dreamweaver alebo nejaký iný návrh programu Web a použiť ho na vytvorenie stránky pre vaše webové stránky . Veci , ktoré budete potrebovať
Adobe Photoshop CS3 alebo novší
Zobraziť ďalšie inštrukcie
1

začať nový dokument vo Photoshope . Dajte mu rozmery , ktoré chcete použiť pre vaše webové stránky , ako je tento : Kliknite na " File " na paneli ponúk a zvoľte " Nový " otvorte dialógové okno Nový . Zadajte šírku ( v pixeloch ) do " šírky " pole a výšku ( v pixeloch ) v poli " Výška " . Kliknite na tlačidlo " OK " .
2

Vytvorte banner pre vaše webové stránky . Banner , samozrejme , je grafický alebo obrázok , ktorý sa zobrazí v hornej časti stránky . To zvyčajne pozostáva z firemného loga a iných grafických vzťahujúcich sa k výrobku alebo službe . Môžete buď vložiť existujúci obrázok alebo použiť farby a textových nástrojov Photoshopu vytvoriť banner .
3

Vytvorte tlačidlá pre vaše webové stránky . Tie sa stanú odkazy , alebo " hot spots " , ktoré sa užívateľom webových stránok na rôznych stránkach v rámci webu . Buď vložiť existujúce obrázky tlačidla a umiestniť ich tam , kde ich chcete mať v šablóne alebo použiť farby a textových nástrojov Photoshopu pre vytvorenie tlačidiel .
4

Vyberte " Slice Tool " ( tlačidlo piaty z vrcholu v toolbox ) . Ak ste nepoužili Slice Tool skôr , toto tlačidlo je pravdepodobne nastavený na iný nástroj . Kliknite a podržte tlačidlo , a potom vyberte " Slice Tool " z fly - out .
5

Presuňte Slice Tool okolo prvé tlačidlo alebo oblasti v šablóne , kde chcete vytvoriť odkaz . Tým sa vytvorí " Slice " rámik okolo objektu . Photoshop umiestni toto pole do bunky tabuľky , ktorá sa stane samostatným HTML tabuľky pri exporte tohto dokumentu do formátu HTML .
6

Pravým tlačidlom myši na nový rez a vyberte " Možnosti Upraviť Slice " od fly - z ponuky . Otvorí sa dialógové okno Voľby rezu .
7

Zadajte adresu URL , ktorú chcete na toto tlačidlo prepojiť v poli " URL " . Môžete tiež zadať ďalšie informácie o tlačidle , ako napríklad stránky cieľovej prehliadača , a alternatívne tagy . Ak chcete upraviť veľkosť a umiestnenie rezu , tak s možnosťami v časti " Rozmery " v dialógovom okne . Kliknite na tlačidlo " OK " .
8

Zopakujte predchádzajúce kroky pre vytváranie rezov a možností úpravy rezov pre každé tlačidlo v šablóne .
9

Kliknite na " File " v menu bar a zvoľte " Uložiť pre web a zariadenia . " Tým sa otvorí dialógové okno Uložiť pre web a zariadenia . Odtiaľ môžete zmeniť niektoré aspekty vašej šablóny , ako je farba pozadia, kompresia a kvalita obrazu , veľkosť dokumentu a tak ďalej . Tieto možnosti sú dobre značené a hovoria samy za seba . ( Môžete si prezrieť HTML kód pre túto šablónu kliknutím na tlačidlo "Náhľad " . )
10

Kliknite na tlačidlo " Uložiť " . Pomenujte a uložte súbor vo formáte HTML . Úspešne ste vytvorili webové šablóny . Teraz môžete otvoriť v editore webových stránok a pridajte svoj ​​obsah .

• Predchádzajúca strana: Módne Ilustrácie Photoshop nápady 
• Ďalšia strana: Ako previesť GIF do formátu JPG vo Photoshope